commit 07d755a166f54504e7209de13707824d060edbb3 Author: benjamin-wilson Date: Thu Aug 3 21:39:14 2023 +0000 deploy: d5b172e25fd9f34c0181a141727c33743aaf33eb diff --git a/3rdpartylicenses.txt b/3rdpartylicenses.txt new file mode 100644 index 0000000..e631485 --- /dev/null +++ b/3rdpartylicenses.txt @@ -0,0 +1,1410 @@ +@angular/animations +MIT + +@angular/common +MIT + +@angular/core +MIT + +@angular/forms +MIT + +@angular/platform-browser +MIT + +@angular/router +MIT + +@kurkle/color +MIT +The MIT License (MIT) + +Copyright (c) 2018-2021 Jukka Kurkela + +Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. + + +bitcoin-address-validation +MIT +The MIT License (MIT) + +Copyright (c) 2018 Rui Gomes + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. + + +chart.js +MIT +The MIT License (MIT) + +Copyright (c) 2014-2022 Chart.js Contributors + +Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. + + +chart.js-auto + +chartjs-adapter-moment +MIT +The MIT License (MIT) + +Copyright (c) 2019 Chart.js Contributors + +Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. + + +moment +MIT +Copyright (c) JS Foundation and other contributors + +Permission is hereby granted, free of charge, to any person +obtaining a copy of this software and associated documentation +files (the "Software"), to deal in the Software without +restriction, including without limitation the rights to use, +copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the +Software is furnished to do so, subject to the following +conditions: + +The above copyright notice and this permission notice shall be +included in all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, +EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES +OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND +NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT +HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, +WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING +FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR +OTHER DEALINGS IN THE SOFTWARE. + + +ng-particles +MIT + +ngx-device-detector +MIT + +primeflex +MIT +The MIT License (MIT) + +Copyright (c) 2016-2023 PrimeTek + +Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. + +primeicons +MIT +MIT License + +Copyright (c) 2018-2021 PrimeTek + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. + + +primeng +MIT + +rxjs +Apache-2.0 + Apache License + Version 2.0, January 2004 + http://www.apache.org/licenses/ + + TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION + + 1. Definitions. + + "License" shall mean the terms and conditions for use, reproduction, + and distribution as defined by Sections 1 through 9 of this document. + + "Licensor" shall mean the copyright owner or entity authorized by + the copyright owner that is granting the License. + + "Legal Entity" shall mean the union of the acting entity and all + other entities that control, are controlled by, or are under common + control with that entity. For the purposes of this definition, + "control" means (i) the power, direct or indirect, to cause the + direction or management of such entity, whether by contract or + otherwise, or (ii) ownership of fifty percent (50%) or more of the + outstanding shares, or (iii) beneficial ownership of such entity. + + "You" (or "Your") shall mean an individual or Legal Entity + exercising permissions granted by this License. + + "Source" form shall mean the preferred form for making modifications, + including but not limited to software source code, documentation + source, and configuration files. + + "Object" form shall mean any form resulting from mechanical + transformation or translation of a Source form, including but + not limited to compiled object code, generated documentation, + and conversions to other media types. + + "Work" shall mean the work of authorship, whether in Source or + Object form, made available under the License, as indicated by a + copyright notice that is included in or attached to the work + (an example is provided in the Appendix below). + + "Derivative Works" shall mean any work, whether in Source or Object + form, that is based on (or derived from) the Work and for which the + editorial revisions, annotations, elaborations, or other modifications + represent, as a whole, an original work of authorship. For the purposes + of this License, Derivative Works shall not include works that remain + separable from, or merely link (or bind by name) to the interfaces of, + the Work and Derivative Works thereof. + + "Contribution" shall mean any work of authorship, including + the original version of the Work and any modifications or additions + to that Work or Derivative Works thereof, that is intentionally + submitted to Licensor for inclusion in the Work by the copyright owner + or by an individual or Legal Entity authorized to submit on behalf of + the copyright owner. For the purposes of this definition, "submitted" + means any form of electronic, verbal, or written communication sent + to the Licensor or its representatives, including but not limited to + communication on electronic mailing lists, source code control systems, + and issue tracking systems that are managed by, or on behalf of, the + Licensor for the purpose of discussing and improving the Work, but + excluding communication that is conspicuously marked or otherwise + designated in writing by the copyright owner as "Not a Contribution." + + "Contributor" shall mean Licensor and any individual or Legal Entity + on behalf of whom a Contribution has been received by Licensor and + subsequently incorporated within the Work. + + 2. Grant of Copyright License. Subject to the terms and conditions of + this License, each Contributor hereby grants to You a perpetual, + worldwide, non-exclusive, no-charge, royalty-free, irrevocable + copyright license to reproduce, prepare Derivative Works of, + publicly display, publicly perform, sublicense, and distribute the + Work and such Derivative Works in Source or Object form. + + 3. Grant of Patent License. Subject to the terms and conditions of + this License, each Contributor hereby grants to You a perpetual, + worldwide, non-exclusive, no-charge, royalty-free, irrevocable + (except as stated in this section) patent license to make, have made, + use, offer to sell, sell, import, and otherwise transfer the Work, + where such license applies only to those patent claims licensable + by such Contributor that are necessarily infringed by their + Contribution(s) alone or by combination of their Contribution(s) + with the Work to which such Contribution(s) was submitted. If You + institute patent litigation against any entity (including a + cross-claim or counterclaim in a lawsuit) alleging that the Work + or a Contribution incorporated within the Work constitutes direct + or contributory patent infringement, then any patent licenses + granted to You under this License for that Work shall terminate + as of the date such litigation is filed. + + 4. Redistribution. You may reproduce and distribute copies of the + Work or Derivative Works thereof in any medium, with or without + modifications, and in Source or Object form, provided that You + meet the following conditions: + + (a) You must give any other recipients of the Work or + Derivative Works a copy of this License; and + + (b) You must cause any modified files to carry prominent notices + stating that You changed the files; and + + (c) You must retain, in the Source form of any Derivative Works + that You distribute, all copyright, patent, trademark, and + attribution notices from the Source form of the Work, + excluding those notices that do not pertain to any part of + the Derivative Works; and + + (d) If the Work includes a "NOTICE" text file as part of its + distribution, then any Derivative Works that You distribute must + include a readable copy of the attribution notices contained + within such NOTICE file, excluding those notices that do not + pertain to any part of the Derivative Works, in at least one + of the following places: within a NOTICE text file distributed + as part of the Derivative Works; within the Source form or + documentation, if provided along with the Derivative Works; or, + within a display generated by the Derivative Works, if and + wherever such third-party notices normally appear. The contents + of the NOTICE file are for informational purposes only and + do not modify the License. You may add Your own attribution + notices within Derivative Works that You distribute, alongside + or as an addendum to the NOTICE text from the Work, provided + that such additional attribution notices cannot be construed + as modifying the License. + + You may add Your own copyright statement to Your modifications and + may provide additional or different license terms and conditions + for use, reproduction, or distribution of Your modifications, or + for any such Derivative Works as a whole, provided Your use, + reproduction, and distribution of the Work otherwise complies with + the conditions stated in this License. + + 5. Submission of Contributions. Unless You explicitly state otherwise, + any Contribution intentionally submitted for inclusion in the Work + by You to the Licensor shall be under the terms and conditions of + this License, without any additional terms or conditions. + Notwithstanding the above, nothing herein shall supersede or modify + the terms of any separate license agreement you may have executed + with Licensor regarding such Contributions. + + 6. Trademarks. This License does not grant permission to use the trade + names, trademarks, service marks, or product names of the Licensor, + except as required for reasonable and customary use in describing the + origin of the Work and reproducing the content of the NOTICE file. + + 7. Disclaimer of Warranty. Unless required by applicable law or + agreed to in writing, Licensor provides the Work (and each + Contributor provides its Contributions) on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or + implied, including, without limitation, any warranties or conditions + of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A + PARTICULAR PURPOSE. You are solely responsible for determining the + appropriateness of using or redistributing the Work and assume any + risks associated with Your exercise of permissions under this License. + + 8. Limitation of Liability. In no event and under no legal theory, + whether in tort (including negligence), contract, or otherwise, + unless required by applicable law (such as deliberate and grossly + negligent acts) or agreed to in writing, shall any Contributor be + liable to You for damages, including any direct, indirect, special, + incidental, or consequential damages of any character arising as a + result of this License or out of the use or inability to use the + Work (including but not limited to damages for loss of goodwill, + work stoppage, computer failure or malfunction, or any and all + other commercial damages or losses), even if such Contributor + has been advised of the possibility of such damages. + + 9. Accepting Warranty or Additional Liability. While redistributing + the Work or Derivative Works thereof, You may choose to offer, + and charge a fee for, acceptance of support, warranty, indemnity, + or other liability obligations and/or rights consistent with this + License. However, in accepting such obligations, You may act only + on Your own behalf and on Your sole responsibility, not on behalf + of any other Contributor, and only if You agree to indemnify, + defend, and hold each Contributor harmless for any liability + incurred by, or claims asserted against, such Contributor by reason + of your accepting any such warranty or additional liability. + + END OF TERMS AND CONDITIONS + + APPENDIX: How to apply the Apache License to your work. + + To apply the Apache License to your work, attach the following + boilerplate notice, with the fields enclosed by brackets "[]" + replaced with your own identifying information. (Don't include + the brackets!) The text should be enclosed in the appropriate + comment syntax for the file format. We also recommend that a + file or class name and description of purpose be included on the + same "printed page" as the copyright notice for easier + identification within third-party archives. + + Copyright (c) 2015-2018 Google, Inc., Netflix, Inc., Microsoft Corp. and contributors + + Licensed under the Apache License, Version 2.0 (the "License"); + you may not use this file except in compliance with the License. + You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + 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. + + + +tsparticles +MIT +MIT License + +Copyright (c) 2020 Matteo Bruni + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. + + +tsparticles-engine +MIT +MIT License + +Copyright (c) 2020 Matteo Bruni + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. + + +tsparticles-interaction-external-attract +MIT +MIT License + +Copyright (c) 2020 Matteo Bruni + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. + + +tsparticles-interaction-external-bounce +MIT +MIT License + +Copyright (c) 2020 Matteo Bruni + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. + + +tsparticles-interaction-external-bubble +MIT +MIT License + +Copyright (c) 2020 Matteo Bruni + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. + + +tsparticles-interaction-external-connect +MIT +MIT License + +Copyright (c) 2020 Matteo Bruni + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. + + +tsparticles-interaction-external-grab +MIT +MIT License + +Copyright (c) 2020 Matteo Bruni + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. + + +tsparticles-interaction-external-pause +MIT +MIT License + +Copyright (c) 2020 Matteo Bruni + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. + + +tsparticles-interaction-external-push +MIT +MIT License + +Copyright (c) 2020 Matteo Bruni + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. + + +tsparticles-interaction-external-remove +MIT +MIT License + +Copyright (c) 2020 Matteo Bruni + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. + + +tsparticles-interaction-external-repulse +MIT +MIT License + +Copyright (c) 2020 Matteo Bruni + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. + + +tsparticles-interaction-external-slow +MIT +MIT License + +Copyright (c) 2020 Matteo Bruni + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. + + +tsparticles-interaction-external-trail +MIT +MIT License + +Copyright (c) 2020 Matteo Bruni + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. + + +tsparticles-interaction-particles-attract +MIT +MIT License + +Copyright (c) 2020 Matteo Bruni + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. + + +tsparticles-interaction-particles-collisions +MIT +MIT License + +Copyright (c) 2020 Matteo Bruni + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. + + +tsparticles-interaction-particles-links +MIT +MIT License + +Copyright (c) 2020 Matteo Bruni + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. + + +tsparticles-move-base +MIT +MIT License + +Copyright (c) 2020 Matteo Bruni + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. + + +tsparticles-move-parallax +MIT +MIT License + +Copyright (c) 2020 Matteo Bruni + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. + + +tsparticles-particles.js +MIT +MIT License + +Copyright (c) 2020 Matteo Bruni + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. + + +tsparticles-plugin-absorbers +MIT +MIT License + +Copyright (c) 2020 Matteo Bruni + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. + + +tsparticles-plugin-emitters +MIT +MIT License + +Copyright (c) 2020 Matteo Bruni + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. + + +tsparticles-shape-circle +MIT +MIT License + +Copyright (c) 2020 Matteo Bruni + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. + + +tsparticles-shape-image +MIT +MIT License + +Copyright (c) 2020 Matteo Bruni + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. + + +tsparticles-shape-line +MIT +MIT License + +Copyright (c) 2020 Matteo Bruni + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. + + +tsparticles-shape-polygon +MIT +MIT License + +Copyright (c) 2020 Matteo Bruni + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. + + +tsparticles-shape-square +MIT +MIT License + +Copyright (c) 2020 Matteo Bruni + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. + + +tsparticles-shape-star +MIT +MIT License + +Copyright (c) 2020 Matteo Bruni + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. + + +tsparticles-shape-text +MIT +MIT License + +Copyright (c) 2020 Matteo Bruni + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. + + +tsparticles-slim +MIT +MIT License + +Copyright (c) 2020 Matteo Bruni + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. + + +tsparticles-updater-color +MIT +MIT License + +Copyright (c) 2020 Matteo Bruni + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. + + +tsparticles-updater-destroy +MIT +MIT License + +Copyright (c) 2020 Matteo Bruni + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. + + +tsparticles-updater-life +MIT +MIT License + +Copyright (c) 2020 Matteo Bruni + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. + + +tsparticles-updater-opacity +MIT +MIT License + +Copyright (c) 2020 Matteo Bruni + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. + + +tsparticles-updater-out-modes +MIT +MIT License + +Copyright (c) 2020 Matteo Bruni + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. + + +tsparticles-updater-roll +MIT +MIT License + +Copyright (c) 2020 Matteo Bruni + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. + + +tsparticles-updater-rotate +MIT +MIT License + +Copyright (c) 2020 Matteo Bruni + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. + + +tsparticles-updater-size +MIT +MIT License + +Copyright (c) 2020 Matteo Bruni + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. + + +tsparticles-updater-stroke-color +MIT +MIT License + +Copyright (c) 2020 Matteo Bruni + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. + + +tsparticles-updater-tilt +MIT +MIT License + +Copyright (c) 2020 Matteo Bruni + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. + + +tsparticles-updater-twinkle +MIT +MIT License + +Copyright (c) 2020 Matteo Bruni + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. + + +tsparticles-updater-wobble +MIT +MIT License + +Copyright (c) 2020 Matteo Bruni + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. + + +zone.js +MIT +The MIT License + +Copyright (c) 2010-2023 Google LLC. https://angular.io/license + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in +all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN +THE SOFTWARE. diff --git a/3rdpartylicenses.txt.br b/3rdpartylicenses.txt.br new file mode 100644 index 0000000..dd9f5f6 Binary files /dev/null and b/3rdpartylicenses.txt.br differ diff --git a/3rdpartylicenses.txt.gz b/3rdpartylicenses.txt.gz new file mode 100644 index 0000000..67d7cc4 Binary files /dev/null and b/3rdpartylicenses.txt.gz differ diff --git a/assets/layout/images/hero.png b/assets/layout/images/hero.png new file mode 100644 index 0000000..0a90fcb Binary files /dev/null and b/assets/layout/images/hero.png differ diff --git a/assets/layout/images/hero.png.br b/assets/layout/images/hero.png.br new file mode 100644 index 0000000..ebf4316 Binary files /dev/null and b/assets/layout/images/hero.png.br differ diff --git a/assets/layout/images/hero.png.gz b/assets/layout/images/hero.png.gz new file mode 100644 index 0000000..e3b9c81 Binary files /dev/null and b/assets/layout/images/hero.png.gz differ diff --git a/assets/layout/images/logo.svg b/assets/layout/images/logo.svg new file mode 100644 index 0000000..6c00e11 --- /dev/null +++ b/assets/layout/images/logo.svg @@ -0,0 +1,301 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/layout/images/logo.svg.br b/assets/layout/images/logo.svg.br new file mode 100644 index 0000000..6ceb781 Binary files /dev/null and b/assets/layout/images/logo.svg.br differ diff --git a/assets/layout/images/logo.svg.gz b/assets/layout/images/logo.svg.gz new file mode 100644 index 0000000..0d17ab3 Binary files /dev/null and b/assets/layout/images/logo.svg.gz differ diff --git a/assets/layout/images/themes/arya-blue.png b/assets/layout/images/themes/arya-blue.png new file mode 100644 index 0000000..62a7b05 Binary files /dev/null and b/assets/layout/images/themes/arya-blue.png differ diff --git a/assets/layout/images/themes/arya-blue.png.br b/assets/layout/images/themes/arya-blue.png.br new file mode 100644 index 0000000..10e7fb7 Binary files /dev/null and b/assets/layout/images/themes/arya-blue.png.br differ diff --git a/assets/layout/images/themes/arya-blue.png.gz b/assets/layout/images/themes/arya-blue.png.gz new file mode 100644 index 0000000..6dcc487 Binary files /dev/null and b/assets/layout/images/themes/arya-blue.png.gz differ diff --git a/assets/layout/images/themes/arya-green.png b/assets/layout/images/themes/arya-green.png new file mode 100644 index 0000000..8b67fd8 Binary files /dev/null and b/assets/layout/images/themes/arya-green.png differ diff --git a/assets/layout/images/themes/arya-green.png.br b/assets/layout/images/themes/arya-green.png.br new file mode 100644 index 0000000..3ab3fa6 Binary files /dev/null and b/assets/layout/images/themes/arya-green.png.br differ diff --git a/assets/layout/images/themes/arya-green.png.gz b/assets/layout/images/themes/arya-green.png.gz new file mode 100644 index 0000000..9ab441d Binary files /dev/null and b/assets/layout/images/themes/arya-green.png.gz differ diff --git a/assets/layout/images/themes/arya-orange.png b/assets/layout/images/themes/arya-orange.png new file mode 100644 index 0000000..fef1ac4 Binary files /dev/null and b/assets/layout/images/themes/arya-orange.png differ diff --git a/assets/layout/images/themes/arya-orange.png.br b/assets/layout/images/themes/arya-orange.png.br new file mode 100644 index 0000000..51cbb20 Binary files /dev/null and b/assets/layout/images/themes/arya-orange.png.br differ diff --git a/assets/layout/images/themes/arya-orange.png.gz b/assets/layout/images/themes/arya-orange.png.gz new file mode 100644 index 0000000..a8f697b Binary files /dev/null and b/assets/layout/images/themes/arya-orange.png.gz differ diff --git a/assets/layout/images/themes/arya-purple.png b/assets/layout/images/themes/arya-purple.png new file mode 100644 index 0000000..fb7f9e8 Binary files /dev/null and b/assets/layout/images/themes/arya-purple.png differ diff --git a/assets/layout/images/themes/arya-purple.png.br b/assets/layout/images/themes/arya-purple.png.br new file mode 100644 index 0000000..3f68aa0 Binary files /dev/null and b/assets/layout/images/themes/arya-purple.png.br differ diff --git a/assets/layout/images/themes/arya-purple.png.gz b/assets/layout/images/themes/arya-purple.png.gz new file mode 100644 index 0000000..b64a00e Binary files /dev/null and b/assets/layout/images/themes/arya-purple.png.gz differ diff --git a/assets/layout/images/themes/bootstrap4-dark-blue.svg b/assets/layout/images/themes/bootstrap4-dark-blue.svg new file mode 100644 index 0000000..d0a9de4 --- /dev/null +++ b/assets/layout/images/themes/bootstrap4-dark-blue.svg @@ -0,0 +1,4 @@ + + + + diff --git a/assets/layout/images/themes/bootstrap4-dark-blue.svg.br b/assets/layout/images/themes/bootstrap4-dark-blue.svg.br new file mode 100644 index 0000000..7ba26cf Binary files /dev/null and b/assets/layout/images/themes/bootstrap4-dark-blue.svg.br differ diff --git a/assets/layout/images/themes/bootstrap4-dark-blue.svg.gz b/assets/layout/images/themes/bootstrap4-dark-blue.svg.gz new file mode 100644 index 0000000..92bd370 Binary files /dev/null and b/assets/layout/images/themes/bootstrap4-dark-blue.svg.gz differ diff --git a/assets/layout/images/themes/bootstrap4-dark-purple.svg b/assets/layout/images/themes/bootstrap4-dark-purple.svg new file mode 100644 index 0000000..c97df77 --- /dev/null +++ b/assets/layout/images/themes/bootstrap4-dark-purple.svg @@ -0,0 +1,4 @@ + + + + diff --git a/assets/layout/images/themes/bootstrap4-dark-purple.svg.br b/assets/layout/images/themes/bootstrap4-dark-purple.svg.br new file mode 100644 index 0000000..4187255 Binary files /dev/null and b/assets/layout/images/themes/bootstrap4-dark-purple.svg.br differ diff --git a/assets/layout/images/themes/bootstrap4-dark-purple.svg.gz b/assets/layout/images/themes/bootstrap4-dark-purple.svg.gz new file mode 100644 index 0000000..6ddcc0c Binary files /dev/null and b/assets/layout/images/themes/bootstrap4-dark-purple.svg.gz differ diff --git a/assets/layout/images/themes/bootstrap4-light-blue.svg b/assets/layout/images/themes/bootstrap4-light-blue.svg new file mode 100644 index 0000000..93c8b56 --- /dev/null +++ b/assets/layout/images/themes/bootstrap4-light-blue.svg @@ -0,0 +1,4 @@ + + + + diff --git a/assets/layout/images/themes/bootstrap4-light-blue.svg.br b/assets/layout/images/themes/bootstrap4-light-blue.svg.br new file mode 100644 index 0000000..180e975 Binary files /dev/null and b/assets/layout/images/themes/bootstrap4-light-blue.svg.br differ diff --git a/assets/layout/images/themes/bootstrap4-light-blue.svg.gz b/assets/layout/images/themes/bootstrap4-light-blue.svg.gz new file mode 100644 index 0000000..736c23d Binary files /dev/null and b/assets/layout/images/themes/bootstrap4-light-blue.svg.gz differ diff --git a/assets/layout/images/themes/bootstrap4-light-purple.svg b/assets/layout/images/themes/bootstrap4-light-purple.svg new file mode 100644 index 0000000..b9c644c --- /dev/null +++ b/assets/layout/images/themes/bootstrap4-light-purple.svg @@ -0,0 +1,4 @@ + + + + diff --git a/assets/layout/images/themes/bootstrap4-light-purple.svg.br b/assets/layout/images/themes/bootstrap4-light-purple.svg.br new file mode 100644 index 0000000..90e630a Binary files /dev/null and b/assets/layout/images/themes/bootstrap4-light-purple.svg.br differ diff --git a/assets/layout/images/themes/bootstrap4-light-purple.svg.gz b/assets/layout/images/themes/bootstrap4-light-purple.svg.gz new file mode 100644 index 0000000..cb3cf8b Binary files /dev/null and b/assets/layout/images/themes/bootstrap4-light-purple.svg.gz differ diff --git a/assets/layout/images/themes/fluent-light.png b/assets/layout/images/themes/fluent-light.png new file mode 100644 index 0000000..4766eeb Binary files /dev/null and b/assets/layout/images/themes/fluent-light.png differ diff --git a/assets/layout/images/themes/fluent-light.png.br b/assets/layout/images/themes/fluent-light.png.br new file mode 100644 index 0000000..c5441eb Binary files /dev/null and b/assets/layout/images/themes/fluent-light.png.br differ diff --git a/assets/layout/images/themes/fluent-light.png.gz b/assets/layout/images/themes/fluent-light.png.gz new file mode 100644 index 0000000..be514bf Binary files /dev/null and b/assets/layout/images/themes/fluent-light.png.gz differ diff --git a/assets/layout/images/themes/lara-dark-blue.png b/assets/layout/images/themes/lara-dark-blue.png new file mode 100644 index 0000000..0a99908 Binary files /dev/null and b/assets/layout/images/themes/lara-dark-blue.png differ diff --git a/assets/layout/images/themes/lara-dark-blue.png.br b/assets/layout/images/themes/lara-dark-blue.png.br new file mode 100644 index 0000000..185ed7a Binary files /dev/null and b/assets/layout/images/themes/lara-dark-blue.png.br differ diff --git a/assets/layout/images/themes/lara-dark-blue.png.gz b/assets/layout/images/themes/lara-dark-blue.png.gz new file mode 100644 index 0000000..518d939 Binary files /dev/null and b/assets/layout/images/themes/lara-dark-blue.png.gz differ diff --git a/assets/layout/images/themes/lara-dark-indigo.png b/assets/layout/images/themes/lara-dark-indigo.png new file mode 100644 index 0000000..b435d98 Binary files /dev/null and b/assets/layout/images/themes/lara-dark-indigo.png differ diff --git a/assets/layout/images/themes/lara-dark-indigo.png.br b/assets/layout/images/themes/lara-dark-indigo.png.br new file mode 100644 index 0000000..482b9fa Binary files /dev/null and b/assets/layout/images/themes/lara-dark-indigo.png.br differ diff --git a/assets/layout/images/themes/lara-dark-indigo.png.gz b/assets/layout/images/themes/lara-dark-indigo.png.gz new file mode 100644 index 0000000..d8c6f8c Binary files /dev/null and b/assets/layout/images/themes/lara-dark-indigo.png.gz differ diff --git a/assets/layout/images/themes/lara-dark-purple.png b/assets/layout/images/themes/lara-dark-purple.png new file mode 100644 index 0000000..e0d5bf4 Binary files /dev/null and b/assets/layout/images/themes/lara-dark-purple.png differ diff --git a/assets/layout/images/themes/lara-dark-purple.png.br b/assets/layout/images/themes/lara-dark-purple.png.br new file mode 100644 index 0000000..cf9f8a1 Binary files /dev/null and b/assets/layout/images/themes/lara-dark-purple.png.br differ diff --git a/assets/layout/images/themes/lara-dark-purple.png.gz b/assets/layout/images/themes/lara-dark-purple.png.gz new file mode 100644 index 0000000..acedba1 Binary files /dev/null and b/assets/layout/images/themes/lara-dark-purple.png.gz differ diff --git a/assets/layout/images/themes/lara-dark-teal.png b/assets/layout/images/themes/lara-dark-teal.png new file mode 100644 index 0000000..2ae2194 Binary files /dev/null and b/assets/layout/images/themes/lara-dark-teal.png differ diff --git a/assets/layout/images/themes/lara-dark-teal.png.br b/assets/layout/images/themes/lara-dark-teal.png.br new file mode 100644 index 0000000..2a48b65 Binary files /dev/null and b/assets/layout/images/themes/lara-dark-teal.png.br differ diff --git a/assets/layout/images/themes/lara-dark-teal.png.gz b/assets/layout/images/themes/lara-dark-teal.png.gz new file mode 100644 index 0000000..2137e4a Binary files /dev/null and b/assets/layout/images/themes/lara-dark-teal.png.gz differ diff --git a/assets/layout/images/themes/lara-light-blue.png b/assets/layout/images/themes/lara-light-blue.png new file mode 100644 index 0000000..0278849 Binary files /dev/null and b/assets/layout/images/themes/lara-light-blue.png differ diff --git a/assets/layout/images/themes/lara-light-blue.png.br b/assets/layout/images/themes/lara-light-blue.png.br new file mode 100644 index 0000000..a5b9ab8 Binary files /dev/null and b/assets/layout/images/themes/lara-light-blue.png.br differ diff --git a/assets/layout/images/themes/lara-light-blue.png.gz b/assets/layout/images/themes/lara-light-blue.png.gz new file mode 100644 index 0000000..c3853dd Binary files /dev/null and b/assets/layout/images/themes/lara-light-blue.png.gz differ diff --git a/assets/layout/images/themes/lara-light-indigo.png b/assets/layout/images/themes/lara-light-indigo.png new file mode 100644 index 0000000..80bee58 Binary files /dev/null and b/assets/layout/images/themes/lara-light-indigo.png differ diff --git a/assets/layout/images/themes/lara-light-indigo.png.br b/assets/layout/images/themes/lara-light-indigo.png.br new file mode 100644 index 0000000..ae97b3e Binary files /dev/null and b/assets/layout/images/themes/lara-light-indigo.png.br differ diff --git a/assets/layout/images/themes/lara-light-indigo.png.gz b/assets/layout/images/themes/lara-light-indigo.png.gz new file mode 100644 index 0000000..436aa4e Binary files /dev/null and b/assets/layout/images/themes/lara-light-indigo.png.gz differ diff --git a/assets/layout/images/themes/lara-light-purple.png b/assets/layout/images/themes/lara-light-purple.png new file mode 100644 index 0000000..7745c13 Binary files /dev/null and b/assets/layout/images/themes/lara-light-purple.png differ diff --git a/assets/layout/images/themes/lara-light-purple.png.br b/assets/layout/images/themes/lara-light-purple.png.br new file mode 100644 index 0000000..703307e Binary files /dev/null and b/assets/layout/images/themes/lara-light-purple.png.br differ diff --git a/assets/layout/images/themes/lara-light-purple.png.gz b/assets/layout/images/themes/lara-light-purple.png.gz new file mode 100644 index 0000000..1214fce Binary files /dev/null and b/assets/layout/images/themes/lara-light-purple.png.gz differ diff --git a/assets/layout/images/themes/lara-light-teal.png b/assets/layout/images/themes/lara-light-teal.png new file mode 100644 index 0000000..f8fb07f Binary files /dev/null and b/assets/layout/images/themes/lara-light-teal.png differ diff --git a/assets/layout/images/themes/lara-light-teal.png.br b/assets/layout/images/themes/lara-light-teal.png.br new file mode 100644 index 0000000..47dfa9e Binary files /dev/null and b/assets/layout/images/themes/lara-light-teal.png.br differ diff --git a/assets/layout/images/themes/lara-light-teal.png.gz b/assets/layout/images/themes/lara-light-teal.png.gz new file mode 100644 index 0000000..1abe750 Binary files /dev/null and b/assets/layout/images/themes/lara-light-teal.png.gz differ diff --git a/assets/layout/images/themes/luna-amber.png b/assets/layout/images/themes/luna-amber.png new file mode 100644 index 0000000..2cb7685 Binary files /dev/null and b/assets/layout/images/themes/luna-amber.png differ diff --git a/assets/layout/images/themes/luna-amber.png.br b/assets/layout/images/themes/luna-amber.png.br new file mode 100644 index 0000000..4840846 Binary files /dev/null and b/assets/layout/images/themes/luna-amber.png.br differ diff --git a/assets/layout/images/themes/luna-amber.png.gz b/assets/layout/images/themes/luna-amber.png.gz new file mode 100644 index 0000000..05f3246 Binary files /dev/null and b/assets/layout/images/themes/luna-amber.png.gz differ diff --git a/assets/layout/images/themes/luna-blue.png b/assets/layout/images/themes/luna-blue.png new file mode 100644 index 0000000..fac4339 Binary files /dev/null and b/assets/layout/images/themes/luna-blue.png differ diff --git a/assets/layout/images/themes/luna-blue.png.br b/assets/layout/images/themes/luna-blue.png.br new file mode 100644 index 0000000..183005b Binary files /dev/null and b/assets/layout/images/themes/luna-blue.png.br differ diff --git a/assets/layout/images/themes/luna-blue.png.gz b/assets/layout/images/themes/luna-blue.png.gz new file mode 100644 index 0000000..0e63e54 Binary files /dev/null and b/assets/layout/images/themes/luna-blue.png.gz differ diff --git a/assets/layout/images/themes/luna-green.png b/assets/layout/images/themes/luna-green.png new file mode 100644 index 0000000..f4c3789 Binary files /dev/null and b/assets/layout/images/themes/luna-green.png differ diff --git a/assets/layout/images/themes/luna-green.png.br b/assets/layout/images/themes/luna-green.png.br new file mode 100644 index 0000000..61eec06 Binary files /dev/null and b/assets/layout/images/themes/luna-green.png.br differ diff --git a/assets/layout/images/themes/luna-green.png.gz b/assets/layout/images/themes/luna-green.png.gz new file mode 100644 index 0000000..b540a30 Binary files /dev/null and b/assets/layout/images/themes/luna-green.png.gz differ diff --git a/assets/layout/images/themes/luna-pink.png b/assets/layout/images/themes/luna-pink.png new file mode 100644 index 0000000..6ef7b35 Binary files /dev/null and b/assets/layout/images/themes/luna-pink.png differ diff --git a/assets/layout/images/themes/luna-pink.png.br b/assets/layout/images/themes/luna-pink.png.br new file mode 100644 index 0000000..70c6eb4 Binary files /dev/null and b/assets/layout/images/themes/luna-pink.png.br differ diff --git a/assets/layout/images/themes/luna-pink.png.gz b/assets/layout/images/themes/luna-pink.png.gz new file mode 100644 index 0000000..9004b93 Binary files /dev/null and b/assets/layout/images/themes/luna-pink.png.gz differ diff --git a/assets/layout/images/themes/md-dark-deeppurple.svg b/assets/layout/images/themes/md-dark-deeppurple.svg new file mode 100644 index 0000000..c6f838b --- /dev/null +++ b/assets/layout/images/themes/md-dark-deeppurple.svg @@ -0,0 +1,9 @@ + + + 4 + + + + + + \ No newline at end of file diff --git a/assets/layout/images/themes/md-dark-deeppurple.svg.br b/assets/layout/images/themes/md-dark-deeppurple.svg.br new file mode 100644 index 0000000..ed446b8 Binary files /dev/null and b/assets/layout/images/themes/md-dark-deeppurple.svg.br differ diff --git a/assets/layout/images/themes/md-dark-deeppurple.svg.gz b/assets/layout/images/themes/md-dark-deeppurple.svg.gz new file mode 100644 index 0000000..cab4476 Binary files /dev/null and b/assets/layout/images/themes/md-dark-deeppurple.svg.gz differ diff --git a/assets/layout/images/themes/md-dark-indigo.svg b/assets/layout/images/themes/md-dark-indigo.svg new file mode 100644 index 0000000..68658b6 --- /dev/null +++ b/assets/layout/images/themes/md-dark-indigo.svg @@ -0,0 +1,9 @@ + + + 2 + + + + + + \ No newline at end of file diff --git a/assets/layout/images/themes/md-dark-indigo.svg.br b/assets/layout/images/themes/md-dark-indigo.svg.br new file mode 100644 index 0000000..13d2ffa Binary files /dev/null and b/assets/layout/images/themes/md-dark-indigo.svg.br differ diff --git a/assets/layout/images/themes/md-dark-indigo.svg.gz b/assets/layout/images/themes/md-dark-indigo.svg.gz new file mode 100644 index 0000000..80822c2 Binary files /dev/null and b/assets/layout/images/themes/md-dark-indigo.svg.gz differ diff --git a/assets/layout/images/themes/md-light-deeppurple.svg b/assets/layout/images/themes/md-light-deeppurple.svg new file mode 100644 index 0000000..0d3119f --- /dev/null +++ b/assets/layout/images/themes/md-light-deeppurple.svg @@ -0,0 +1,9 @@ + + + 4 + + + + + + \ No newline at end of file diff --git a/assets/layout/images/themes/md-light-deeppurple.svg.br b/assets/layout/images/themes/md-light-deeppurple.svg.br new file mode 100644 index 0000000..0dcdc9a Binary files /dev/null and b/assets/layout/images/themes/md-light-deeppurple.svg.br differ diff --git a/assets/layout/images/themes/md-light-deeppurple.svg.gz b/assets/layout/images/themes/md-light-deeppurple.svg.gz new file mode 100644 index 0000000..e2a649f Binary files /dev/null and b/assets/layout/images/themes/md-light-deeppurple.svg.gz differ diff --git a/assets/layout/images/themes/md-light-indigo.svg b/assets/layout/images/themes/md-light-indigo.svg new file mode 100644 index 0000000..1afeed7 --- /dev/null +++ b/assets/layout/images/themes/md-light-indigo.svg @@ -0,0 +1,9 @@ + + + 2 + + + + + + \ No newline at end of file diff --git a/assets/layout/images/themes/md-light-indigo.svg.br b/assets/layout/images/themes/md-light-indigo.svg.br new file mode 100644 index 0000000..ec569cc Binary files /dev/null and b/assets/layout/images/themes/md-light-indigo.svg.br differ diff --git a/assets/layout/images/themes/md-light-indigo.svg.gz b/assets/layout/images/themes/md-light-indigo.svg.gz new file mode 100644 index 0000000..0ad54ab Binary files /dev/null and b/assets/layout/images/themes/md-light-indigo.svg.gz differ diff --git a/assets/layout/images/themes/saga-blue.png b/assets/layout/images/themes/saga-blue.png new file mode 100644 index 0000000..0671d46 Binary files /dev/null and b/assets/layout/images/themes/saga-blue.png differ diff --git a/assets/layout/images/themes/saga-blue.png.br b/assets/layout/images/themes/saga-blue.png.br new file mode 100644 index 0000000..b7d5390 Binary files /dev/null and b/assets/layout/images/themes/saga-blue.png.br differ diff --git a/assets/layout/images/themes/saga-blue.png.gz b/assets/layout/images/themes/saga-blue.png.gz new file mode 100644 index 0000000..b4e068a Binary files /dev/null and b/assets/layout/images/themes/saga-blue.png.gz differ diff --git a/assets/layout/images/themes/saga-green.png b/assets/layout/images/themes/saga-green.png new file mode 100644 index 0000000..4c8c3b8 Binary files /dev/null and b/assets/layout/images/themes/saga-green.png differ diff --git a/assets/layout/images/themes/saga-green.png.br b/assets/layout/images/themes/saga-green.png.br new file mode 100644 index 0000000..de7142a Binary files /dev/null and b/assets/layout/images/themes/saga-green.png.br differ diff --git a/assets/layout/images/themes/saga-green.png.gz b/assets/layout/images/themes/saga-green.png.gz new file mode 100644 index 0000000..19a3bed Binary files /dev/null and b/assets/layout/images/themes/saga-green.png.gz differ diff --git a/assets/layout/images/themes/saga-orange.png b/assets/layout/images/themes/saga-orange.png new file mode 100644 index 0000000..2cabd5d Binary files /dev/null and b/assets/layout/images/themes/saga-orange.png differ diff --git a/assets/layout/images/themes/saga-orange.png.br b/assets/layout/images/themes/saga-orange.png.br new file mode 100644 index 0000000..dfd2b06 Binary files /dev/null and b/assets/layout/images/themes/saga-orange.png.br differ diff --git a/assets/layout/images/themes/saga-orange.png.gz b/assets/layout/images/themes/saga-orange.png.gz new file mode 100644 index 0000000..b95f2ad Binary files /dev/null and b/assets/layout/images/themes/saga-orange.png.gz differ diff --git a/assets/layout/images/themes/saga-purple.png b/assets/layout/images/themes/saga-purple.png new file mode 100644 index 0000000..4b45f8b Binary files /dev/null and b/assets/layout/images/themes/saga-purple.png differ diff --git a/assets/layout/images/themes/saga-purple.png.br b/assets/layout/images/themes/saga-purple.png.br new file mode 100644 index 0000000..6a7f9e5 Binary files /dev/null and b/assets/layout/images/themes/saga-purple.png.br differ diff --git a/assets/layout/images/themes/saga-purple.png.gz b/assets/layout/images/themes/saga-purple.png.gz new file mode 100644 index 0000000..3e5f4f7 Binary files /dev/null and b/assets/layout/images/themes/saga-purple.png.gz differ diff --git a/assets/layout/images/themes/tailwind-light.png b/assets/layout/images/themes/tailwind-light.png new file mode 100644 index 0000000..679bd1e Binary files /dev/null and b/assets/layout/images/themes/tailwind-light.png differ diff --git a/assets/layout/images/themes/tailwind-light.png.br b/assets/layout/images/themes/tailwind-light.png.br new file mode 100644 index 0000000..a8550ea Binary files /dev/null and b/assets/layout/images/themes/tailwind-light.png.br differ diff --git a/assets/layout/images/themes/tailwind-light.png.gz b/assets/layout/images/themes/tailwind-light.png.gz new file mode 100644 index 0000000..674546d Binary files /dev/null and b/assets/layout/images/themes/tailwind-light.png.gz differ diff --git a/assets/layout/images/themes/vela-blue.png b/assets/layout/images/themes/vela-blue.png new file mode 100644 index 0000000..6780f35 Binary files /dev/null and b/assets/layout/images/themes/vela-blue.png differ diff --git a/assets/layout/images/themes/vela-blue.png.br b/assets/layout/images/themes/vela-blue.png.br new file mode 100644 index 0000000..1765e92 Binary files /dev/null and b/assets/layout/images/themes/vela-blue.png.br differ diff --git a/assets/layout/images/themes/vela-blue.png.gz b/assets/layout/images/themes/vela-blue.png.gz new file mode 100644 index 0000000..ecc7034 Binary files /dev/null and b/assets/layout/images/themes/vela-blue.png.gz differ diff --git a/assets/layout/images/themes/vela-green.png b/assets/layout/images/themes/vela-green.png new file mode 100644 index 0000000..6344526 Binary files /dev/null and b/assets/layout/images/themes/vela-green.png differ diff --git a/assets/layout/images/themes/vela-green.png.br b/assets/layout/images/themes/vela-green.png.br new file mode 100644 index 0000000..e358921 Binary files /dev/null and b/assets/layout/images/themes/vela-green.png.br differ diff --git a/assets/layout/images/themes/vela-green.png.gz b/assets/layout/images/themes/vela-green.png.gz new file mode 100644 index 0000000..f16c450 Binary files /dev/null and b/assets/layout/images/themes/vela-green.png.gz differ diff --git a/assets/layout/images/themes/vela-orange.png b/assets/layout/images/themes/vela-orange.png new file mode 100644 index 0000000..a2a9cde Binary files /dev/null and b/assets/layout/images/themes/vela-orange.png differ diff --git a/assets/layout/images/themes/vela-orange.png.br b/assets/layout/images/themes/vela-orange.png.br new file mode 100644 index 0000000..72b7840 Binary files /dev/null and b/assets/layout/images/themes/vela-orange.png.br differ diff --git a/assets/layout/images/themes/vela-orange.png.gz b/assets/layout/images/themes/vela-orange.png.gz new file mode 100644 index 0000000..09122d6 Binary files /dev/null and b/assets/layout/images/themes/vela-orange.png.gz differ diff --git a/assets/layout/images/themes/vela-purple.png b/assets/layout/images/themes/vela-purple.png new file mode 100644 index 0000000..d53ac06 Binary files /dev/null and b/assets/layout/images/themes/vela-purple.png differ diff --git a/assets/layout/images/themes/vela-purple.png.br b/assets/layout/images/themes/vela-purple.png.br new file mode 100644 index 0000000..4e53075 Binary files /dev/null and b/assets/layout/images/themes/vela-purple.png.br differ diff --git a/assets/layout/images/themes/vela-purple.png.gz b/assets/layout/images/themes/vela-purple.png.gz new file mode 100644 index 0000000..3972d2b Binary files /dev/null and b/assets/layout/images/themes/vela-purple.png.gz differ diff --git a/assets/layout/styles/layout/_config.scss b/assets/layout/styles/layout/_config.scss new file mode 100644 index 0000000..43cacc3 --- /dev/null +++ b/assets/layout/styles/layout/_config.scss @@ -0,0 +1,42 @@ +.layout-config-button { + display: block; + position: fixed; + width: 3rem; + height: 3rem; + line-height: 3rem; + background: var(--primary-color); + color: var(--primary-color-text); + text-align: center; + top: 50%; + right: 0; + margin-top: -1.5rem; + border-top-left-radius: var(--border-radius); + border-bottom-left-radius: var(--border-radius); + border-top-right-radius: 0; + border-bottom-right-radius: 0; + transition: background-color var(--transition-duration); + overflow: hidden; + cursor: pointer; + z-index: 999; + box-shadow: -.25rem 0 1rem rgba(0,0,0,.15); + + i { + font-size: 2rem; + line-height: inherit; + transform: rotate(0deg); + transition: transform 1s; + } + + &:hover { + background: var(--primary-400); + } +} + +.layout-config-sidebar { + &.p-sidebar { + .p-sidebar-content { + padding-left: 2rem; + padding-right: 2rem; + } + } +} diff --git a/assets/layout/styles/layout/_config.scss.br b/assets/layout/styles/layout/_config.scss.br new file mode 100644 index 0000000..101355d Binary files /dev/null and b/assets/layout/styles/layout/_config.scss.br differ diff --git a/assets/layout/styles/layout/_config.scss.gz b/assets/layout/styles/layout/_config.scss.gz new file mode 100644 index 0000000..d804be3 Binary files /dev/null and b/assets/layout/styles/layout/_config.scss.gz differ diff --git a/assets/layout/styles/layout/_content.scss b/assets/layout/styles/layout/_content.scss new file mode 100644 index 0000000..2c40e1d --- /dev/null +++ b/assets/layout/styles/layout/_content.scss @@ -0,0 +1,12 @@ +.layout-main-container { + display: flex; + flex-direction: column; + min-height: 100vh; + justify-content: space-between; + padding: 7rem 2rem 2rem 4rem; + transition: margin-left $transitionDuration; +} + +.layout-main { + flex: 1 1 auto; +} diff --git a/assets/layout/styles/layout/_content.scss.br b/assets/layout/styles/layout/_content.scss.br new file mode 100644 index 0000000..603fcd4 Binary files /dev/null and b/assets/layout/styles/layout/_content.scss.br differ diff --git a/assets/layout/styles/layout/_content.scss.gz b/assets/layout/styles/layout/_content.scss.gz new file mode 100644 index 0000000..41c1b95 Binary files /dev/null and b/assets/layout/styles/layout/_content.scss.gz differ diff --git a/assets/layout/styles/layout/_footer.scss b/assets/layout/styles/layout/_footer.scss new file mode 100644 index 0000000..367d312 --- /dev/null +++ b/assets/layout/styles/layout/_footer.scss @@ -0,0 +1,8 @@ +.layout-footer { + transition: margin-left $transitionDuration; + display: flex; + align-items: center; + justify-content: center; + padding-top: 1rem; + border-top: 1px solid var(--surface-border); +} diff --git a/assets/layout/styles/layout/_footer.scss.br b/assets/layout/styles/layout/_footer.scss.br new file mode 100644 index 0000000..b42a76b Binary files /dev/null and b/assets/layout/styles/layout/_footer.scss.br differ diff --git a/assets/layout/styles/layout/_footer.scss.gz b/assets/layout/styles/layout/_footer.scss.gz new file mode 100644 index 0000000..2ce6d54 Binary files /dev/null and b/assets/layout/styles/layout/_footer.scss.gz differ diff --git a/assets/layout/styles/layout/_main.scss b/assets/layout/styles/layout/_main.scss new file mode 100644 index 0000000..269e52a --- /dev/null +++ b/assets/layout/styles/layout/_main.scss @@ -0,0 +1,28 @@ +* { + box-sizing: border-box; +} + +html { + + font-size: $scale; +} + +body { + font-family: var(--font-family); + color: var(--text-color); + background-color: var(--surface-ground); + margin: 0; + padding: 0; + min-height: 100%; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +a { + text-decoration: none; + color: var(--primary-color); +} + +.layout-wrapper { + min-height: 100vh; +} \ No newline at end of file diff --git a/assets/layout/styles/layout/_main.scss.br b/assets/layout/styles/layout/_main.scss.br new file mode 100644 index 0000000..75f71e7 Binary files /dev/null and b/assets/layout/styles/layout/_main.scss.br differ diff --git a/assets/layout/styles/layout/_main.scss.gz b/assets/layout/styles/layout/_main.scss.gz new file mode 100644 index 0000000..76a9dc2 Binary files /dev/null and b/assets/layout/styles/layout/_main.scss.gz differ diff --git a/assets/layout/styles/layout/_menu.scss b/assets/layout/styles/layout/_menu.scss new file mode 100644 index 0000000..297b4ac --- /dev/null +++ b/assets/layout/styles/layout/_menu.scss @@ -0,0 +1,135 @@ +.layout-sidebar { + position: fixed; + width: 300px; + height: calc(100vh - 9rem); + z-index: 999; + overflow-y: auto; + user-select: none; + top: 7rem; + left: 2rem; + transition: transform $transitionDuration, left $transitionDuration; + background-color: var(--surface-overlay); + border-radius: $borderRadius; + padding: 0.5rem 1.5rem; + box-shadow: 0px 3px 5px rgba(0, 0, 0, .02), 0px 0px 2px rgba(0, 0, 0, .05), 0px 1px 4px rgba(0, 0, 0, .08); +} + +.layout-menu { + margin: 0; + padding: 0; + list-style-type: none; + + .layout-root-menuitem { + >.layout-menuitem-root-text { + font-size: .857rem; + text-transform: uppercase; + font-weight: 700; + color: var(--surface-900); + margin: .75rem 0; + } + + >a { + display: none; + } + } + + a { + user-select: none; + + &.active-menuitem { + >.layout-submenu-toggler { + transform: rotate(-180deg); + } + } + } + + li.active-menuitem { + >a { + .layout-submenu-toggler { + transform: rotate(-180deg); + } + } + } + + ul { + margin: 0; + padding: 0; + list-style-type: none; + + a { + display: flex; + align-items: center; + position: relative; + outline: 0 none; + color: var(--text-color); + cursor: pointer; + padding: .75rem 1rem; + border-radius: $borderRadius; + transition: background-color $transitionDuration, box-shadow $transitionDuration; + + .layout-menuitem-icon { + margin-right: .5rem; + } + + .layout-submenu-toggler { + font-size: 75%; + margin-left: auto; + transition: transform $transitionDuration; + } + + &.active-route { + font-weight: 700; + color: var(--primary-color); + } + + &:hover { + background-color: var(--surface-hover); + } + + &:focus { + @include focused-inset(); + } + } + + ul { + overflow: hidden; + border-radius: $borderRadius; + + li { + a { + margin-left: 1rem; + } + + li { + a { + margin-left: 2rem; + } + + li { + a { + margin-left: 2.5rem; + } + + li { + a { + margin-left: 3rem; + } + + li { + a { + margin-left: 3.5rem; + } + + li { + a { + margin-left: 4rem; + } + } + } + } + } + } + } + } + } +} \ No newline at end of file diff --git a/assets/layout/styles/layout/_menu.scss.br b/assets/layout/styles/layout/_menu.scss.br new file mode 100644 index 0000000..c1a31fc Binary files /dev/null and b/assets/layout/styles/layout/_menu.scss.br differ diff --git a/assets/layout/styles/layout/_menu.scss.gz b/assets/layout/styles/layout/_menu.scss.gz new file mode 100644 index 0000000..1a9fe4e Binary files /dev/null and b/assets/layout/styles/layout/_menu.scss.gz differ diff --git a/assets/layout/styles/layout/_mixins.scss b/assets/layout/styles/layout/_mixins.scss new file mode 100644 index 0000000..ec26860 --- /dev/null +++ b/assets/layout/styles/layout/_mixins.scss @@ -0,0 +1,13 @@ +@mixin focused() { + outline: 0 none; + outline-offset: 0; + transition: box-shadow .2s; + box-shadow: var(--focus-ring); +} + +@mixin focused-inset() { + outline: 0 none; + outline-offset: 0; + transition: box-shadow .2s; + box-shadow: inset var(--focus-ring); +} diff --git a/assets/layout/styles/layout/_mixins.scss.br b/assets/layout/styles/layout/_mixins.scss.br new file mode 100644 index 0000000..7b8f72f Binary files /dev/null and b/assets/layout/styles/layout/_mixins.scss.br differ diff --git a/assets/layout/styles/layout/_mixins.scss.gz b/assets/layout/styles/layout/_mixins.scss.gz new file mode 100644 index 0000000..8b53e6f Binary files /dev/null and b/assets/layout/styles/layout/_mixins.scss.gz differ diff --git a/assets/layout/styles/layout/_preloading.scss b/assets/layout/styles/layout/_preloading.scss new file mode 100644 index 0000000..a814104 --- /dev/null +++ b/assets/layout/styles/layout/_preloading.scss @@ -0,0 +1,47 @@ +.preloader { + position: fixed; + z-index: 999999; + background: #edf1f5; + width: 100%; + height: 100%; +} +.preloader-content { + border: 0 solid transparent; + border-radius: 50%; + width: 150px; + height: 150px; + position: absolute; + top: calc(50vh - 75px); + left: calc(50vw - 75px); +} + +.preloader-content:before, .preloader-content:after{ + content: ''; + border: 1em solid var(--primary-color); + border-radius: 50%; + width: inherit; + height: inherit; + position: absolute; + top: 0; + left: 0; + animation: loader 2s linear infinite; + opacity: 0; +} + +.preloader-content:before{ + animation-delay: 0.5s; +} + +@keyframes loader{ + 0%{ + transform: scale(0); + opacity: 0; + } + 50%{ + opacity: 1; + } + 100%{ + transform: scale(1); + opacity: 0; + } +} diff --git a/assets/layout/styles/layout/_preloading.scss.br b/assets/layout/styles/layout/_preloading.scss.br new file mode 100644 index 0000000..b2a9d52 Binary files /dev/null and b/assets/layout/styles/layout/_preloading.scss.br differ diff --git a/assets/layout/styles/layout/_preloading.scss.gz b/assets/layout/styles/layout/_preloading.scss.gz new file mode 100644 index 0000000..c225c82 Binary files /dev/null and b/assets/layout/styles/layout/_preloading.scss.gz differ diff --git a/assets/layout/styles/layout/_responsive.scss b/assets/layout/styles/layout/_responsive.scss new file mode 100644 index 0000000..4678f3d --- /dev/null +++ b/assets/layout/styles/layout/_responsive.scss @@ -0,0 +1,100 @@ +@media screen and (min-width: 1960px) { + .layout-main, .landing-wrapper { + width: 1504px; + margin-left: auto !important; + margin-right: auto !important; + } + +} + +@media (min-width: 992px) { + .layout-wrapper { + &.layout-overlay { + .layout-main-container { + margin-left: 0; + padding-left: 2rem; + } + + .layout-sidebar { + transform: translateX(-100%); + left: 0; + top: 0; + height: 100vh; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + &.layout-overlay-active { + .layout-sidebar { + transform: translateX(0); + } + } + } + + &.layout-static { + .layout-main-container { + margin-left: 300px; + } + + &.layout-static-inactive { + .layout-sidebar { + transform: translateX(-100%); + left: 0; + } + + .layout-main-container { + margin-left: 0; + padding-left: 2rem; + } + } + } + + .layout-mask { + display: none; + } + } +} + +@media (max-width: 991px) { + .blocked-scroll { + overflow: hidden; + } + + .layout-wrapper { + .layout-main-container { + margin-left: 0; + padding-left: 2rem; + } + + .layout-sidebar { + transform: translateX(-100%); + left: 0; + top: 0; + height: 100vh; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .layout-mask { + display: none; + position: fixed; + top: 0; + left: 0; + z-index: 998; + width: 100%; + height: 100%; + background-color: var(--maskbg); + } + + &.layout-mobile-active { + .layout-sidebar { + transform: translateX(0); + } + + .layout-mask { + display: block; + animation: fadein $transitionDuration; + } + } + } +} diff --git a/assets/layout/styles/layout/_responsive.scss.br b/assets/layout/styles/layout/_responsive.scss.br new file mode 100644 index 0000000..cbaff84 Binary files /dev/null and b/assets/layout/styles/layout/_responsive.scss.br differ diff --git a/assets/layout/styles/layout/_responsive.scss.gz b/assets/layout/styles/layout/_responsive.scss.gz new file mode 100644 index 0000000..ce97908 Binary files /dev/null and b/assets/layout/styles/layout/_responsive.scss.gz differ diff --git a/assets/layout/styles/layout/_topbar.scss b/assets/layout/styles/layout/_topbar.scss new file mode 100644 index 0000000..7c6fd42 --- /dev/null +++ b/assets/layout/styles/layout/_topbar.scss @@ -0,0 +1,149 @@ +.layout-topbar { + position: fixed; + height: 5rem; + z-index: 997; + left: 0; + top: 0; + width: 100%; + padding: 0 2rem; + background-color: var(--surface-card); + transition: left $transitionDuration; + display: flex; + align-items: center; + box-shadow: 0px 3px 5px rgba(0, 0, 0, .02), 0px 0px 2px rgba(0, 0, 0, .05), 0px 1px 4px rgba(0, 0, 0, .08); + + .layout-topbar-logo { + display: flex; + align-items: center; + color: var(--surface-900); + font-size: 1.5rem; + font-weight: 500; + width: 300px; + border-radius: 12px; + + img { + height: 3.5rem; + margin-right: .5rem; + } + + &:focus { + @include focused(); + } + } + + .layout-topbar-button { + display: inline-flex; + justify-content: center; + align-items: center; + position: relative; + color: var(--text-color-secondary); + border-radius: 50%; + width: 3rem; + height: 3rem; + cursor: pointer; + transition: background-color $transitionDuration; + + &:hover { + color: var(--text-color); + background-color: var(--surface-hover); + } + + &:focus { + @include focused(); + } + + i { + font-size: 1.5rem; + } + + span { + font-size: 1rem; + display: none; + } + } + + .layout-menu-button { + margin-left: 2rem; + } + + .layout-topbar-menu-button { + display: none; + + i { + font-size: 1.25rem; + } + } + + .layout-topbar-menu { + margin: 0 0 0 auto; + padding: 0; + list-style: none; + display: flex; + + .layout-topbar-button { + margin-left: 1rem; + } + } +} + +@media (max-width: 991px) { + .layout-topbar { + justify-content: space-between; + + .layout-topbar-logo { + width: auto; + order: 2; + } + + .layout-menu-button { + margin-left: 0; + order: 1; + } + + .layout-topbar-menu-button { + display: inline-flex; + margin-left: 0; + order: 3; + } + + .layout-topbar-menu { + margin-left: 0; + position: absolute; + flex-direction: column; + background-color: var(--surface-overlay); + box-shadow: 0px 3px 5px rgba(0, 0, 0, .02), 0px 0px 2px rgba(0, 0, 0, .05), 0px 1px 4px rgba(0, 0, 0, .08); + border-radius: 12px; + padding: 1rem; + right: 2rem; + top: 5rem; + min-width: 15rem; + display: none; + -webkit-animation: scalein 0.15s linear; + animation: scalein 0.15s linear; + + &.layout-topbar-menu-mobile-active { + display: block + } + + .layout-topbar-button { + margin-left: 0; + display: flex; + width: 100%; + height: auto; + justify-content: flex-start; + border-radius: 12px; + padding: 1rem; + + i { + font-size: 1rem; + margin-right: .5rem; + } + + span { + font-weight: medium; + display: block; + } + } + } + } +} \ No newline at end of file diff --git a/assets/layout/styles/layout/_topbar.scss.br b/assets/layout/styles/layout/_topbar.scss.br new file mode 100644 index 0000000..b3eb69b Binary files /dev/null and b/assets/layout/styles/layout/_topbar.scss.br differ diff --git a/assets/layout/styles/layout/_topbar.scss.gz b/assets/layout/styles/layout/_topbar.scss.gz new file mode 100644 index 0000000..f87099c Binary files /dev/null and b/assets/layout/styles/layout/_topbar.scss.gz differ diff --git a/assets/layout/styles/layout/_typography.scss b/assets/layout/styles/layout/_typography.scss new file mode 100644 index 0000000..b9a0c8f --- /dev/null +++ b/assets/layout/styles/layout/_typography.scss @@ -0,0 +1,63 @@ +h1, h2, h3, h4, h5, h6 { + margin: 1.5rem 0 1rem 0; + font-family: inherit; + font-weight: 500; + line-height: 1.2; + color: var(--surface-900); + + &: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 var(--surface-border); + 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/assets/layout/styles/layout/_typography.scss.br b/assets/layout/styles/layout/_typography.scss.br new file mode 100644 index 0000000..18e70ec Binary files /dev/null and b/assets/layout/styles/layout/_typography.scss.br differ diff --git a/assets/layout/styles/layout/_typography.scss.gz b/assets/layout/styles/layout/_typography.scss.gz new file mode 100644 index 0000000..3250ccf Binary files /dev/null and b/assets/layout/styles/layout/_typography.scss.gz differ diff --git a/assets/layout/styles/layout/_utils.scss b/assets/layout/styles/layout/_utils.scss new file mode 100644 index 0000000..bc7ea81 --- /dev/null +++ b/assets/layout/styles/layout/_utils.scss @@ -0,0 +1,20 @@ +.card { + background: var(--surface-card); + border: 1px solid var(--surface-border); + padding: 2rem; + margin-bottom: 2rem; + box-shadow: var(--card-shadow); + border-radius: $borderRadius; + + &:last-child { + margin-bottom: 0; + } +} + +.p-toast { + &.p-toast-top-right, + &.p-toast-top-left, + &.p-toast-top-center { + top: 100px; + } +} \ No newline at end of file diff --git a/assets/layout/styles/layout/_utils.scss.br b/assets/layout/styles/layout/_utils.scss.br new file mode 100644 index 0000000..8c2e5ff --- /dev/null +++ b/assets/layout/styles/layout/_utils.scss.br @@ -0,0 +1,2 @@ +t`œ¶úM¤Sz("¤¾šÇØ\ôyÛ—+@úÄD¬�å-UA`sâ+Mh¿)‚½½gÖ[ BLü~hÔ‡ªQKBGç|°H…o™—¾¹ ¨õðX Ë`¹è)3芋:ñ3Öº,ßBÙF4ùÈ‘äA–Ö¬þ€ò˜÷PÞ¤£6œ¢J'è +%¶ÓMyÿ7,Lø=ëP˜ì©;¥H¨ÞøV¬´·N•™´ \ No newline at end of file diff --git a/assets/layout/styles/layout/_utils.scss.gz b/assets/layout/styles/layout/_utils.scss.gz new file mode 100644 index 0000000..47bf118 Binary files /dev/null and b/assets/layout/styles/layout/_utils.scss.gz differ diff --git a/assets/layout/styles/layout/_variables.scss b/assets/layout/styles/layout/_variables.scss new file mode 100644 index 0000000..8e9b025 --- /dev/null +++ b/assets/layout/styles/layout/_variables.scss @@ -0,0 +1,4 @@ +/* General */ +$scale:14px; /* main font size */ +$borderRadius:12px; /* border radius of layout element e.g. card, sidebar */ +$transitionDuration:.2s; /* transition duration of layout elements e.g. sidebar, overlay menus */ diff --git a/assets/layout/styles/layout/_variables.scss.br b/assets/layout/styles/layout/_variables.scss.br new file mode 100644 index 0000000..794bb9b Binary files /dev/null and b/assets/layout/styles/layout/_variables.scss.br differ diff --git a/assets/layout/styles/layout/_variables.scss.gz b/assets/layout/styles/layout/_variables.scss.gz new file mode 100644 index 0000000..b45b663 Binary files /dev/null and b/assets/layout/styles/layout/_variables.scss.gz differ diff --git a/assets/layout/styles/layout/layout.scss b/assets/layout/styles/layout/layout.scss new file mode 100644 index 0000000..847398d --- /dev/null +++ b/assets/layout/styles/layout/layout.scss @@ -0,0 +1,12 @@ +@import './_variables'; +@import "./_mixins"; +@import "./_preloading"; +@import "./_main"; +@import "./_topbar"; +@import "./_menu"; +@import "./_config"; +@import "./_content"; +@import "./_footer"; +@import "./_responsive"; +@import "./_utils"; +@import "./_typography"; \ No newline at end of file diff --git a/assets/layout/styles/layout/layout.scss.br b/assets/layout/styles/layout/layout.scss.br new file mode 100644 index 0000000..7818fe7 Binary files /dev/null and b/assets/layout/styles/layout/layout.scss.br differ diff --git a/assets/layout/styles/layout/layout.scss.gz b/assets/layout/styles/layout/layout.scss.gz new file mode 100644 index 0000000..cffa78f Binary files /dev/null and b/assets/layout/styles/layout/layout.scss.gz differ diff --git a/assets/layout/styles/theme/arya-blue/theme.css b/assets/layout/styles/theme/arya-blue/theme.css new file mode 100644 index 0000000..df16d23 --- /dev/null +++ b/assets/layout/styles/theme/arya-blue/theme.css @@ -0,0 +1,6307 @@ +:root { + --surface-a:#1e1e1e; + --surface-b:#121212; + --surface-c:rgba(255, 255, 255, 0.03); + --surface-d:#383838; + --surface-e:#1e1e1e; + --surface-f:#1e1e1e; + --text-color:rgba(255, 255, 255, 0.87); + --text-color-secondary:rgba(255, 255, 255, 0.6); + --primary-color:#64B5F6; + --primary-color-text:#212529; + --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --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:3px; + --surface-ground:#121212; + --surface-section:#121212; + --surface-card:#1e1e1e; + --surface-overlay:#1e1e1e; + --surface-border:#383838; + --surface-hover:rgba(255,255,255,.03); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 1px #93cbf9; + color-scheme: dark; +} + +* { + box-sizing: border-box; +} + +.p-component { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + font-weight: normal; +} + +.p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; +} + +.p-disabled, .p-component:disabled { + opacity: 0.4; +} + +.p-error { + color: #ef9a9a; +} + +.p-text-secondary { + color: rgba(255, 255, 255, 0.6); +} + +.pi { + font-size: 1rem; +} + +.p-link { + font-size: 1rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + border-radius: 3px; +} +.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} + +.p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; +} + +.p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; +} + +@keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } +} +@keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } +} + +: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:#f6fbf6; + --green-100:#d4ecd5; + --green-200:#b2ddb4; + --green-300:#90cd93; + --green-400:#6ebe71; + --green-500:#4caf50; + --green-600:#419544; + --green-700:#357b38; + --green-800:#2a602c; + --green-900:#1e4620; + --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:#f5f6fb; + --indigo-100:#d1d5ed; + --indigo-200:#acb4df; + --indigo-300:#8893d1; + --indigo-400:#6372c3; + --indigo-500:#3f51b5; + --indigo-600:#36459a; + --indigo-700:#2c397f; + --indigo-800:#232d64; + --indigo-900:#192048; + --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:#fff8f2; + --orange-100:#fde0c2; + --orange-200:#fbc791; + --orange-300:#f9ae61; + --orange-400:#f79530; + --orange-500:#f57c00; + --orange-600:#d06900; + --orange-700:#ac5700; + --orange-800:#874400; + --orange-900:#623200; + --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:#fff5f5; + --red-100:#ffd1ce; + --red-200:#ffada7; + --red-300:#ff8980; + --red-400:#ff6459; + --red-500:#ff4032; + --red-600:#d9362b; + --red-700:#b32d23; + --red-800:#8c231c; + --red-900:#661a14; + --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; +} + +.p-autocomplete .p-autocomplete-loader { + right: 0.5rem; +} +.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 2.857rem; +} +.p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; + gap: 0.5rem; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + border-color: #64B5F6; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + border-color: #64B5F6; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.25rem 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.5rem; + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; +} + +p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #ef9a9a; +} + +.p-autocomplete-panel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + 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); +} +.p-autocomplete-panel .p-autocomplete-items { + padding: 0.5rem 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; +} + +p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2rem; +} +p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; +} + +p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.857rem; +} + +p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #ef9a9a; +} + +.p-datepicker { + padding: 0.5rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; +} +.p-datepicker:not(.p-datepicker-inline) { + background: #1e1e1e; + border: 1px solid #383838; + 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); +} +.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #1e1e1e; +} +.p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; + margin: 0; + border-bottom: 1px solid #383838; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 2rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + font-weight: 600; + padding: 0.5rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #64B5F6; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; +} +.p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0; +} +.p-datepicker table th { + padding: 0.5rem; +} +.p-datepicker table th > span { + width: 2.5rem; + height: 2.5rem; +} +.p-datepicker table td { + padding: 0.5rem; +} +.p-datepicker table td > span { + width: 2.5rem; + height: 2.5rem; + border-radius: 50%; + transition: box-shadow 0.2s; + border: 1px solid transparent; +} +.p-datepicker table td > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); +} +.p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.p-datepicker table td.p-datepicker-today > span { + background: transparent; + color: #64B5F6; + border-color: transparent; +} +.p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); +} +.p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #383838; +} +.p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; +} +.p-datepicker .p-timepicker { + border-top: 1px solid #383838; + padding: 0.5rem; +} +.p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-timepicker button:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker .p-timepicker button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; +} +.p-datepicker .p-timepicker span { + font-size: 1.25rem; +} +.p-datepicker .p-timepicker > div { + padding: 0 0.5rem; +} +.p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; +} +.p-datepicker .p-monthpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.5rem; + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); +} +.p-datepicker .p-yearpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.5rem; + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #383838; + padding-right: 0.5rem; + padding-left: 0.5rem; + padding-top: 0; + padding-bottom: 0; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} + +p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2rem; +} +p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; +} + +p-calendar.p-calendar-clearable.p-calendar-w-btn .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.857rem; +} + +@media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } +} +.p-cascadeselect { + background: #121212; + border: 1px solid #383838; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-cascadeselect:not(.p-disabled):hover { + border-color: #64B5F6; +} +.p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + border-color: #64B5F6; +} +.p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.5rem; +} +.p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-cascadeselect-panel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + 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); +} +.p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.5rem 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 1rem; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #93cbf9; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; +} + +p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #ef9a9a; +} + +.p-input-filled .p-cascadeselect { + background: #383838; +} +.p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #383838; +} +.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #383838; +} + +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.5rem; +} +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; +} + +.p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; +} +.p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); +} + +.p-checkbox { + width: 20px; + height: 20px; +} +.p-checkbox .p-checkbox-box { + border: 2px solid #383838; + background: #121212; + width: 20px; + height: 20px; + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #212529; + font-size: 14px; +} +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #64B5F6; + background: #64B5F6; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #64B5F6; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + border-color: #64B5F6; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #2396f2; + background: #2396f2; + color: #212529; +} + +p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #ef9a9a; +} + +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #383838; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #64B5F6; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #383838; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #2396f2; +} + +.p-checkbox-label { + margin-left: 0.5rem; +} + +.p-chips .p-chips-multiple-container { + padding: 0.25rem 0.5rem; + gap: 0.5rem; +} +.p-chips .p-chips-multiple-container:not(.p-disabled):hover { + border-color: #64B5F6; +} +.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + border-color: #64B5F6; +} +.p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.5rem; + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; +} +.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; +} +.p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.25rem 0; +} +.p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; +} + +p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #ef9a9a; +} + +p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.5rem; +} +p-chips.p-chips-clearable .p-chips-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; +} + +.p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; +} + +.p-colorpicker-panel { + background: #1e1e1e; + border: 1px solid #383838; +} +.p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: rgba(255, 255, 255, 0.87); +} + +.p-colorpicker-overlay-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); +} + +.p-dropdown { + background: #121212; + border: 1px solid #383838; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-dropdown:not(.p-disabled):hover { + border-color: #64B5F6; +} +.p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + border-color: #64B5F6; +} +.p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.5rem; +} +.p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; +} +.p-dropdown .p-dropdown-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-dropdown .p-dropdown-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.p-dropdown .p-dropdown-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; +} + +.p-dropdown-panel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + 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); +} +.p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.5rem; + margin-right: -1.5rem; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-dropdown-panel .p-dropdown-items { + padding: 0.5rem 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; +} + +p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #ef9a9a; +} + +.p-input-filled .p-dropdown { + background: #383838; +} +.p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #383838; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #383838; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; +} + +.p-editor-container .p-editor-toolbar { + background: #1e1e1e; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #383838; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #1e1e1e; + border: 1px solid #383838; + 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); + border-radius: 3px; + padding: 0.5rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #383838; +} +.p-editor-container .p-editor-content .ql-editor { + background: #121212; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #64B5F6; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #64B5F6; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #64B5F6; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #64B5F6; +} + +.p-inputgroup-addon { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + border-top: 1px solid #383838; + border-left: 1px solid #383838; + border-bottom: 1px solid #383838; + padding: 0.5rem 0.5rem; + min-width: 2.357rem; +} +.p-inputgroup-addon:last-child { + border-right: 1px solid #383838; +} + +.p-inputgroup > .p-component, +.p-inputgroup > .p-element, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; +} +.p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-element + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; +} +.p-inputgroup > .p-component:focus, +.p-inputgroup > .p-element:focus, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; +} +.p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-element:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; +} + +.p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} + +.p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} + +.p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-fluid .p-inputgroup .p-button { + width: auto; +} +.p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.357rem; +} + +p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #ef9a9a; +} + +p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2rem; +} +p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; +} + +p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #ef9a9a; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 2.857rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 2.857rem; +} + +.p-inputswitch { + width: 3rem; + height: 1.75rem; +} +.p-inputswitch .p-inputswitch-slider { + background: #383838; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; +} +.p-inputswitch .p-inputswitch-slider:before { + background: rgba(255, 255, 255, 0.6); + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition-duration: 0.2s; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1.25rem); +} +.p-inputswitch.p-focus .p-inputswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: rgba(255, 255, 255, 0.03); +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #64B5F6; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: rgba(255, 255, 255, 0.87); +} +.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #43a5f4; +} + +p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + border-color: #ef9a9a; +} + +.p-inputtext { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + background: #121212; + padding: 0.5rem 0.5rem; + border: 1px solid #383838; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + appearance: none; + border-radius: 3px; +} +.p-inputtext:enabled:hover { + border-color: #64B5F6; +} +.p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + border-color: #64B5F6; +} +.p-inputtext.ng-dirty.ng-invalid { + border-color: #ef9a9a; +} +.p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.4375rem; +} +.p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.625rem; +} + +.p-float-label > label { + left: 0.5rem; + color: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; +} + +.p-float-label > .ng-invalid.ng-dirty + label { + color: #ef9a9a; +} + +.p-input-icon-left > i:first-of-type { + left: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} + +.p-input-icon-left > .p-inputtext { + padding-left: 2rem; +} + +.p-input-icon-left.p-float-label > label { + left: 2rem; +} + +.p-input-icon-right > i:last-of-type { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} + +.p-input-icon-right > .p-inputtext { + padding-right: 2rem; +} + +::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +:-moz-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +.p-input-filled .p-inputtext { + background-color: #383838; +} +.p-input-filled .p-inputtext:enabled:hover { + background-color: #383838; +} +.p-input-filled .p-inputtext:enabled:focus { + background-color: #383838; +} + +.p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.4375rem; +} + +.p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.625rem; +} + +.p-listbox { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; +} +.p-listbox .p-listbox-header { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.5rem; +} +.p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list { + padding: 0.5rem 0; +} +.p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); +} +.p-listbox .p-listbox-list .p-listbox-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #93cbf9; +} +.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; +} +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} + +p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #ef9a9a; +} + +.p-multiselect { + background: #121212; + border: 1px solid #383838; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-multiselect:not(.p-disabled):hover { + border-color: #64B5F6; +} +.p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + border-color: #64B5F6; +} +.p-multiselect .p-multiselect-label { + padding: 0.5rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-multiselect .p-multiselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-multiselect.p-multiselect-chip .p-multiselect-label { + gap: 0.5rem; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.5rem; + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; +} +.p-multiselect .p-multiselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.5rem; +} + +.p-multiselect-panel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + 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); +} +.p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.5rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.p-multiselect-panel .p-multiselect-items { + padding: 0.5rem 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #93cbf9; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} + +p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #ef9a9a; +} + +.p-input-filled .p-multiselect { + background: #383838; +} +.p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #383838; +} +.p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #383838; +} + +p-multiselect.p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.5rem; +} +p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; +} + +p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #ef9a9a; +} + +.p-password-panel { + padding: 1rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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); + border-radius: 3px; +} +.p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #383838; +} +.p-password-panel .p-password-meter .p-password-strength.weak { + background: #F48FB1; +} +.p-password-panel .p-password-meter .p-password-strength.medium { + background: #FFE082; +} +.p-password-panel .p-password-meter .p-password-strength.strong { + background: #C5E1A5; +} + +p-password.p-password-clearable .p-password-input { + padding-right: 2rem; +} +p-password.p-password-clearable .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; +} + +p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 3.5rem; +} +p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2rem; +} + +.p-radiobutton { + width: 20px; + height: 20px; +} +.p-radiobutton .p-radiobutton-box { + border: 2px solid #383838; + background: #121212; + width: 20px; + height: 20px; + color: rgba(255, 255, 255, 0.87); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #64B5F6; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + border-color: #64B5F6; +} +.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 12px; + height: 12px; + transition-duration: 0.2s; + background-color: #212529; +} +.p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #64B5F6; + background: #64B5F6; +} +.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #2396f2; + background: #2396f2; + color: #212529; +} + +p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #ef9a9a; +} + +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #383838; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #383838; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #64B5F6; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #2396f2; +} + +.p-radiobutton-label { + margin-left: 0.5rem; +} + +.p-rating .p-rating-icon { + color: rgba(255, 255, 255, 0.87); + margin-left: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + font-size: 1.143rem; +} +.p-rating .p-rating-icon.p-rating-cancel { + color: #F48FB1; +} +.p-rating .p-rating-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.p-rating .p-rating-icon:first-child { + margin-left: 0; +} +.p-rating .p-rating-icon.pi-star-fill { + color: #64B5F6; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + color: #64B5F6; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + color: #F48FB1; +} + +.p-selectbutton .p-button { + background: #1e1e1e; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #383838; + color: rgba(255, 255, 255, 0.87); +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-selectbutton .p-button.p-highlight { + background: #64B5F6; + border-color: #64B5F6; + color: #212529; +} +.p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #212529; +} +.p-selectbutton .p-button.p-highlight:hover { + background: #43a5f4; + border-color: #43a5f4; + color: #212529; +} +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #212529; +} + +p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #ef9a9a; +} + +.p-slider { + background: #383838; + border: 0 none; + border-radius: 3px; +} +.p-slider.p-slider-horizontal { + height: 0.286rem; +} +.p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -0.5715rem; + margin-left: -0.5715rem; +} +.p-slider.p-slider-vertical { + width: 0.286rem; +} +.p-slider.p-slider-vertical .p-slider-handle { + margin-left: -0.5715rem; + margin-bottom: -0.5715rem; +} +.p-slider .p-slider-handle { + height: 1.143rem; + width: 1.143rem; + background: #383838; + border: 2px solid #64B5F6; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.p-slider .p-slider-range { + background: #64B5F6; +} +.p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #64B5F6; + border-color: #64B5F6; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; +} + +.p-togglebutton.p-button { + background: #1e1e1e; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #383838; + color: rgba(255, 255, 255, 0.87); +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-togglebutton.p-button.p-highlight { + background: #64B5F6; + border-color: #64B5F6; + color: #212529; +} +.p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #212529; +} +.p-togglebutton.p-button.p-highlight:hover { + background: #43a5f4; + border-color: #43a5f4; + color: #212529; +} +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #212529; +} + +p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #ef9a9a; +} + +.p-treeselect { + background: #121212; + border: 1px solid #383838; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-treeselect:not(.p-disabled):hover { + border-color: #64B5F6; +} +.p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + border-color: #64B5F6; +} +.p-treeselect .p-treeselect-label { + padding: 0.5rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-treeselect .p-treeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.5rem; + margin-right: 0.5rem; + background: #383838; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; +} +.p-treeselect .p-treeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #ef9a9a; +} + +.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.5rem; +} + +.p-treeselect-panel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + 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); +} +.p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} + +.p-input-filled .p-treeselect { + background: #383838; +} +.p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #383838; +} +.p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #383838; +} + +p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.5rem; +} +p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; +} + +.p-button { + color: #212529; + background: #64B5F6; + border: 1px solid #64B5F6; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-button:enabled:hover { + background: #43a5f4; + color: #212529; + border-color: #43a5f4; +} +.p-button:enabled:active { + background: #2396f2; + color: #212529; + border-color: #2396f2; +} +.p-button.p-button-outlined { + background-color: transparent; + color: #64B5F6; + border: 1px solid; +} +.p-button.p-button-outlined:enabled:hover { + background: rgba(100, 181, 246, 0.04); + color: #64B5F6; + border: 1px solid; +} +.p-button.p-button-outlined:enabled:active { + background: rgba(100, 181, 246, 0.16); + color: #64B5F6; + border: 1px solid; +} +.p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text { + background-color: transparent; + color: #64B5F6; + border-color: transparent; +} +.p-button.p-button-text:enabled:hover { + background: rgba(100, 181, 246, 0.04); + color: #64B5F6; + border-color: transparent; +} +.p-button.p-button-text:enabled:active { + background: rgba(100, 181, 246, 0.16); + color: #64B5F6; + border-color: transparent; +} +.p-button.p-button-text.p-button-plain { + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.p-button .p-button-label { + transition-duration: 0.2s; +} +.p-button .p-button-icon-left { + margin-right: 0.5rem; +} +.p-button .p-button-icon-right { + margin-left: 0.5rem; +} +.p-button .p-button-icon-bottom { + margin-top: 0.5rem; +} +.p-button .p-button-icon-top { + margin-bottom: 0.5rem; +} +.p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #64B5F6; + background-color: #212529; +} +.p-button.p-button-raised { + 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); +} +.p-button.p-button-rounded { + border-radius: 2rem; +} +.p-button.p-button-icon-only { + width: 2.357rem; + padding: 0.5rem 0; +} +.p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; +} +.p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.357rem; +} +.p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; +} +.p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; +} +.p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; +} +.p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; +} +.p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; +} +.p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; +} + +.p-fluid .p-button { + width: 100%; +} +.p-fluid .p-button-icon-only { + width: 2.357rem; +} +.p-fluid .p-buttonset { + display: flex; +} +.p-fluid .p-buttonset .p-button { + flex: 1; +} + +.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + color: #ffffff; + background: #78909C; + border: 1px solid #78909C; +} +.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + background: #69838f; + color: #ffffff; + border-color: #69838f; +} +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #a1b1ba; +} +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: #5d747f; + color: #ffffff; + border-color: #5d747f; +} +.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + background-color: transparent; + color: #78909C; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + background: rgba(120, 144, 156, 0.04); + color: #78909C; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(120, 144, 156, 0.16); + color: #78909C; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + background-color: transparent; + color: #78909C; + border-color: transparent; +} +.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + background: rgba(120, 144, 156, 0.04); + border-color: transparent; + color: #78909C; +} +.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + background: rgba(120, 144, 156, 0.16); + border-color: transparent; + color: #78909C; +} + +.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #121212; + background: #81D4FA; + border: 1px solid #81D4FA; +} +.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + background: #5dc8f9; + color: #121212; + border-color: #5dc8f9; +} +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #a7e1fc; +} +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: #38bbf7; + color: #121212; + border-color: #38bbf7; +} +.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + background-color: transparent; + color: #81D4FA; + border: 1px solid; +} +.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + background: rgba(129, 212, 250, 0.04); + color: #81D4FA; + border: 1px solid; +} +.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(129, 212, 250, 0.16); + color: #81D4FA; + border: 1px solid; +} +.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + background-color: transparent; + color: #81D4FA; + border-color: transparent; +} +.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + background: rgba(129, 212, 250, 0.04); + border-color: transparent; + color: #81D4FA; +} +.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + background: rgba(129, 212, 250, 0.16); + border-color: transparent; + color: #81D4FA; +} + +.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #121212; + background: #C5E1A5; + border: 1px solid #C5E1A5; +} +.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + background: #b2d788; + color: #121212; + border-color: #b2d788; +} +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #d6eac0; +} +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: #9fce6b; + color: #121212; + border-color: #9fce6b; +} +.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + background-color: transparent; + color: #C5E1A5; + border: 1px solid; +} +.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + background: rgba(197, 225, 165, 0.04); + color: #C5E1A5; + border: 1px solid; +} +.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(197, 225, 165, 0.16); + color: #C5E1A5; + border: 1px solid; +} +.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + background-color: transparent; + color: #C5E1A5; + border-color: transparent; +} +.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + background: rgba(197, 225, 165, 0.04); + border-color: transparent; + color: #C5E1A5; +} +.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + background: rgba(197, 225, 165, 0.16); + border-color: transparent; + color: #C5E1A5; +} + +.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #121212; + background: #FFE082; + border: 1px solid #FFE082; +} +.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + background: #ffd65c; + color: #121212; + border-color: #ffd65c; +} +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #ffe9a8; +} +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: #ffcd35; + color: #121212; + border-color: #ffcd35; +} +.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + background-color: transparent; + color: #FFE082; + border: 1px solid; +} +.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + background: rgba(255, 224, 130, 0.04); + color: #FFE082; + border: 1px solid; +} +.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(255, 224, 130, 0.16); + color: #FFE082; + border: 1px solid; +} +.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + background-color: transparent; + color: #FFE082; + border-color: transparent; +} +.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + background: rgba(255, 224, 130, 0.04); + border-color: transparent; + color: #FFE082; +} +.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + background: rgba(255, 224, 130, 0.16); + border-color: transparent; + color: #FFE082; +} + +.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #121212; + background: #CE93D8; + border: 1px solid #CE93D8; +} +.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + background: #c278ce; + color: #121212; + border-color: #c278ce; +} +.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #ddb3e4; +} +.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: #b65ec5; + color: #121212; + border-color: #b65ec5; +} +.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + background-color: transparent; + color: #CE93D8; + border: 1px solid; +} +.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; + border: 1px solid; +} +.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border: 1px solid; +} +.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + background: rgba(206, 147, 216, 0.04); + border-color: transparent; + color: #CE93D8; +} +.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + background: rgba(206, 147, 216, 0.16); + border-color: transparent; + color: #CE93D8; +} + +.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #121212; + background: #F48FB1; + border: 1px solid #F48FB1; +} +.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + background: #f16c98; + color: #121212; + border-color: #f16c98; +} +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #f7b1c8; +} +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: #ed4980; + color: #121212; + border-color: #ed4980; +} +.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + background-color: transparent; + color: #F48FB1; + border: 1px solid; +} +.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + background: rgba(244, 143, 177, 0.04); + color: #F48FB1; + border: 1px solid; +} +.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(244, 143, 177, 0.16); + color: #F48FB1; + border: 1px solid; +} +.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + background-color: transparent; + color: #F48FB1; + border-color: transparent; +} +.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + background: rgba(244, 143, 177, 0.04); + border-color: transparent; + color: #F48FB1; +} +.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} + +.p-button.p-button-link { + color: #64B5F6; + background: transparent; + border: transparent; +} +.p-button.p-button-link:enabled:hover { + background: transparent; + color: #64B5F6; + border-color: transparent; +} +.p-button.p-button-link:enabled:hover .p-button-label { + text-decoration: underline; +} +.p-button.p-button-link:enabled:focus { + background: transparent; + box-shadow: 0 0 0 1px #93cbf9; + border-color: transparent; +} +.p-button.p-button-link:enabled:active { + background: transparent; + color: #64B5F6; + border-color: transparent; +} + +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: rgba(255, 255, 255, 0.87); + color: #121212; +} +.p-speeddial-action:hover { + background: rgba(255, 255, 255, 0.6); + color: #121212; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +.p-splitbutton { + border-radius: 3px; +} +.p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #64B5F6; + border: 1px solid; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(100, 181, 246, 0.04); + color: #64B5F6; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(100, 181, 246, 0.16); + color: #64B5F6; +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #64B5F6; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(100, 181, 246, 0.04); + color: #64B5F6; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(100, 181, 246, 0.16); + color: #64B5F6; + border-color: transparent; +} +.p-splitbutton.p-button-text.p-button-plain > .p-button { + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-raised { + 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); +} +.p-splitbutton.p-button-rounded { + border-radius: 2rem; +} +.p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; +} +.p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; +} +.p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; +} +.p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; +} +.p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; +} + +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #78909C; + border: 1px solid; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(120, 144, 156, 0.04); + color: #78909C; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(120, 144, 156, 0.16); + color: #78909C; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #78909C; + border-color: transparent; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(120, 144, 156, 0.04); + border-color: transparent; + color: #78909C; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(120, 144, 156, 0.16); + border-color: transparent; + color: #78909C; +} + +.p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #81D4FA; + border: 1px solid; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(129, 212, 250, 0.04); + color: #81D4FA; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(129, 212, 250, 0.16); + color: #81D4FA; +} +.p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #81D4FA; + border-color: transparent; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(129, 212, 250, 0.04); + border-color: transparent; + color: #81D4FA; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(129, 212, 250, 0.16); + border-color: transparent; + color: #81D4FA; +} + +.p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #C5E1A5; + border: 1px solid; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(197, 225, 165, 0.04); + color: #C5E1A5; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(197, 225, 165, 0.16); + color: #C5E1A5; +} +.p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #C5E1A5; + border-color: transparent; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(197, 225, 165, 0.04); + border-color: transparent; + color: #C5E1A5; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(197, 225, 165, 0.16); + border-color: transparent; + color: #C5E1A5; +} + +.p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #FFE082; + border: 1px solid; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 224, 130, 0.04); + color: #FFE082; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 224, 130, 0.16); + color: #FFE082; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #FFE082; + border-color: transparent; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 224, 130, 0.04); + border-color: transparent; + color: #FFE082; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 224, 130, 0.16); + border-color: transparent; + color: #FFE082; +} + +.p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #CE93D8; + border: 1px solid; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; +} +.p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(206, 147, 216, 0.04); + border-color: transparent; + color: #CE93D8; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(206, 147, 216, 0.16); + border-color: transparent; + color: #CE93D8; +} + +.p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #F48FB1; + border: 1px solid; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(244, 143, 177, 0.04); + color: #F48FB1; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(244, 143, 177, 0.16); + color: #F48FB1; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #F48FB1; + border-color: transparent; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(244, 143, 177, 0.04); + border-color: transparent; + color: #F48FB1; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} + +.p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; +} +.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-carousel .p-carousel-content .p-carousel-prev:focus, +.p-carousel .p-carousel-content .p-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.p-carousel .p-carousel-indicators { + padding: 1rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #383838; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #4c4c4c; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); +} + +.p-datatable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +.p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-datatable .p-datatable-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-datatable .p-datatable-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #383838; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + transition: box-shadow 0.2s; +} +.p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #383838; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; +} +.p-datatable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column.p-highlight { + background: #1e1e1e; + color: #64B5F6; +} +.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #64B5F6; +} +.p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(255, 255, 255, 0.03); + color: #64B5F6; +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #64B5F6; +} +.p-datatable .p-sortable-column:focus { + box-shadow: inset 0 0 0 0.15rem #93cbf9; + outline: 0 none; +} +.p-datatable .p-datatable-tbody > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; +} +.p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; +} +.p-datatable .p-datatable-tbody > tr:focus { + outline: 0.15rem solid #93cbf9; + outline-offset: 0.15rem; +} +.p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(100, 181, 246, 0.16); +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(100, 181, 246, 0.16); +} +.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-column-resizer-helper { + background: #64B5F6; +} +.p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #1e1e1e; +} +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #1e1e1e; +} +.p-datatable .p-datatable-loading-icon { + font-size: 2rem; +} +.p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #242424; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; +} + +.p-dataview .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +.p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-dataview .p-dataview-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-dataview .p-dataview-content { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; +} +.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { + border: solid #383838; + border-width: 0 0 1px 0; +} +.p-dataview .p-dataview-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +.p-dataview .p-dataview-loading-icon { + font-size: 2rem; +} +.p-dataview .p-dataview-emptymessage { + padding: 1rem; +} + +.p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; +} + +.p-column-filter-menu-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-menu-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-column-filter-menu-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} + +.p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-clear-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-column-filter-clear-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} + +.p-column-filter-overlay { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + 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); + min-width: 12.5rem; +} +.p-column-filter-overlay .p-column-filter-row-items { + padding: 0.5rem 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #93cbf9; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #383838; + margin: 0.25rem 0; +} + +.p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1rem; + border-bottom: 1px solid #383838; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; +} +.p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.5rem 1rem; +} +.p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1rem; +} + +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { + background: #1e1e1e; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-view-container td.fc-widget-content { + background: #1e1e1e; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #383838; +} +.fc.fc-unthemed .fc-view-container .fc-row { + border-right: 1px solid #383838; +} +.fc.fc-unthemed .fc-view-container .fc-event { + background: #43a5f4; + border: 1px solid #43a5f4; + color: #212529; +} +.fc.fc-unthemed .fc-view-container .fc-divider { + background: #1e1e1e; + border: 1px solid #383838; +} +.fc.fc-unthemed .fc-toolbar .fc-button { + color: #212529; + background: #64B5F6; + border: 1px solid #64B5F6; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + display: flex; + align-items: center; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { + background: #43a5f4; + color: #212529; + border-color: #43a5f4; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { + background: #2396f2; + color: #212529; + border-color: #2396f2; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-unthemed .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #1e1e1e; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #383838; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #64B5F6; + border-color: #64B5F6; + color: #212529; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #43a5f4; + border-color: #43a5f4; + color: #212529; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + z-index: 1; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #383838; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #1e1e1e; + border-color: #383838; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness td { + color: rgba(255, 255, 255, 0.87); + border-color: #383838; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #1e1e1e; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover { + background: none; + border: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { + border: 1px solid #383838; + padding: 1rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { + opacity: 1; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; + font-family: "PrimeIcons" !important; + font-size: 1rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { + content: "\e90b"; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { + padding: 1rem; + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #212529; + background: #43a5f4; + border-color: #43a5f4; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #212529; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: #43a5f4; + border-color: #43a5f4; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #1e1e1e; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #212529; + background: #64B5F6; + border: 1px solid #64B5F6; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: #43a5f4; + color: #212529; + border-color: #43a5f4; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: #2396f2; + color: #212529; + border-color: #2396f2; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.4; + color: #212529; + background: #64B5F6; + border: 1px solid #64B5F6; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #1e1e1e; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #383838; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #64B5F6; + border-color: #64B5F6; + color: #212529; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #43a5f4; + border-color: #43a5f4; + color: #212529; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.fc.fc-theme-standard a { + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); +} + +.p-orderlist .p-orderlist-controls { + padding: 1rem; +} +.p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; +} +.p-orderlist .p-orderlist-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + padding: 1rem; + border-bottom: 0 none; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; +} +.p-orderlist .p-orderlist-filter-container { + padding: 1rem; + background: #1e1e1e; + border: 1px solid #383838; + border-bottom: 0 none; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.5rem; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-orderlist .p-orderlist-list { + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; +} +.p-orderlist .p-orderlist-list .p-orderlist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #93cbf9; +} +.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); +} +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); +} +.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: rgba(255, 255, 255, 0.01); +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); +} + +.p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 1rem; + 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); + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; +} + +.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(12, 120, 207, 0.16); +} +.p-organizationchart .p-organizationchart-line-down { + background: #383838; +} +.p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #383838; + border-color: #383838; +} +.p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #383838; + border-color: #383838; +} +.p-organizationchart .p-organizationchart-node-content { + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 1rem; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} + +.p-paginator { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + border: solid #383838; + border-width: 1px; + padding: 0.5rem 1rem; + border-radius: 3px; +} +.p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 2.286em; + height: 2.286em; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); +} +.p-paginator .p-paginator-first { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.286em; +} +.p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; +} +.p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; +} +.p-paginator .p-paginator-page-input .p-inputtext { + max-width: 2.286em; +} +.p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 2.286em; + height: 2.286em; + margin: 0.143rem; + padding: 0 0.5rem; +} +.p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 2.286em; + height: 2.286em; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(100, 181, 246, 0.16); + border-color: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); +} + +.p-picklist .p-picklist-buttons { + padding: 1rem; +} +.p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; +} +.p-picklist .p-picklist-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + padding: 1rem; + border-bottom: 0 none; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; +} +.p-picklist .p-picklist-filter-container { + padding: 1rem; + background: #1e1e1e; + border: 1px solid #383838; + border-bottom: 0 none; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.5rem; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-picklist .p-picklist-list { + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; +} +.p-picklist .p-picklist-list .p-picklist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #93cbf9; +} +.p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); +} +.p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); +} +.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: rgba(255, 255, 255, 0.01); +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); +} + +.p-picklist-item.cdk-drag-preview { + padding: 0.5rem 1rem; + 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); + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; +} + +.p-timeline .p-timeline-event-marker { + border: 2px solid #64B5F6; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #1e1e1e; +} +.p-timeline .p-timeline-event-connector { + background-color: #383838; +} +.p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; +} +.p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; +} + +.p-tree { + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 1rem; + border-radius: 3px; +} +.p-tree .p-tree-container .p-treenode { + padding: 0.143rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 3px; + transition: box-shadow 0.2s; + padding: 0; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #93cbf9; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; +} +.p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.5rem; +} +.p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-tree .p-treenode-children { + padding: 0 0 0 1rem; +} +.p-tree .p-tree-loading-icon { + font-size: 2rem; +} +.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(35, 150, 242, 0.16); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 3px; + border: 1px solid #383838; + background-color: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + transition: box-shadow 0.2s; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} + +.p-treetable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +.p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-treetable .p-treetable-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-treetable .p-treetable-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #383838; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + transition: box-shadow 0.2s; +} +.p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #383838; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; +} +.p-treetable .p-sortable-column { + outline-color: #93cbf9; +} +.p-treetable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-sortable-column.p-highlight { + background: #1e1e1e; + color: #64B5F6; +} +.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #64B5F6; +} +.p-treetable .p-treetable-tbody > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; +} +.p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-treetable-tbody > tr:focus { + outline: 0.15rem solid #93cbf9; + outline-offset: -0.15rem; +} +.p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-column-resizer-helper { + background: #64B5F6; +} +.p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #1e1e1e; +} +.p-treetable .p-treetable-loading-icon { + font-size: 2rem; +} +.p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.875rem 0.875rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 1.25rem 1.25rem; +} + +.p-virtualscroller .p-virtualscroller-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-virtualscroller .p-virtualscroller-content { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; +} +.p-virtualscroller .p-virtualscroller-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1rem; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; + border-radius: 3px; + transition: box-shadow 0.2s; +} +.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; +} +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: rgba(255, 255, 255, 0.03); + border-color: #383838; + color: rgba(255, 255, 255, 0.87); +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #1e1e1e; + border-color: #383838; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #383838; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-accordion .p-accordion-content { + padding: 1rem; + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; +} +.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; +} +.p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; +} +.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 none; +} +.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-top: 0 none; +} +.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +.p-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: 3px; +} +.p-card .p-card-body { + padding: 1rem; +} +.p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +.p-card .p-card-subtitle { + font-weight: 700; + margin-bottom: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-card .p-card-content { + padding: 1rem 0; +} +.p-card .p-card-footer { + padding: 1rem 0 0 0; +} + +.p-divider .p-divider-content { + background-color: #1e1e1e; +} +.p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +.p-divider.p-divider-horizontal:before { + border-top: 1px #383838; +} +.p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; +} +.p-divider.p-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; +} +.p-divider.p-divider-vertical:before { + border-left: 1px #383838; +} +.p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; +} + +.p-fieldset { + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; +} +.p-fieldset .p-fieldset-legend { + padding: 1rem; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; + border-radius: 3px; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; + transition: box-shadow 0.2s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #383838; + color: rgba(255, 255, 255, 0.87); +} +.p-fieldset .p-fieldset-content { + padding: 1rem; +} + +.p-panel .p-panel-header { + border: 1px solid #383838; + padding: 1rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-panel .p-panel-header .p-panel-title { + font-weight: 600; +} +.p-panel .p-panel-header .p-panel-header-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-panel .p-panel-header .p-panel-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.p-panel.p-panel-toggleable .p-panel-header { + padding: 0.5rem 1rem; +} +.p-panel .p-panel-content { + padding: 1rem; + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + border-top: 0 none; +} +.p-panel .p-panel-footer { + padding: 0.5rem 1rem; + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} +.p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; +} +.p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; +} +.p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; +} + +.p-scrollpanel .p-scrollpanel-bar { + background: #383838; + border: 0 none; +} + +.p-splitter { + border: 1px solid #383838; + background: #1e1e1e; + border-radius: 3px; + color: rgba(255, 255, 255, 0.87); +} +.p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: rgba(255, 255, 255, 0.03); +} +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #383838; +} +.p-splitter .p-splitter-gutter-resizing { + background: #383838; +} + +.p-tabview .p-tabview-nav { + background: transparent; + border: 1px solid #383838; + border-width: 0 0 2px 0; +} +.p-tabview .p-tabview-nav li { + margin-right: 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #383838; + border-width: 0 0 2px 0; + border-color: transparent transparent #383838 transparent; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + padding: 1rem; + font-weight: 600; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #93cbf9; +} +.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #1e1e1e; + border-color: #64B5F6; + color: rgba(255, 255, 255, 0.87); +} +.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #1e1e1e; + border-color: #64B5F6; + color: #64B5F6; +} +.p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; +} +.p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-close { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-nav-btn.p-link { + background: #1e1e1e; + color: #64B5F6; + width: 2.357rem; + 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); + border-radius: 0; +} +.p-tabview .p-tabview-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #93cbf9; +} +.p-tabview .p-tabview-panels { + background: #1e1e1e; + padding: 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +.p-toolbar { + background: #1e1e1e; + border: 1px solid #383838; + padding: 1rem; + border-radius: 3px; + gap: 0.5rem; +} +.p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; +} + +.p-confirm-popup { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + 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); +} +.p-confirm-popup .p-confirm-popup-content { + padding: 1rem; +} +.p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.5rem 1rem; +} +.p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; +} +.p-confirm-popup:after { + border: solid transparent; + border-color: rgba(30, 30, 30, 0); + border-bottom-color: #1e1e1e; +} +.p-confirm-popup:before { + border: solid transparent; + border-color: rgba(56, 56, 56, 0); + border-bottom-color: #383838; +} +.p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #1e1e1e; +} +.p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #383838; +} +.p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; +} +.p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; +} + +.p-dialog { + border-radius: 3px; + 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: 1px solid #383838; +} +.p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 1.5rem; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.25rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-dialog .p-dialog-header .p-dialog-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; +} +.p-dialog .p-dialog-content { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.5rem 2rem 1.5rem; +} +.p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-dialog .p-dialog-footer { + border-top: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; +} + +.p-overlaypanel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + 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); +} +.p-overlaypanel .p-overlaypanel-content { + padding: 1rem; +} +.p-overlaypanel .p-overlaypanel-close { + background: #64B5F6; + color: #212529; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + position: absolute; + top: -1rem; + right: -1rem; +} +.p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #43a5f4; + color: #212529; +} +.p-overlaypanel:after { + border: solid transparent; + border-color: rgba(30, 30, 30, 0); + border-bottom-color: #1e1e1e; +} +.p-overlaypanel:before { + border: solid transparent; + border-color: rgba(56, 56, 56, 0); + border-bottom-color: #353535; +} +.p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #1e1e1e; +} +.p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #383838; +} + +.p-sidebar { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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); +} +.p-sidebar .p-sidebar-header { + padding: 1rem; +} +.p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-sidebar .p-sidebar-header .p-sidebar-close:focus, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; +} +.p-sidebar .p-sidebar-content { + padding: 1rem; +} +.p-sidebar .p-sidebar-footer { + padding: 1rem; +} + +.p-tooltip .p-tooltip-text { + background: #383838; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem 0.5rem; + 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); + border-radius: 3px; +} +.p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #383838; +} +.p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #383838; +} +.p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #383838; +} +.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #383838; +} + +.p-fileupload .p-fileupload-buttonbar { + background: #1e1e1e; + padding: 1rem; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + border-bottom: 0 none; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; +} +.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.p-fileupload .p-fileupload-content { + background: #1e1e1e; + padding: 2rem 1rem; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-fileupload .p-progressbar { + height: 0.25rem; +} +.p-fileupload .p-fileupload-row > div { + padding: 1rem 1rem; +} +.p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; +} + +.p-fileupload-choose:not(.p-disabled):hover { + background: #43a5f4; + color: #212529; + border-color: #43a5f4; +} +.p-fileupload-choose:not(.p-disabled):active { + background: #2396f2; + color: #212529; + border-color: #2396f2; +} + +.p-breadcrumb { + background: #1e1e1e; + border: 1px solid #383838; + border-radius: 3px; + padding: 1rem; +} +.p-breadcrumb ul li .p-menuitem-link { + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-breadcrumb ul li .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-breadcrumb ul li.p-breadcrumb-chevron { + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.87); +} +.p-breadcrumb ul li:last-child .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-breadcrumb ul li:last-child .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} + +.p-contextmenu { + padding: 0.25rem 0; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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); + border-radius: 3px; + width: 12.5rem; +} +.p-contextmenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-contextmenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-contextmenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #93cbf9; +} +.p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #1e1e1e; + border: 1px solid #383838; + 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); + border-radius: 3px; +} +.p-contextmenu .p-menuitem { + margin: 0; +} +.p-contextmenu .p-menuitem:last-child { + margin: 0; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(255, 255, 255, 0.03); +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menu-separator { + border-top: 1px solid #383838; + margin: 0.25rem 0; +} +.p-contextmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-contextmenu .p-menuitem-badge { + background: #64B5F6; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + +@media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } +} +.p-megamenu { + padding: 0.5rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; + transition: box-shadow 0.2s; + user-select: none; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #93cbf9; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-megamenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-megamenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #93cbf9; +} +.p-megamenu .p-megamenu-panel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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); +} +.p-megamenu .p-megamenu-submenu-header { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-megamenu .p-megamenu-submenu { + padding: 0.25rem 0; + width: 12.5rem; +} +.p-megamenu .p-megamenu-submenu .p-menu-separator { + border-top: 1px solid #383838; + margin: 0.25rem 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem { + margin: 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(255, 255, 255, 0.03); +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem { + margin: 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem-badge { + background: #64B5F6; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menu { + padding: 0.25rem 0; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + width: 12.5rem; +} +.p-menu .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #93cbf9; +} +.p-menu.p-menu-overlay { + background: #1e1e1e; + border: 1px solid #383838; + 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); +} +.p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.p-menu .p-menu-separator { + border-top: 1px solid #383838; + margin: 0.25rem 0; +} +.p-menu .p-menuitem { + margin: 0; +} +.p-menu .p-menuitem:last-child { + margin: 0; +} +.p-menu .p-menuitem-badge { + background: #64B5F6; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menubar { + padding: 0.5rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; +} +.p-menubar .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menubar .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menubar .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #93cbf9; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #93cbf9; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-submenu-list { + padding: 0.25rem 0; + background: #1e1e1e; + border: 1px solid #383838; + 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); + width: 12.5rem; +} +.p-menubar .p-submenu-list .p-menu-separator { + border-top: 1px solid #383838; + margin: 0.25rem 0; +} +.p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; +} +.p-menubar .p-submenu-list .p-menuitem { + margin: 0; +} +.p-menubar .p-submenu-list .p-menuitem:last-child { + margin: 0; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(255, 255, 255, 0.03); +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-badge { + background: #64B5F6; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +@media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0; + background: #1e1e1e; + border: 1px solid #383838; + 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); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menu-separator { + border-top: 1px solid #383838; + margin: 0.25rem 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #93cbf9; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } +} +.p-panelmenu .p-panelmenu-header > a { + padding: 1rem; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; + border-radius: 3px; + transition: box-shadow 0.2s; +} +.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #383838; + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-header.p-highlight { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight > a { + background: #1e1e1e; + border-color: #383838; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + border-color: #383838; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0; + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + margin-bottom: 0; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #93cbf9; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { + padding: 0 0 0 1rem; +} +.p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { + border-radius: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; +} +.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { + border-top: 0 none; +} +.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { + border-top: 0 none; +} +.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-panelmenu .p-menuitem-badge { + background: #64B5F6; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-slidemenu { + padding: 0.25rem 0; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + width: 12.5rem; +} +.p-slidemenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-slidemenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-slidemenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #93cbf9; +} +.p-slidemenu.p-slidemenu-overlay { + background: #1e1e1e; + border: 1px solid #383838; + 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); +} +.p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0; + background: #1e1e1e; + border: 1px solid #383838; + 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); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { + background: rgba(255, 255, 255, 0.03); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-slidemenu-separator { + border-top: 1px solid #383838; + margin: 0.25rem 0; +} +.p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; +} +.p-slidemenu .p-slidemenu-backward { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-badge { + background: #64B5F6; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: box-shadow 0.2s; + border-radius: 3px; + background: transparent; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: rgba(255, 255, 255, 0.87); + border: 0 none; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 600; + color: rgba(255, 255, 255, 0.87); +} +.p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #383838; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; +} + +.p-tabmenu .p-tabmenu-nav { + background: transparent; + border: 1px solid #383838; + border-width: 0 0 2px 0; +} +.p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #64B5F6; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #383838; + border-width: 0 0 2px 0; + border-color: transparent transparent #383838 transparent; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + padding: 1rem; + font-weight: 600; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #93cbf9; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #1e1e1e; + border-color: #64B5F6; + color: rgba(255, 255, 255, 0.87); +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #1e1e1e; + border-color: #64B5F6; + color: #64B5F6; +} +.p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #1e1e1e; + color: #64B5F6; + width: 2.357rem; + 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); + border-radius: 0; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #93cbf9; +} + +.p-tieredmenu { + padding: 0.25rem 0; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + width: 12.5rem; +} +.p-tieredmenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-tieredmenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-tieredmenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #93cbf9; +} +.p-tieredmenu.p-tieredmenu-overlay { + background: #1e1e1e; + border: 1px solid #383838; + 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); +} +.p-tieredmenu .p-submenu-list { + padding: 0.25rem 0; + background: #1e1e1e; + border: 1px solid #383838; + 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); +} +.p-tieredmenu .p-menuitem { + margin: 0; +} +.p-tieredmenu .p-menuitem:last-child { + margin: 0; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(255, 255, 255, 0.03); +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menu-separator { + border-top: 1px solid #383838; + margin: 0.25rem 0; +} +.p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-tieredmenu .p-menuitem-badge { + background: #64B5F6; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-inline-message { + padding: 0.5rem 0.5rem; + margin: 0; + border-radius: 3px; +} +.p-inline-message.p-inline-message-info { + background: #B3E5FC; + border: solid #0891cf; + border-width: 1px; + color: #044868; +} +.p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #044868; +} +.p-inline-message.p-inline-message-success { + background: #C8E6C9; + border: solid #439446; + border-width: 1px; + color: #224a23; +} +.p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #224a23; +} +.p-inline-message.p-inline-message-warn { + background: #FFECB3; + border: solid #d9a300; + border-width: 1px; + color: #6d5100; +} +.p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #6d5100; +} +.p-inline-message.p-inline-message-error { + background: #FFCDD2; + border: solid #e60017; + border-width: 1px; + color: #73000c; +} +.p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #73000c; +} +.p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; +} +.p-inline-message .p-inline-message-text { + font-size: 1rem; +} +.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; +} + +.p-message { + margin: 1rem 0; + border-radius: 3px; +} +.p-message .p-message-wrapper { + padding: 1rem 1.5rem; +} +.p-message .p-message-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-message .p-message-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.p-message.p-message-info { + background: #B3E5FC; + border: solid #0891cf; + border-width: 0 0 0 6px; + color: #044868; +} +.p-message.p-message-info .p-message-icon { + color: #044868; +} +.p-message.p-message-info .p-message-close { + color: #044868; +} +.p-message.p-message-success { + background: #C8E6C9; + border: solid #439446; + border-width: 0 0 0 6px; + color: #224a23; +} +.p-message.p-message-success .p-message-icon { + color: #224a23; +} +.p-message.p-message-success .p-message-close { + color: #224a23; +} +.p-message.p-message-warn { + background: #FFECB3; + border: solid #d9a300; + border-width: 0 0 0 6px; + color: #6d5100; +} +.p-message.p-message-warn .p-message-icon { + color: #6d5100; +} +.p-message.p-message-warn .p-message-close { + color: #6d5100; +} +.p-message.p-message-error { + background: #FFCDD2; + border: solid #e60017; + border-width: 0 0 0 6px; + color: #73000c; +} +.p-message.p-message-error .p-message-icon { + color: #73000c; +} +.p-message.p-message-error .p-message-close { + color: #73000c; +} +.p-message .p-message-text { + font-size: 1rem; + font-weight: 500; +} +.p-message .p-message-icon { + font-size: 1.5rem; + margin-right: 0.5rem; +} +.p-message .p-message-summary { + font-weight: 700; +} +.p-message .p-message-detail { + margin-left: 0.5rem; +} + +.p-toast { + opacity: 0.9; +} +.p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: none; + border-radius: 3px; +} +.p-toast .p-toast-message .p-toast-message-content { + padding: 1rem; + border-width: 0 0 0 6px; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 1rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 2rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 700; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; +} +.p-toast .p-toast-message .p-toast-icon-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-toast .p-toast-message .p-toast-icon-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.p-toast .p-toast-message.p-toast-message-info { + background: #B3E5FC; + border: solid #0891cf; + border-width: 0 0 0 6px; + color: #044868; +} +.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #044868; +} +.p-toast .p-toast-message.p-toast-message-success { + background: #C8E6C9; + border: solid #439446; + border-width: 0 0 0 6px; + color: #224a23; +} +.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #224a23; +} +.p-toast .p-toast-message.p-toast-message-warn { + background: #FFECB3; + border: solid #d9a300; + border-width: 0 0 0 6px; + color: #6d5100; +} +.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #6d5100; +} +.p-toast .p-toast-message.p-toast-message-error { + background: #FFCDD2; + border: solid #e60017; + border-width: 0 0 0 6px; + color: #73000c; +} +.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #73000c; +} + +.p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-item-nav { + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 3px; + margin: 0 0.5rem; +} +.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f8f9fa; + padding: 1rem; +} +.p-galleria .p-galleria-indicators { + padding: 1rem; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #383838; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #4c4c4c; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; +} +.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f8f9fa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} + +.p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-preview-indicator { + background-color: transparent; + color: #f8f9fa; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} + +.p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); +} + +.p-image-toolbar { + padding: 1rem; +} + +.p-image-action.p-link { + color: #f8f9fa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-image-action.p-link:last-child { + margin-right: 0; +} +.p-image-action.p-link:hover { + color: #f8f9fa; + background-color: rgba(255, 255, 255, 0.1); +} +.p-image-action.p-link i { + font-size: 1.5rem; +} + +.p-avatar { + background-color: #383838; + border-radius: 3px; +} +.p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +.p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; +} +.p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +.p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; +} + +.p-avatar-group .p-avatar { + border: 2px solid #1e1e1e; +} + +.p-badge { + background: #64B5F6; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +.p-badge.p-badge-secondary { + background-color: #78909C; + color: #ffffff; +} +.p-badge.p-badge-success { + background-color: #C5E1A5; + color: #121212; +} +.p-badge.p-badge-info { + background-color: #81D4FA; + color: #121212; +} +.p-badge.p-badge-warning { + background-color: #FFE082; + color: #121212; +} +.p-badge.p-badge-danger { + background-color: #F48FB1; + color: #121212; +} +.p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +.p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} + +.p-chip { + background-color: #383838; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + padding: 0 0.5rem; +} +.p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} +.p-chip .p-chip-icon { + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; +} +.p-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.5rem; + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} + +.p-inplace .p-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} + +.p-progressbar { + border: 0 none; + height: 1.5rem; + background: #383838; + border-radius: 3px; +} +.p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #64B5F6; +} +.p-progressbar .p-progressbar-label { + color: #212529; + line-height: 1.5rem; +} + +.p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + 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); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-scrolltop.p-link { + background: rgba(100, 181, 246, 0.16); +} +.p-scrolltop.p-link:hover { + background: rgba(100, 181, 246, 0.3616); +} +.p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: rgba(255, 255, 255, 0.87); +} + +.p-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 3px; +} +.p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); +} + +.p-tag { + background: #64B5F6; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 3px; +} +.p-tag.p-tag-success { + background-color: #C5E1A5; + color: #121212; +} +.p-tag.p-tag-info { + background-color: #81D4FA; + color: #121212; +} +.p-tag.p-tag-warning { + background-color: #FFE082; + color: #121212; +} +.p-tag.p-tag-danger { + background-color: #F48FB1; + color: #121212; +} +.p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +.p-terminal { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + padding: 1rem; +} +.p-terminal .p-terminal-input { + font-size: 1rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; +} + +/* Customizations to the designer theme should be defined here */ +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #64B5F6; +} + +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #64B5F6; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #64B5F6; +} + +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #64B5F6; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #64B5F6; +} diff --git a/assets/layout/styles/theme/arya-blue/theme.css.br b/assets/layout/styles/theme/arya-blue/theme.css.br new file mode 100644 index 0000000..3c2df06 Binary files /dev/null and b/assets/layout/styles/theme/arya-blue/theme.css.br differ diff --git a/assets/layout/styles/theme/arya-blue/theme.css.gz b/assets/layout/styles/theme/arya-blue/theme.css.gz new file mode 100644 index 0000000..f205301 Binary files /dev/null and b/assets/layout/styles/theme/arya-blue/theme.css.gz differ diff --git a/assets/layout/styles/theme/arya-green/theme.css b/assets/layout/styles/theme/arya-green/theme.css new file mode 100644 index 0000000..39ae2da --- /dev/null +++ b/assets/layout/styles/theme/arya-green/theme.css @@ -0,0 +1,6307 @@ +:root { + --surface-a:#1e1e1e; + --surface-b:#121212; + --surface-c:rgba(255, 255, 255, 0.03); + --surface-d:#383838; + --surface-e:#1e1e1e; + --surface-f:#1e1e1e; + --text-color:rgba(255, 255, 255, 0.87); + --text-color-secondary:rgba(255, 255, 255, 0.6); + --primary-color:#81C784; + --primary-color-text:#212529; + --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --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:3px; + --surface-ground:#121212; + --surface-section:#121212; + --surface-card:#1e1e1e; + --surface-overlay:#1e1e1e; + --surface-border:#383838; + --surface-hover:rgba(255,255,255,.03); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 1px #a7d8a9; + color-scheme: dark; +} + +* { + box-sizing: border-box; +} + +.p-component { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + font-weight: normal; +} + +.p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; +} + +.p-disabled, .p-component:disabled { + opacity: 0.4; +} + +.p-error { + color: #ef9a9a; +} + +.p-text-secondary { + color: rgba(255, 255, 255, 0.6); +} + +.pi { + font-size: 1rem; +} + +.p-link { + font-size: 1rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + border-radius: 3px; +} +.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} + +.p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; +} + +.p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; +} + +@keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } +} +@keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } +} + +: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:#f6fbf6; + --green-100:#d4ecd5; + --green-200:#b2ddb4; + --green-300:#90cd93; + --green-400:#6ebe71; + --green-500:#4caf50; + --green-600:#419544; + --green-700:#357b38; + --green-800:#2a602c; + --green-900:#1e4620; + --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:#f5f6fb; + --indigo-100:#d1d5ed; + --indigo-200:#acb4df; + --indigo-300:#8893d1; + --indigo-400:#6372c3; + --indigo-500:#3f51b5; + --indigo-600:#36459a; + --indigo-700:#2c397f; + --indigo-800:#232d64; + --indigo-900:#192048; + --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:#fff8f2; + --orange-100:#fde0c2; + --orange-200:#fbc791; + --orange-300:#f9ae61; + --orange-400:#f79530; + --orange-500:#f57c00; + --orange-600:#d06900; + --orange-700:#ac5700; + --orange-800:#874400; + --orange-900:#623200; + --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:#fff5f5; + --red-100:#ffd1ce; + --red-200:#ffada7; + --red-300:#ff8980; + --red-400:#ff6459; + --red-500:#ff4032; + --red-600:#d9362b; + --red-700:#b32d23; + --red-800:#8c231c; + --red-900:#661a14; + --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; +} + +.p-autocomplete .p-autocomplete-loader { + right: 0.5rem; +} +.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 2.857rem; +} +.p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; + gap: 0.5rem; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + border-color: #81C784; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + border-color: #81C784; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.25rem 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.5rem; + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; +} + +p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #ef9a9a; +} + +.p-autocomplete-panel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + 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); +} +.p-autocomplete-panel .p-autocomplete-items { + padding: 0.5rem 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; +} + +p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2rem; +} +p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; +} + +p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.857rem; +} + +p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #ef9a9a; +} + +.p-datepicker { + padding: 0.5rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; +} +.p-datepicker:not(.p-datepicker-inline) { + background: #1e1e1e; + border: 1px solid #383838; + 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); +} +.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #1e1e1e; +} +.p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; + margin: 0; + border-bottom: 1px solid #383838; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 2rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + font-weight: 600; + padding: 0.5rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #81C784; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; +} +.p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0; +} +.p-datepicker table th { + padding: 0.5rem; +} +.p-datepicker table th > span { + width: 2.5rem; + height: 2.5rem; +} +.p-datepicker table td { + padding: 0.5rem; +} +.p-datepicker table td > span { + width: 2.5rem; + height: 2.5rem; + border-radius: 50%; + transition: box-shadow 0.2s; + border: 1px solid transparent; +} +.p-datepicker table td > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); +} +.p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.p-datepicker table td.p-datepicker-today > span { + background: transparent; + color: #81C784; + border-color: transparent; +} +.p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); +} +.p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #383838; +} +.p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; +} +.p-datepicker .p-timepicker { + border-top: 1px solid #383838; + padding: 0.5rem; +} +.p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-timepicker button:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker .p-timepicker button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; +} +.p-datepicker .p-timepicker span { + font-size: 1.25rem; +} +.p-datepicker .p-timepicker > div { + padding: 0 0.5rem; +} +.p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; +} +.p-datepicker .p-monthpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.5rem; + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); +} +.p-datepicker .p-yearpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.5rem; + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #383838; + padding-right: 0.5rem; + padding-left: 0.5rem; + padding-top: 0; + padding-bottom: 0; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} + +p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2rem; +} +p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; +} + +p-calendar.p-calendar-clearable.p-calendar-w-btn .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.857rem; +} + +@media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } +} +.p-cascadeselect { + background: #121212; + border: 1px solid #383838; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-cascadeselect:not(.p-disabled):hover { + border-color: #81C784; +} +.p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + border-color: #81C784; +} +.p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.5rem; +} +.p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-cascadeselect-panel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + 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); +} +.p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.5rem 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 1rem; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a7d8a9; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; +} + +p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #ef9a9a; +} + +.p-input-filled .p-cascadeselect { + background: #383838; +} +.p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #383838; +} +.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #383838; +} + +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.5rem; +} +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; +} + +.p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; +} +.p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); +} + +.p-checkbox { + width: 20px; + height: 20px; +} +.p-checkbox .p-checkbox-box { + border: 2px solid #383838; + background: #121212; + width: 20px; + height: 20px; + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #212529; + font-size: 14px; +} +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #81C784; + background: #81C784; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #81C784; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + border-color: #81C784; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #54b358; + background: #54b358; + color: #212529; +} + +p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #ef9a9a; +} + +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #383838; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #81C784; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #383838; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #54b358; +} + +.p-checkbox-label { + margin-left: 0.5rem; +} + +.p-chips .p-chips-multiple-container { + padding: 0.25rem 0.5rem; + gap: 0.5rem; +} +.p-chips .p-chips-multiple-container:not(.p-disabled):hover { + border-color: #81C784; +} +.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + border-color: #81C784; +} +.p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.5rem; + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; +} +.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; +} +.p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.25rem 0; +} +.p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; +} + +p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #ef9a9a; +} + +p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.5rem; +} +p-chips.p-chips-clearable .p-chips-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; +} + +.p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; +} + +.p-colorpicker-panel { + background: #1e1e1e; + border: 1px solid #383838; +} +.p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: rgba(255, 255, 255, 0.87); +} + +.p-colorpicker-overlay-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); +} + +.p-dropdown { + background: #121212; + border: 1px solid #383838; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-dropdown:not(.p-disabled):hover { + border-color: #81C784; +} +.p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + border-color: #81C784; +} +.p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.5rem; +} +.p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; +} +.p-dropdown .p-dropdown-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-dropdown .p-dropdown-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.p-dropdown .p-dropdown-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; +} + +.p-dropdown-panel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + 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); +} +.p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.5rem; + margin-right: -1.5rem; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-dropdown-panel .p-dropdown-items { + padding: 0.5rem 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; +} + +p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #ef9a9a; +} + +.p-input-filled .p-dropdown { + background: #383838; +} +.p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #383838; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #383838; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; +} + +.p-editor-container .p-editor-toolbar { + background: #1e1e1e; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #383838; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #1e1e1e; + border: 1px solid #383838; + 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); + border-radius: 3px; + padding: 0.5rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #383838; +} +.p-editor-container .p-editor-content .ql-editor { + background: #121212; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #81C784; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #81C784; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #81C784; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #81C784; +} + +.p-inputgroup-addon { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + border-top: 1px solid #383838; + border-left: 1px solid #383838; + border-bottom: 1px solid #383838; + padding: 0.5rem 0.5rem; + min-width: 2.357rem; +} +.p-inputgroup-addon:last-child { + border-right: 1px solid #383838; +} + +.p-inputgroup > .p-component, +.p-inputgroup > .p-element, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; +} +.p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-element + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; +} +.p-inputgroup > .p-component:focus, +.p-inputgroup > .p-element:focus, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; +} +.p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-element:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; +} + +.p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} + +.p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} + +.p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-fluid .p-inputgroup .p-button { + width: auto; +} +.p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.357rem; +} + +p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #ef9a9a; +} + +p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2rem; +} +p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; +} + +p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #ef9a9a; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 2.857rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 2.857rem; +} + +.p-inputswitch { + width: 3rem; + height: 1.75rem; +} +.p-inputswitch .p-inputswitch-slider { + background: #383838; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; +} +.p-inputswitch .p-inputswitch-slider:before { + background: rgba(255, 255, 255, 0.6); + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition-duration: 0.2s; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1.25rem); +} +.p-inputswitch.p-focus .p-inputswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: rgba(255, 255, 255, 0.03); +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #81C784; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: rgba(255, 255, 255, 0.87); +} +.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #6abd6e; +} + +p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + border-color: #ef9a9a; +} + +.p-inputtext { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + background: #121212; + padding: 0.5rem 0.5rem; + border: 1px solid #383838; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + appearance: none; + border-radius: 3px; +} +.p-inputtext:enabled:hover { + border-color: #81C784; +} +.p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + border-color: #81C784; +} +.p-inputtext.ng-dirty.ng-invalid { + border-color: #ef9a9a; +} +.p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.4375rem; +} +.p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.625rem; +} + +.p-float-label > label { + left: 0.5rem; + color: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; +} + +.p-float-label > .ng-invalid.ng-dirty + label { + color: #ef9a9a; +} + +.p-input-icon-left > i:first-of-type { + left: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} + +.p-input-icon-left > .p-inputtext { + padding-left: 2rem; +} + +.p-input-icon-left.p-float-label > label { + left: 2rem; +} + +.p-input-icon-right > i:last-of-type { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} + +.p-input-icon-right > .p-inputtext { + padding-right: 2rem; +} + +::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +:-moz-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +.p-input-filled .p-inputtext { + background-color: #383838; +} +.p-input-filled .p-inputtext:enabled:hover { + background-color: #383838; +} +.p-input-filled .p-inputtext:enabled:focus { + background-color: #383838; +} + +.p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.4375rem; +} + +.p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.625rem; +} + +.p-listbox { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; +} +.p-listbox .p-listbox-header { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.5rem; +} +.p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list { + padding: 0.5rem 0; +} +.p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); +} +.p-listbox .p-listbox-list .p-listbox-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a7d8a9; +} +.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; +} +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} + +p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #ef9a9a; +} + +.p-multiselect { + background: #121212; + border: 1px solid #383838; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-multiselect:not(.p-disabled):hover { + border-color: #81C784; +} +.p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + border-color: #81C784; +} +.p-multiselect .p-multiselect-label { + padding: 0.5rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-multiselect .p-multiselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-multiselect.p-multiselect-chip .p-multiselect-label { + gap: 0.5rem; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.5rem; + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; +} +.p-multiselect .p-multiselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.5rem; +} + +.p-multiselect-panel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + 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); +} +.p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.5rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.p-multiselect-panel .p-multiselect-items { + padding: 0.5rem 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a7d8a9; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} + +p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #ef9a9a; +} + +.p-input-filled .p-multiselect { + background: #383838; +} +.p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #383838; +} +.p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #383838; +} + +p-multiselect.p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.5rem; +} +p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; +} + +p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #ef9a9a; +} + +.p-password-panel { + padding: 1rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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); + border-radius: 3px; +} +.p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #383838; +} +.p-password-panel .p-password-meter .p-password-strength.weak { + background: #F48FB1; +} +.p-password-panel .p-password-meter .p-password-strength.medium { + background: #FFE082; +} +.p-password-panel .p-password-meter .p-password-strength.strong { + background: #C5E1A5; +} + +p-password.p-password-clearable .p-password-input { + padding-right: 2rem; +} +p-password.p-password-clearable .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; +} + +p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 3.5rem; +} +p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2rem; +} + +.p-radiobutton { + width: 20px; + height: 20px; +} +.p-radiobutton .p-radiobutton-box { + border: 2px solid #383838; + background: #121212; + width: 20px; + height: 20px; + color: rgba(255, 255, 255, 0.87); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #81C784; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + border-color: #81C784; +} +.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 12px; + height: 12px; + transition-duration: 0.2s; + background-color: #212529; +} +.p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #81C784; + background: #81C784; +} +.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #54b358; + background: #54b358; + color: #212529; +} + +p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #ef9a9a; +} + +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #383838; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #383838; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #81C784; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #54b358; +} + +.p-radiobutton-label { + margin-left: 0.5rem; +} + +.p-rating .p-rating-icon { + color: rgba(255, 255, 255, 0.87); + margin-left: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + font-size: 1.143rem; +} +.p-rating .p-rating-icon.p-rating-cancel { + color: #F48FB1; +} +.p-rating .p-rating-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.p-rating .p-rating-icon:first-child { + margin-left: 0; +} +.p-rating .p-rating-icon.pi-star-fill { + color: #81C784; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + color: #81C784; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + color: #F48FB1; +} + +.p-selectbutton .p-button { + background: #1e1e1e; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #383838; + color: rgba(255, 255, 255, 0.87); +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-selectbutton .p-button.p-highlight { + background: #81C784; + border-color: #81C784; + color: #212529; +} +.p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #212529; +} +.p-selectbutton .p-button.p-highlight:hover { + background: #6abd6e; + border-color: #6abd6e; + color: #212529; +} +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #212529; +} + +p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #ef9a9a; +} + +.p-slider { + background: #383838; + border: 0 none; + border-radius: 3px; +} +.p-slider.p-slider-horizontal { + height: 0.286rem; +} +.p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -0.5715rem; + margin-left: -0.5715rem; +} +.p-slider.p-slider-vertical { + width: 0.286rem; +} +.p-slider.p-slider-vertical .p-slider-handle { + margin-left: -0.5715rem; + margin-bottom: -0.5715rem; +} +.p-slider .p-slider-handle { + height: 1.143rem; + width: 1.143rem; + background: #383838; + border: 2px solid #81C784; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.p-slider .p-slider-range { + background: #81C784; +} +.p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #81C784; + border-color: #81C784; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; +} + +.p-togglebutton.p-button { + background: #1e1e1e; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #383838; + color: rgba(255, 255, 255, 0.87); +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-togglebutton.p-button.p-highlight { + background: #81C784; + border-color: #81C784; + color: #212529; +} +.p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #212529; +} +.p-togglebutton.p-button.p-highlight:hover { + background: #6abd6e; + border-color: #6abd6e; + color: #212529; +} +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #212529; +} + +p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #ef9a9a; +} + +.p-treeselect { + background: #121212; + border: 1px solid #383838; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-treeselect:not(.p-disabled):hover { + border-color: #81C784; +} +.p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + border-color: #81C784; +} +.p-treeselect .p-treeselect-label { + padding: 0.5rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-treeselect .p-treeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.5rem; + margin-right: 0.5rem; + background: #383838; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; +} +.p-treeselect .p-treeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #ef9a9a; +} + +.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.5rem; +} + +.p-treeselect-panel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + 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); +} +.p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} + +.p-input-filled .p-treeselect { + background: #383838; +} +.p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #383838; +} +.p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #383838; +} + +p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.5rem; +} +p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; +} + +.p-button { + color: #212529; + background: #81C784; + border: 1px solid #81C784; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-button:enabled:hover { + background: #6abd6e; + color: #212529; + border-color: #6abd6e; +} +.p-button:enabled:active { + background: #54b358; + color: #212529; + border-color: #54b358; +} +.p-button.p-button-outlined { + background-color: transparent; + color: #81C784; + border: 1px solid; +} +.p-button.p-button-outlined:enabled:hover { + background: rgba(129, 199, 132, 0.04); + color: #81C784; + border: 1px solid; +} +.p-button.p-button-outlined:enabled:active { + background: rgba(129, 199, 132, 0.16); + color: #81C784; + border: 1px solid; +} +.p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text { + background-color: transparent; + color: #81C784; + border-color: transparent; +} +.p-button.p-button-text:enabled:hover { + background: rgba(129, 199, 132, 0.04); + color: #81C784; + border-color: transparent; +} +.p-button.p-button-text:enabled:active { + background: rgba(129, 199, 132, 0.16); + color: #81C784; + border-color: transparent; +} +.p-button.p-button-text.p-button-plain { + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.p-button .p-button-label { + transition-duration: 0.2s; +} +.p-button .p-button-icon-left { + margin-right: 0.5rem; +} +.p-button .p-button-icon-right { + margin-left: 0.5rem; +} +.p-button .p-button-icon-bottom { + margin-top: 0.5rem; +} +.p-button .p-button-icon-top { + margin-bottom: 0.5rem; +} +.p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #81C784; + background-color: #212529; +} +.p-button.p-button-raised { + 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); +} +.p-button.p-button-rounded { + border-radius: 2rem; +} +.p-button.p-button-icon-only { + width: 2.357rem; + padding: 0.5rem 0; +} +.p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; +} +.p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.357rem; +} +.p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; +} +.p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; +} +.p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; +} +.p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; +} +.p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; +} +.p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; +} + +.p-fluid .p-button { + width: 100%; +} +.p-fluid .p-button-icon-only { + width: 2.357rem; +} +.p-fluid .p-buttonset { + display: flex; +} +.p-fluid .p-buttonset .p-button { + flex: 1; +} + +.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + color: #ffffff; + background: #78909C; + border: 1px solid #78909C; +} +.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + background: #69838f; + color: #ffffff; + border-color: #69838f; +} +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #a1b1ba; +} +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: #5d747f; + color: #ffffff; + border-color: #5d747f; +} +.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + background-color: transparent; + color: #78909C; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + background: rgba(120, 144, 156, 0.04); + color: #78909C; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(120, 144, 156, 0.16); + color: #78909C; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + background-color: transparent; + color: #78909C; + border-color: transparent; +} +.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + background: rgba(120, 144, 156, 0.04); + border-color: transparent; + color: #78909C; +} +.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + background: rgba(120, 144, 156, 0.16); + border-color: transparent; + color: #78909C; +} + +.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #121212; + background: #81D4FA; + border: 1px solid #81D4FA; +} +.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + background: #5dc8f9; + color: #121212; + border-color: #5dc8f9; +} +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #a7e1fc; +} +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: #38bbf7; + color: #121212; + border-color: #38bbf7; +} +.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + background-color: transparent; + color: #81D4FA; + border: 1px solid; +} +.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + background: rgba(129, 212, 250, 0.04); + color: #81D4FA; + border: 1px solid; +} +.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(129, 212, 250, 0.16); + color: #81D4FA; + border: 1px solid; +} +.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + background-color: transparent; + color: #81D4FA; + border-color: transparent; +} +.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + background: rgba(129, 212, 250, 0.04); + border-color: transparent; + color: #81D4FA; +} +.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + background: rgba(129, 212, 250, 0.16); + border-color: transparent; + color: #81D4FA; +} + +.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #121212; + background: #C5E1A5; + border: 1px solid #C5E1A5; +} +.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + background: #b2d788; + color: #121212; + border-color: #b2d788; +} +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #d6eac0; +} +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: #9fce6b; + color: #121212; + border-color: #9fce6b; +} +.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + background-color: transparent; + color: #C5E1A5; + border: 1px solid; +} +.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + background: rgba(197, 225, 165, 0.04); + color: #C5E1A5; + border: 1px solid; +} +.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(197, 225, 165, 0.16); + color: #C5E1A5; + border: 1px solid; +} +.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + background-color: transparent; + color: #C5E1A5; + border-color: transparent; +} +.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + background: rgba(197, 225, 165, 0.04); + border-color: transparent; + color: #C5E1A5; +} +.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + background: rgba(197, 225, 165, 0.16); + border-color: transparent; + color: #C5E1A5; +} + +.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #121212; + background: #FFE082; + border: 1px solid #FFE082; +} +.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + background: #ffd65c; + color: #121212; + border-color: #ffd65c; +} +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #ffe9a8; +} +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: #ffcd35; + color: #121212; + border-color: #ffcd35; +} +.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + background-color: transparent; + color: #FFE082; + border: 1px solid; +} +.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + background: rgba(255, 224, 130, 0.04); + color: #FFE082; + border: 1px solid; +} +.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(255, 224, 130, 0.16); + color: #FFE082; + border: 1px solid; +} +.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + background-color: transparent; + color: #FFE082; + border-color: transparent; +} +.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + background: rgba(255, 224, 130, 0.04); + border-color: transparent; + color: #FFE082; +} +.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + background: rgba(255, 224, 130, 0.16); + border-color: transparent; + color: #FFE082; +} + +.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #121212; + background: #CE93D8; + border: 1px solid #CE93D8; +} +.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + background: #c278ce; + color: #121212; + border-color: #c278ce; +} +.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #ddb3e4; +} +.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: #b65ec5; + color: #121212; + border-color: #b65ec5; +} +.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + background-color: transparent; + color: #CE93D8; + border: 1px solid; +} +.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; + border: 1px solid; +} +.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border: 1px solid; +} +.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + background: rgba(206, 147, 216, 0.04); + border-color: transparent; + color: #CE93D8; +} +.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + background: rgba(206, 147, 216, 0.16); + border-color: transparent; + color: #CE93D8; +} + +.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #121212; + background: #F48FB1; + border: 1px solid #F48FB1; +} +.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + background: #f16c98; + color: #121212; + border-color: #f16c98; +} +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #f7b1c8; +} +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: #ed4980; + color: #121212; + border-color: #ed4980; +} +.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + background-color: transparent; + color: #F48FB1; + border: 1px solid; +} +.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + background: rgba(244, 143, 177, 0.04); + color: #F48FB1; + border: 1px solid; +} +.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(244, 143, 177, 0.16); + color: #F48FB1; + border: 1px solid; +} +.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + background-color: transparent; + color: #F48FB1; + border-color: transparent; +} +.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + background: rgba(244, 143, 177, 0.04); + border-color: transparent; + color: #F48FB1; +} +.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} + +.p-button.p-button-link { + color: #81C784; + background: transparent; + border: transparent; +} +.p-button.p-button-link:enabled:hover { + background: transparent; + color: #81C784; + border-color: transparent; +} +.p-button.p-button-link:enabled:hover .p-button-label { + text-decoration: underline; +} +.p-button.p-button-link:enabled:focus { + background: transparent; + box-shadow: 0 0 0 1px #a7d8a9; + border-color: transparent; +} +.p-button.p-button-link:enabled:active { + background: transparent; + color: #81C784; + border-color: transparent; +} + +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: rgba(255, 255, 255, 0.87); + color: #121212; +} +.p-speeddial-action:hover { + background: rgba(255, 255, 255, 0.6); + color: #121212; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +.p-splitbutton { + border-radius: 3px; +} +.p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #81C784; + border: 1px solid; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(129, 199, 132, 0.04); + color: #81C784; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(129, 199, 132, 0.16); + color: #81C784; +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #81C784; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(129, 199, 132, 0.04); + color: #81C784; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(129, 199, 132, 0.16); + color: #81C784; + border-color: transparent; +} +.p-splitbutton.p-button-text.p-button-plain > .p-button { + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-raised { + 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); +} +.p-splitbutton.p-button-rounded { + border-radius: 2rem; +} +.p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; +} +.p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; +} +.p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; +} +.p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; +} +.p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; +} + +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #78909C; + border: 1px solid; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(120, 144, 156, 0.04); + color: #78909C; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(120, 144, 156, 0.16); + color: #78909C; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #78909C; + border-color: transparent; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(120, 144, 156, 0.04); + border-color: transparent; + color: #78909C; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(120, 144, 156, 0.16); + border-color: transparent; + color: #78909C; +} + +.p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #81D4FA; + border: 1px solid; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(129, 212, 250, 0.04); + color: #81D4FA; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(129, 212, 250, 0.16); + color: #81D4FA; +} +.p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #81D4FA; + border-color: transparent; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(129, 212, 250, 0.04); + border-color: transparent; + color: #81D4FA; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(129, 212, 250, 0.16); + border-color: transparent; + color: #81D4FA; +} + +.p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #C5E1A5; + border: 1px solid; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(197, 225, 165, 0.04); + color: #C5E1A5; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(197, 225, 165, 0.16); + color: #C5E1A5; +} +.p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #C5E1A5; + border-color: transparent; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(197, 225, 165, 0.04); + border-color: transparent; + color: #C5E1A5; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(197, 225, 165, 0.16); + border-color: transparent; + color: #C5E1A5; +} + +.p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #FFE082; + border: 1px solid; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 224, 130, 0.04); + color: #FFE082; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 224, 130, 0.16); + color: #FFE082; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #FFE082; + border-color: transparent; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 224, 130, 0.04); + border-color: transparent; + color: #FFE082; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 224, 130, 0.16); + border-color: transparent; + color: #FFE082; +} + +.p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #CE93D8; + border: 1px solid; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; +} +.p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(206, 147, 216, 0.04); + border-color: transparent; + color: #CE93D8; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(206, 147, 216, 0.16); + border-color: transparent; + color: #CE93D8; +} + +.p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #F48FB1; + border: 1px solid; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(244, 143, 177, 0.04); + color: #F48FB1; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(244, 143, 177, 0.16); + color: #F48FB1; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #F48FB1; + border-color: transparent; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(244, 143, 177, 0.04); + border-color: transparent; + color: #F48FB1; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} + +.p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; +} +.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-carousel .p-carousel-content .p-carousel-prev:focus, +.p-carousel .p-carousel-content .p-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.p-carousel .p-carousel-indicators { + padding: 1rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #383838; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #4c4c4c; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); +} + +.p-datatable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +.p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-datatable .p-datatable-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-datatable .p-datatable-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #383838; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + transition: box-shadow 0.2s; +} +.p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #383838; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; +} +.p-datatable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column.p-highlight { + background: #1e1e1e; + color: #81C784; +} +.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #81C784; +} +.p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(255, 255, 255, 0.03); + color: #81C784; +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #81C784; +} +.p-datatable .p-sortable-column:focus { + box-shadow: inset 0 0 0 0.15rem #a7d8a9; + outline: 0 none; +} +.p-datatable .p-datatable-tbody > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; +} +.p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; +} +.p-datatable .p-datatable-tbody > tr:focus { + outline: 0.15rem solid #a7d8a9; + outline-offset: 0.15rem; +} +.p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(129, 199, 132, 0.16); +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(129, 199, 132, 0.16); +} +.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-column-resizer-helper { + background: #81C784; +} +.p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #1e1e1e; +} +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #1e1e1e; +} +.p-datatable .p-datatable-loading-icon { + font-size: 2rem; +} +.p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #242424; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; +} + +.p-dataview .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +.p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-dataview .p-dataview-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-dataview .p-dataview-content { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; +} +.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { + border: solid #383838; + border-width: 0 0 1px 0; +} +.p-dataview .p-dataview-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +.p-dataview .p-dataview-loading-icon { + font-size: 2rem; +} +.p-dataview .p-dataview-emptymessage { + padding: 1rem; +} + +.p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; +} + +.p-column-filter-menu-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-menu-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-column-filter-menu-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} + +.p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-clear-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-column-filter-clear-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} + +.p-column-filter-overlay { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + 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); + min-width: 12.5rem; +} +.p-column-filter-overlay .p-column-filter-row-items { + padding: 0.5rem 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a7d8a9; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #383838; + margin: 0.25rem 0; +} + +.p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1rem; + border-bottom: 1px solid #383838; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; +} +.p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.5rem 1rem; +} +.p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1rem; +} + +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { + background: #1e1e1e; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-view-container td.fc-widget-content { + background: #1e1e1e; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #383838; +} +.fc.fc-unthemed .fc-view-container .fc-row { + border-right: 1px solid #383838; +} +.fc.fc-unthemed .fc-view-container .fc-event { + background: #6abd6e; + border: 1px solid #6abd6e; + color: #212529; +} +.fc.fc-unthemed .fc-view-container .fc-divider { + background: #1e1e1e; + border: 1px solid #383838; +} +.fc.fc-unthemed .fc-toolbar .fc-button { + color: #212529; + background: #81C784; + border: 1px solid #81C784; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + display: flex; + align-items: center; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { + background: #6abd6e; + color: #212529; + border-color: #6abd6e; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { + background: #54b358; + color: #212529; + border-color: #54b358; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-unthemed .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #1e1e1e; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #383838; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #81C784; + border-color: #81C784; + color: #212529; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #6abd6e; + border-color: #6abd6e; + color: #212529; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + z-index: 1; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #383838; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #1e1e1e; + border-color: #383838; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness td { + color: rgba(255, 255, 255, 0.87); + border-color: #383838; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #1e1e1e; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover { + background: none; + border: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { + border: 1px solid #383838; + padding: 1rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { + opacity: 1; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; + font-family: "PrimeIcons" !important; + font-size: 1rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { + content: "\e90b"; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { + padding: 1rem; + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #212529; + background: #6abd6e; + border-color: #6abd6e; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #212529; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: #6abd6e; + border-color: #6abd6e; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #1e1e1e; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #212529; + background: #81C784; + border: 1px solid #81C784; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: #6abd6e; + color: #212529; + border-color: #6abd6e; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: #54b358; + color: #212529; + border-color: #54b358; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.4; + color: #212529; + background: #81C784; + border: 1px solid #81C784; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #1e1e1e; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #383838; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #81C784; + border-color: #81C784; + color: #212529; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #6abd6e; + border-color: #6abd6e; + color: #212529; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.fc.fc-theme-standard a { + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); +} + +.p-orderlist .p-orderlist-controls { + padding: 1rem; +} +.p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; +} +.p-orderlist .p-orderlist-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + padding: 1rem; + border-bottom: 0 none; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; +} +.p-orderlist .p-orderlist-filter-container { + padding: 1rem; + background: #1e1e1e; + border: 1px solid #383838; + border-bottom: 0 none; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.5rem; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-orderlist .p-orderlist-list { + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; +} +.p-orderlist .p-orderlist-list .p-orderlist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a7d8a9; +} +.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); +} +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); +} +.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: rgba(255, 255, 255, 0.01); +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); +} + +.p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 1rem; + 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); + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; +} + +.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(62, 139, 65, 0.16); +} +.p-organizationchart .p-organizationchart-line-down { + background: #383838; +} +.p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #383838; + border-color: #383838; +} +.p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #383838; + border-color: #383838; +} +.p-organizationchart .p-organizationchart-node-content { + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 1rem; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} + +.p-paginator { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + border: solid #383838; + border-width: 1px; + padding: 0.5rem 1rem; + border-radius: 3px; +} +.p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 2.286em; + height: 2.286em; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); +} +.p-paginator .p-paginator-first { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.286em; +} +.p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; +} +.p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; +} +.p-paginator .p-paginator-page-input .p-inputtext { + max-width: 2.286em; +} +.p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 2.286em; + height: 2.286em; + margin: 0.143rem; + padding: 0 0.5rem; +} +.p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 2.286em; + height: 2.286em; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(129, 199, 132, 0.16); + border-color: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); +} + +.p-picklist .p-picklist-buttons { + padding: 1rem; +} +.p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; +} +.p-picklist .p-picklist-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + padding: 1rem; + border-bottom: 0 none; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; +} +.p-picklist .p-picklist-filter-container { + padding: 1rem; + background: #1e1e1e; + border: 1px solid #383838; + border-bottom: 0 none; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.5rem; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-picklist .p-picklist-list { + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; +} +.p-picklist .p-picklist-list .p-picklist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a7d8a9; +} +.p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); +} +.p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); +} +.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: rgba(255, 255, 255, 0.01); +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); +} + +.p-picklist-item.cdk-drag-preview { + padding: 0.5rem 1rem; + 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); + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; +} + +.p-timeline .p-timeline-event-marker { + border: 2px solid #81C784; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #1e1e1e; +} +.p-timeline .p-timeline-event-connector { + background-color: #383838; +} +.p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; +} +.p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; +} + +.p-tree { + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 1rem; + border-radius: 3px; +} +.p-tree .p-tree-container .p-treenode { + padding: 0.143rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 3px; + transition: box-shadow 0.2s; + padding: 0; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a7d8a9; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; +} +.p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.5rem; +} +.p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-tree .p-treenode-children { + padding: 0 0 0 1rem; +} +.p-tree .p-tree-loading-icon { + font-size: 2rem; +} +.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(84, 179, 88, 0.16); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 3px; + border: 1px solid #383838; + background-color: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + transition: box-shadow 0.2s; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} + +.p-treetable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +.p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-treetable .p-treetable-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-treetable .p-treetable-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #383838; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + transition: box-shadow 0.2s; +} +.p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #383838; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; +} +.p-treetable .p-sortable-column { + outline-color: #a7d8a9; +} +.p-treetable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-sortable-column.p-highlight { + background: #1e1e1e; + color: #81C784; +} +.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #81C784; +} +.p-treetable .p-treetable-tbody > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; +} +.p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-treetable-tbody > tr:focus { + outline: 0.15rem solid #a7d8a9; + outline-offset: -0.15rem; +} +.p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-column-resizer-helper { + background: #81C784; +} +.p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #1e1e1e; +} +.p-treetable .p-treetable-loading-icon { + font-size: 2rem; +} +.p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.875rem 0.875rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 1.25rem 1.25rem; +} + +.p-virtualscroller .p-virtualscroller-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-virtualscroller .p-virtualscroller-content { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; +} +.p-virtualscroller .p-virtualscroller-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1rem; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; + border-radius: 3px; + transition: box-shadow 0.2s; +} +.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; +} +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: rgba(255, 255, 255, 0.03); + border-color: #383838; + color: rgba(255, 255, 255, 0.87); +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #1e1e1e; + border-color: #383838; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #383838; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-accordion .p-accordion-content { + padding: 1rem; + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; +} +.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; +} +.p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; +} +.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 none; +} +.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-top: 0 none; +} +.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +.p-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: 3px; +} +.p-card .p-card-body { + padding: 1rem; +} +.p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +.p-card .p-card-subtitle { + font-weight: 700; + margin-bottom: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-card .p-card-content { + padding: 1rem 0; +} +.p-card .p-card-footer { + padding: 1rem 0 0 0; +} + +.p-divider .p-divider-content { + background-color: #1e1e1e; +} +.p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +.p-divider.p-divider-horizontal:before { + border-top: 1px #383838; +} +.p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; +} +.p-divider.p-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; +} +.p-divider.p-divider-vertical:before { + border-left: 1px #383838; +} +.p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; +} + +.p-fieldset { + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; +} +.p-fieldset .p-fieldset-legend { + padding: 1rem; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; + border-radius: 3px; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; + transition: box-shadow 0.2s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #383838; + color: rgba(255, 255, 255, 0.87); +} +.p-fieldset .p-fieldset-content { + padding: 1rem; +} + +.p-panel .p-panel-header { + border: 1px solid #383838; + padding: 1rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-panel .p-panel-header .p-panel-title { + font-weight: 600; +} +.p-panel .p-panel-header .p-panel-header-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-panel .p-panel-header .p-panel-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.p-panel.p-panel-toggleable .p-panel-header { + padding: 0.5rem 1rem; +} +.p-panel .p-panel-content { + padding: 1rem; + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + border-top: 0 none; +} +.p-panel .p-panel-footer { + padding: 0.5rem 1rem; + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} +.p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; +} +.p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; +} +.p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; +} + +.p-scrollpanel .p-scrollpanel-bar { + background: #383838; + border: 0 none; +} + +.p-splitter { + border: 1px solid #383838; + background: #1e1e1e; + border-radius: 3px; + color: rgba(255, 255, 255, 0.87); +} +.p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: rgba(255, 255, 255, 0.03); +} +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #383838; +} +.p-splitter .p-splitter-gutter-resizing { + background: #383838; +} + +.p-tabview .p-tabview-nav { + background: transparent; + border: 1px solid #383838; + border-width: 0 0 2px 0; +} +.p-tabview .p-tabview-nav li { + margin-right: 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #383838; + border-width: 0 0 2px 0; + border-color: transparent transparent #383838 transparent; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + padding: 1rem; + font-weight: 600; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #a7d8a9; +} +.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #1e1e1e; + border-color: #81C784; + color: rgba(255, 255, 255, 0.87); +} +.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #1e1e1e; + border-color: #81C784; + color: #81C784; +} +.p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; +} +.p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-close { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-nav-btn.p-link { + background: #1e1e1e; + color: #81C784; + width: 2.357rem; + 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); + border-radius: 0; +} +.p-tabview .p-tabview-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #a7d8a9; +} +.p-tabview .p-tabview-panels { + background: #1e1e1e; + padding: 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +.p-toolbar { + background: #1e1e1e; + border: 1px solid #383838; + padding: 1rem; + border-radius: 3px; + gap: 0.5rem; +} +.p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; +} + +.p-confirm-popup { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + 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); +} +.p-confirm-popup .p-confirm-popup-content { + padding: 1rem; +} +.p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.5rem 1rem; +} +.p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; +} +.p-confirm-popup:after { + border: solid transparent; + border-color: rgba(30, 30, 30, 0); + border-bottom-color: #1e1e1e; +} +.p-confirm-popup:before { + border: solid transparent; + border-color: rgba(56, 56, 56, 0); + border-bottom-color: #383838; +} +.p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #1e1e1e; +} +.p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #383838; +} +.p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; +} +.p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; +} + +.p-dialog { + border-radius: 3px; + 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: 1px solid #383838; +} +.p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 1.5rem; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.25rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-dialog .p-dialog-header .p-dialog-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; +} +.p-dialog .p-dialog-content { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.5rem 2rem 1.5rem; +} +.p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-dialog .p-dialog-footer { + border-top: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; +} + +.p-overlaypanel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + 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); +} +.p-overlaypanel .p-overlaypanel-content { + padding: 1rem; +} +.p-overlaypanel .p-overlaypanel-close { + background: #81C784; + color: #212529; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + position: absolute; + top: -1rem; + right: -1rem; +} +.p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #6abd6e; + color: #212529; +} +.p-overlaypanel:after { + border: solid transparent; + border-color: rgba(30, 30, 30, 0); + border-bottom-color: #1e1e1e; +} +.p-overlaypanel:before { + border: solid transparent; + border-color: rgba(56, 56, 56, 0); + border-bottom-color: #353535; +} +.p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #1e1e1e; +} +.p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #383838; +} + +.p-sidebar { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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); +} +.p-sidebar .p-sidebar-header { + padding: 1rem; +} +.p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-sidebar .p-sidebar-header .p-sidebar-close:focus, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; +} +.p-sidebar .p-sidebar-content { + padding: 1rem; +} +.p-sidebar .p-sidebar-footer { + padding: 1rem; +} + +.p-tooltip .p-tooltip-text { + background: #383838; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem 0.5rem; + 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); + border-radius: 3px; +} +.p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #383838; +} +.p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #383838; +} +.p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #383838; +} +.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #383838; +} + +.p-fileupload .p-fileupload-buttonbar { + background: #1e1e1e; + padding: 1rem; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + border-bottom: 0 none; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; +} +.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.p-fileupload .p-fileupload-content { + background: #1e1e1e; + padding: 2rem 1rem; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-fileupload .p-progressbar { + height: 0.25rem; +} +.p-fileupload .p-fileupload-row > div { + padding: 1rem 1rem; +} +.p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; +} + +.p-fileupload-choose:not(.p-disabled):hover { + background: #6abd6e; + color: #212529; + border-color: #6abd6e; +} +.p-fileupload-choose:not(.p-disabled):active { + background: #54b358; + color: #212529; + border-color: #54b358; +} + +.p-breadcrumb { + background: #1e1e1e; + border: 1px solid #383838; + border-radius: 3px; + padding: 1rem; +} +.p-breadcrumb ul li .p-menuitem-link { + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-breadcrumb ul li .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-breadcrumb ul li.p-breadcrumb-chevron { + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.87); +} +.p-breadcrumb ul li:last-child .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-breadcrumb ul li:last-child .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} + +.p-contextmenu { + padding: 0.25rem 0; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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); + border-radius: 3px; + width: 12.5rem; +} +.p-contextmenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-contextmenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-contextmenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a7d8a9; +} +.p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #1e1e1e; + border: 1px solid #383838; + 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); + border-radius: 3px; +} +.p-contextmenu .p-menuitem { + margin: 0; +} +.p-contextmenu .p-menuitem:last-child { + margin: 0; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(255, 255, 255, 0.03); +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menu-separator { + border-top: 1px solid #383838; + margin: 0.25rem 0; +} +.p-contextmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-contextmenu .p-menuitem-badge { + background: #81C784; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + +@media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } +} +.p-megamenu { + padding: 0.5rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; + transition: box-shadow 0.2s; + user-select: none; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a7d8a9; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-megamenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-megamenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a7d8a9; +} +.p-megamenu .p-megamenu-panel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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); +} +.p-megamenu .p-megamenu-submenu-header { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-megamenu .p-megamenu-submenu { + padding: 0.25rem 0; + width: 12.5rem; +} +.p-megamenu .p-megamenu-submenu .p-menu-separator { + border-top: 1px solid #383838; + margin: 0.25rem 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem { + margin: 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(255, 255, 255, 0.03); +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem { + margin: 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem-badge { + background: #81C784; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menu { + padding: 0.25rem 0; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + width: 12.5rem; +} +.p-menu .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a7d8a9; +} +.p-menu.p-menu-overlay { + background: #1e1e1e; + border: 1px solid #383838; + 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); +} +.p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.p-menu .p-menu-separator { + border-top: 1px solid #383838; + margin: 0.25rem 0; +} +.p-menu .p-menuitem { + margin: 0; +} +.p-menu .p-menuitem:last-child { + margin: 0; +} +.p-menu .p-menuitem-badge { + background: #81C784; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menubar { + padding: 0.5rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; +} +.p-menubar .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menubar .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menubar .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a7d8a9; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a7d8a9; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-submenu-list { + padding: 0.25rem 0; + background: #1e1e1e; + border: 1px solid #383838; + 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); + width: 12.5rem; +} +.p-menubar .p-submenu-list .p-menu-separator { + border-top: 1px solid #383838; + margin: 0.25rem 0; +} +.p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; +} +.p-menubar .p-submenu-list .p-menuitem { + margin: 0; +} +.p-menubar .p-submenu-list .p-menuitem:last-child { + margin: 0; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(255, 255, 255, 0.03); +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-badge { + background: #81C784; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +@media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0; + background: #1e1e1e; + border: 1px solid #383838; + 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); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menu-separator { + border-top: 1px solid #383838; + margin: 0.25rem 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a7d8a9; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } +} +.p-panelmenu .p-panelmenu-header > a { + padding: 1rem; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; + border-radius: 3px; + transition: box-shadow 0.2s; +} +.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #383838; + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-header.p-highlight { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight > a { + background: #1e1e1e; + border-color: #383838; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + border-color: #383838; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0; + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + margin-bottom: 0; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a7d8a9; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { + padding: 0 0 0 1rem; +} +.p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { + border-radius: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; +} +.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { + border-top: 0 none; +} +.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { + border-top: 0 none; +} +.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-panelmenu .p-menuitem-badge { + background: #81C784; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-slidemenu { + padding: 0.25rem 0; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + width: 12.5rem; +} +.p-slidemenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-slidemenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-slidemenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a7d8a9; +} +.p-slidemenu.p-slidemenu-overlay { + background: #1e1e1e; + border: 1px solid #383838; + 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); +} +.p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0; + background: #1e1e1e; + border: 1px solid #383838; + 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); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { + background: rgba(255, 255, 255, 0.03); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-slidemenu-separator { + border-top: 1px solid #383838; + margin: 0.25rem 0; +} +.p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; +} +.p-slidemenu .p-slidemenu-backward { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-badge { + background: #81C784; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: box-shadow 0.2s; + border-radius: 3px; + background: transparent; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: rgba(255, 255, 255, 0.87); + border: 0 none; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 600; + color: rgba(255, 255, 255, 0.87); +} +.p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #383838; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; +} + +.p-tabmenu .p-tabmenu-nav { + background: transparent; + border: 1px solid #383838; + border-width: 0 0 2px 0; +} +.p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #81C784; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #383838; + border-width: 0 0 2px 0; + border-color: transparent transparent #383838 transparent; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + padding: 1rem; + font-weight: 600; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #a7d8a9; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #1e1e1e; + border-color: #81C784; + color: rgba(255, 255, 255, 0.87); +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #1e1e1e; + border-color: #81C784; + color: #81C784; +} +.p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #1e1e1e; + color: #81C784; + width: 2.357rem; + 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); + border-radius: 0; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #a7d8a9; +} + +.p-tieredmenu { + padding: 0.25rem 0; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + width: 12.5rem; +} +.p-tieredmenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-tieredmenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-tieredmenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a7d8a9; +} +.p-tieredmenu.p-tieredmenu-overlay { + background: #1e1e1e; + border: 1px solid #383838; + 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); +} +.p-tieredmenu .p-submenu-list { + padding: 0.25rem 0; + background: #1e1e1e; + border: 1px solid #383838; + 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); +} +.p-tieredmenu .p-menuitem { + margin: 0; +} +.p-tieredmenu .p-menuitem:last-child { + margin: 0; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(255, 255, 255, 0.03); +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menu-separator { + border-top: 1px solid #383838; + margin: 0.25rem 0; +} +.p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-tieredmenu .p-menuitem-badge { + background: #81C784; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-inline-message { + padding: 0.5rem 0.5rem; + margin: 0; + border-radius: 3px; +} +.p-inline-message.p-inline-message-info { + background: #B3E5FC; + border: solid #0891cf; + border-width: 1px; + color: #044868; +} +.p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #044868; +} +.p-inline-message.p-inline-message-success { + background: #C8E6C9; + border: solid #439446; + border-width: 1px; + color: #224a23; +} +.p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #224a23; +} +.p-inline-message.p-inline-message-warn { + background: #FFECB3; + border: solid #d9a300; + border-width: 1px; + color: #6d5100; +} +.p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #6d5100; +} +.p-inline-message.p-inline-message-error { + background: #FFCDD2; + border: solid #e60017; + border-width: 1px; + color: #73000c; +} +.p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #73000c; +} +.p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; +} +.p-inline-message .p-inline-message-text { + font-size: 1rem; +} +.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; +} + +.p-message { + margin: 1rem 0; + border-radius: 3px; +} +.p-message .p-message-wrapper { + padding: 1rem 1.5rem; +} +.p-message .p-message-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-message .p-message-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.p-message.p-message-info { + background: #B3E5FC; + border: solid #0891cf; + border-width: 0 0 0 6px; + color: #044868; +} +.p-message.p-message-info .p-message-icon { + color: #044868; +} +.p-message.p-message-info .p-message-close { + color: #044868; +} +.p-message.p-message-success { + background: #C8E6C9; + border: solid #439446; + border-width: 0 0 0 6px; + color: #224a23; +} +.p-message.p-message-success .p-message-icon { + color: #224a23; +} +.p-message.p-message-success .p-message-close { + color: #224a23; +} +.p-message.p-message-warn { + background: #FFECB3; + border: solid #d9a300; + border-width: 0 0 0 6px; + color: #6d5100; +} +.p-message.p-message-warn .p-message-icon { + color: #6d5100; +} +.p-message.p-message-warn .p-message-close { + color: #6d5100; +} +.p-message.p-message-error { + background: #FFCDD2; + border: solid #e60017; + border-width: 0 0 0 6px; + color: #73000c; +} +.p-message.p-message-error .p-message-icon { + color: #73000c; +} +.p-message.p-message-error .p-message-close { + color: #73000c; +} +.p-message .p-message-text { + font-size: 1rem; + font-weight: 500; +} +.p-message .p-message-icon { + font-size: 1.5rem; + margin-right: 0.5rem; +} +.p-message .p-message-summary { + font-weight: 700; +} +.p-message .p-message-detail { + margin-left: 0.5rem; +} + +.p-toast { + opacity: 0.9; +} +.p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: none; + border-radius: 3px; +} +.p-toast .p-toast-message .p-toast-message-content { + padding: 1rem; + border-width: 0 0 0 6px; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 1rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 2rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 700; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; +} +.p-toast .p-toast-message .p-toast-icon-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-toast .p-toast-message .p-toast-icon-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.p-toast .p-toast-message.p-toast-message-info { + background: #B3E5FC; + border: solid #0891cf; + border-width: 0 0 0 6px; + color: #044868; +} +.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #044868; +} +.p-toast .p-toast-message.p-toast-message-success { + background: #C8E6C9; + border: solid #439446; + border-width: 0 0 0 6px; + color: #224a23; +} +.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #224a23; +} +.p-toast .p-toast-message.p-toast-message-warn { + background: #FFECB3; + border: solid #d9a300; + border-width: 0 0 0 6px; + color: #6d5100; +} +.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #6d5100; +} +.p-toast .p-toast-message.p-toast-message-error { + background: #FFCDD2; + border: solid #e60017; + border-width: 0 0 0 6px; + color: #73000c; +} +.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #73000c; +} + +.p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-item-nav { + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 3px; + margin: 0 0.5rem; +} +.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f8f9fa; + padding: 1rem; +} +.p-galleria .p-galleria-indicators { + padding: 1rem; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #383838; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #4c4c4c; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; +} +.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f8f9fa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} + +.p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-preview-indicator { + background-color: transparent; + color: #f8f9fa; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} + +.p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); +} + +.p-image-toolbar { + padding: 1rem; +} + +.p-image-action.p-link { + color: #f8f9fa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-image-action.p-link:last-child { + margin-right: 0; +} +.p-image-action.p-link:hover { + color: #f8f9fa; + background-color: rgba(255, 255, 255, 0.1); +} +.p-image-action.p-link i { + font-size: 1.5rem; +} + +.p-avatar { + background-color: #383838; + border-radius: 3px; +} +.p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +.p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; +} +.p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +.p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; +} + +.p-avatar-group .p-avatar { + border: 2px solid #1e1e1e; +} + +.p-badge { + background: #81C784; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +.p-badge.p-badge-secondary { + background-color: #78909C; + color: #ffffff; +} +.p-badge.p-badge-success { + background-color: #C5E1A5; + color: #121212; +} +.p-badge.p-badge-info { + background-color: #81D4FA; + color: #121212; +} +.p-badge.p-badge-warning { + background-color: #FFE082; + color: #121212; +} +.p-badge.p-badge-danger { + background-color: #F48FB1; + color: #121212; +} +.p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +.p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} + +.p-chip { + background-color: #383838; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + padding: 0 0.5rem; +} +.p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} +.p-chip .p-chip-icon { + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; +} +.p-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.5rem; + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} + +.p-inplace .p-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} + +.p-progressbar { + border: 0 none; + height: 1.5rem; + background: #383838; + border-radius: 3px; +} +.p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #81C784; +} +.p-progressbar .p-progressbar-label { + color: #212529; + line-height: 1.5rem; +} + +.p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + 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); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-scrolltop.p-link { + background: rgba(129, 199, 132, 0.16); +} +.p-scrolltop.p-link:hover { + background: rgba(129, 199, 132, 0.3616); +} +.p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: rgba(255, 255, 255, 0.87); +} + +.p-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 3px; +} +.p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); +} + +.p-tag { + background: #81C784; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 3px; +} +.p-tag.p-tag-success { + background-color: #C5E1A5; + color: #121212; +} +.p-tag.p-tag-info { + background-color: #81D4FA; + color: #121212; +} +.p-tag.p-tag-warning { + background-color: #FFE082; + color: #121212; +} +.p-tag.p-tag-danger { + background-color: #F48FB1; + color: #121212; +} +.p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +.p-terminal { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + padding: 1rem; +} +.p-terminal .p-terminal-input { + font-size: 1rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; +} + +/* Customizations to the designer theme should be defined here */ +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #81C784; +} + +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #81C784; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #81C784; +} + +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #81C784; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #81C784; +} diff --git a/assets/layout/styles/theme/arya-green/theme.css.br b/assets/layout/styles/theme/arya-green/theme.css.br new file mode 100644 index 0000000..aef4b44 Binary files /dev/null and b/assets/layout/styles/theme/arya-green/theme.css.br differ diff --git a/assets/layout/styles/theme/arya-green/theme.css.gz b/assets/layout/styles/theme/arya-green/theme.css.gz new file mode 100644 index 0000000..31ddde4 Binary files /dev/null and b/assets/layout/styles/theme/arya-green/theme.css.gz differ diff --git a/assets/layout/styles/theme/arya-orange/theme.css b/assets/layout/styles/theme/arya-orange/theme.css new file mode 100644 index 0000000..f580615 --- /dev/null +++ b/assets/layout/styles/theme/arya-orange/theme.css @@ -0,0 +1,6307 @@ +:root { + --surface-a:#1e1e1e; + --surface-b:#121212; + --surface-c:rgba(255, 255, 255, 0.03); + --surface-d:#383838; + --surface-e:#1e1e1e; + --surface-f:#1e1e1e; + --text-color:rgba(255, 255, 255, 0.87); + --text-color-secondary:rgba(255, 255, 255, 0.6); + --primary-color:#FFD54F; + --primary-color-text:#212529; + --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --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:3px; + --surface-ground:#121212; + --surface-section:#121212; + --surface-card:#1e1e1e; + --surface-overlay:#1e1e1e; + --surface-border:#383838; + --surface-hover:rgba(255,255,255,.03); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 1px #ffe284; + color-scheme: dark; +} + +* { + box-sizing: border-box; +} + +.p-component { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + font-weight: normal; +} + +.p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; +} + +.p-disabled, .p-component:disabled { + opacity: 0.4; +} + +.p-error { + color: #ef9a9a; +} + +.p-text-secondary { + color: rgba(255, 255, 255, 0.6); +} + +.pi { + font-size: 1rem; +} + +.p-link { + font-size: 1rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + border-radius: 3px; +} +.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} + +.p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; +} + +.p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; +} + +@keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } +} +@keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } +} + +: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:#f6fbf6; + --green-100:#d4ecd5; + --green-200:#b2ddb4; + --green-300:#90cd93; + --green-400:#6ebe71; + --green-500:#4caf50; + --green-600:#419544; + --green-700:#357b38; + --green-800:#2a602c; + --green-900:#1e4620; + --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:#f5f6fb; + --indigo-100:#d1d5ed; + --indigo-200:#acb4df; + --indigo-300:#8893d1; + --indigo-400:#6372c3; + --indigo-500:#3f51b5; + --indigo-600:#36459a; + --indigo-700:#2c397f; + --indigo-800:#232d64; + --indigo-900:#192048; + --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:#fff8f2; + --orange-100:#fde0c2; + --orange-200:#fbc791; + --orange-300:#f9ae61; + --orange-400:#f79530; + --orange-500:#f57c00; + --orange-600:#d06900; + --orange-700:#ac5700; + --orange-800:#874400; + --orange-900:#623200; + --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:#fff5f5; + --red-100:#ffd1ce; + --red-200:#ffada7; + --red-300:#ff8980; + --red-400:#ff6459; + --red-500:#ff4032; + --red-600:#d9362b; + --red-700:#b32d23; + --red-800:#8c231c; + --red-900:#661a14; + --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; +} + +.p-autocomplete .p-autocomplete-loader { + right: 0.5rem; +} +.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 2.857rem; +} +.p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; + gap: 0.5rem; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + border-color: #FFD54F; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + border-color: #FFD54F; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.25rem 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.5rem; + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; +} + +p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #ef9a9a; +} + +.p-autocomplete-panel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + 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); +} +.p-autocomplete-panel .p-autocomplete-items { + padding: 0.5rem 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; +} + +p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2rem; +} +p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; +} + +p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.857rem; +} + +p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #ef9a9a; +} + +.p-datepicker { + padding: 0.5rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; +} +.p-datepicker:not(.p-datepicker-inline) { + background: #1e1e1e; + border: 1px solid #383838; + 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); +} +.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #1e1e1e; +} +.p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; + margin: 0; + border-bottom: 1px solid #383838; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 2rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + font-weight: 600; + padding: 0.5rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #FFD54F; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; +} +.p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0; +} +.p-datepicker table th { + padding: 0.5rem; +} +.p-datepicker table th > span { + width: 2.5rem; + height: 2.5rem; +} +.p-datepicker table td { + padding: 0.5rem; +} +.p-datepicker table td > span { + width: 2.5rem; + height: 2.5rem; + border-radius: 50%; + transition: box-shadow 0.2s; + border: 1px solid transparent; +} +.p-datepicker table td > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); +} +.p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.p-datepicker table td.p-datepicker-today > span { + background: transparent; + color: #FFD54F; + border-color: transparent; +} +.p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); +} +.p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #383838; +} +.p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; +} +.p-datepicker .p-timepicker { + border-top: 1px solid #383838; + padding: 0.5rem; +} +.p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-timepicker button:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker .p-timepicker button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; +} +.p-datepicker .p-timepicker span { + font-size: 1.25rem; +} +.p-datepicker .p-timepicker > div { + padding: 0 0.5rem; +} +.p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; +} +.p-datepicker .p-monthpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.5rem; + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); +} +.p-datepicker .p-yearpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.5rem; + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #383838; + padding-right: 0.5rem; + padding-left: 0.5rem; + padding-top: 0; + padding-bottom: 0; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} + +p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2rem; +} +p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; +} + +p-calendar.p-calendar-clearable.p-calendar-w-btn .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.857rem; +} + +@media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } +} +.p-cascadeselect { + background: #121212; + border: 1px solid #383838; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-cascadeselect:not(.p-disabled):hover { + border-color: #FFD54F; +} +.p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + border-color: #FFD54F; +} +.p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.5rem; +} +.p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-cascadeselect-panel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + 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); +} +.p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.5rem 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 1rem; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #ffe284; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; +} + +p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #ef9a9a; +} + +.p-input-filled .p-cascadeselect { + background: #383838; +} +.p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #383838; +} +.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #383838; +} + +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.5rem; +} +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; +} + +.p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; +} +.p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); +} + +.p-checkbox { + width: 20px; + height: 20px; +} +.p-checkbox .p-checkbox-box { + border: 2px solid #383838; + background: #121212; + width: 20px; + height: 20px; + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #212529; + font-size: 14px; +} +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #FFD54F; + background: #FFD54F; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #FFD54F; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + border-color: #FFD54F; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #ffc50c; + background: #ffc50c; + color: #212529; +} + +p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #ef9a9a; +} + +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #383838; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #FFD54F; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #383838; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #ffc50c; +} + +.p-checkbox-label { + margin-left: 0.5rem; +} + +.p-chips .p-chips-multiple-container { + padding: 0.25rem 0.5rem; + gap: 0.5rem; +} +.p-chips .p-chips-multiple-container:not(.p-disabled):hover { + border-color: #FFD54F; +} +.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + border-color: #FFD54F; +} +.p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.5rem; + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; +} +.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; +} +.p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.25rem 0; +} +.p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; +} + +p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #ef9a9a; +} + +p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.5rem; +} +p-chips.p-chips-clearable .p-chips-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; +} + +.p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; +} + +.p-colorpicker-panel { + background: #1e1e1e; + border: 1px solid #383838; +} +.p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: rgba(255, 255, 255, 0.87); +} + +.p-colorpicker-overlay-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); +} + +.p-dropdown { + background: #121212; + border: 1px solid #383838; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-dropdown:not(.p-disabled):hover { + border-color: #FFD54F; +} +.p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + border-color: #FFD54F; +} +.p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.5rem; +} +.p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; +} +.p-dropdown .p-dropdown-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-dropdown .p-dropdown-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.p-dropdown .p-dropdown-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; +} + +.p-dropdown-panel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + 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); +} +.p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.5rem; + margin-right: -1.5rem; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-dropdown-panel .p-dropdown-items { + padding: 0.5rem 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; +} + +p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #ef9a9a; +} + +.p-input-filled .p-dropdown { + background: #383838; +} +.p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #383838; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #383838; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; +} + +.p-editor-container .p-editor-toolbar { + background: #1e1e1e; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #383838; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #1e1e1e; + border: 1px solid #383838; + 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); + border-radius: 3px; + padding: 0.5rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #383838; +} +.p-editor-container .p-editor-content .ql-editor { + background: #121212; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #FFD54F; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #FFD54F; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #FFD54F; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #FFD54F; +} + +.p-inputgroup-addon { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + border-top: 1px solid #383838; + border-left: 1px solid #383838; + border-bottom: 1px solid #383838; + padding: 0.5rem 0.5rem; + min-width: 2.357rem; +} +.p-inputgroup-addon:last-child { + border-right: 1px solid #383838; +} + +.p-inputgroup > .p-component, +.p-inputgroup > .p-element, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; +} +.p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-element + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; +} +.p-inputgroup > .p-component:focus, +.p-inputgroup > .p-element:focus, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; +} +.p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-element:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; +} + +.p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} + +.p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} + +.p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-fluid .p-inputgroup .p-button { + width: auto; +} +.p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.357rem; +} + +p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #ef9a9a; +} + +p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2rem; +} +p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; +} + +p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #ef9a9a; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 2.857rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 2.857rem; +} + +.p-inputswitch { + width: 3rem; + height: 1.75rem; +} +.p-inputswitch .p-inputswitch-slider { + background: #383838; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; +} +.p-inputswitch .p-inputswitch-slider:before { + background: rgba(255, 255, 255, 0.6); + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition-duration: 0.2s; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1.25rem); +} +.p-inputswitch.p-focus .p-inputswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: rgba(255, 255, 255, 0.03); +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #FFD54F; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: rgba(255, 255, 255, 0.87); +} +.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #ffcd2e; +} + +p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + border-color: #ef9a9a; +} + +.p-inputtext { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + background: #121212; + padding: 0.5rem 0.5rem; + border: 1px solid #383838; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + appearance: none; + border-radius: 3px; +} +.p-inputtext:enabled:hover { + border-color: #FFD54F; +} +.p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + border-color: #FFD54F; +} +.p-inputtext.ng-dirty.ng-invalid { + border-color: #ef9a9a; +} +.p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.4375rem; +} +.p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.625rem; +} + +.p-float-label > label { + left: 0.5rem; + color: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; +} + +.p-float-label > .ng-invalid.ng-dirty + label { + color: #ef9a9a; +} + +.p-input-icon-left > i:first-of-type { + left: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} + +.p-input-icon-left > .p-inputtext { + padding-left: 2rem; +} + +.p-input-icon-left.p-float-label > label { + left: 2rem; +} + +.p-input-icon-right > i:last-of-type { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} + +.p-input-icon-right > .p-inputtext { + padding-right: 2rem; +} + +::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +:-moz-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +.p-input-filled .p-inputtext { + background-color: #383838; +} +.p-input-filled .p-inputtext:enabled:hover { + background-color: #383838; +} +.p-input-filled .p-inputtext:enabled:focus { + background-color: #383838; +} + +.p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.4375rem; +} + +.p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.625rem; +} + +.p-listbox { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; +} +.p-listbox .p-listbox-header { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.5rem; +} +.p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list { + padding: 0.5rem 0; +} +.p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); +} +.p-listbox .p-listbox-list .p-listbox-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #ffe284; +} +.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; +} +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} + +p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #ef9a9a; +} + +.p-multiselect { + background: #121212; + border: 1px solid #383838; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-multiselect:not(.p-disabled):hover { + border-color: #FFD54F; +} +.p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + border-color: #FFD54F; +} +.p-multiselect .p-multiselect-label { + padding: 0.5rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-multiselect .p-multiselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-multiselect.p-multiselect-chip .p-multiselect-label { + gap: 0.5rem; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.5rem; + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; +} +.p-multiselect .p-multiselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.5rem; +} + +.p-multiselect-panel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + 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); +} +.p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.5rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.p-multiselect-panel .p-multiselect-items { + padding: 0.5rem 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #ffe284; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} + +p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #ef9a9a; +} + +.p-input-filled .p-multiselect { + background: #383838; +} +.p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #383838; +} +.p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #383838; +} + +p-multiselect.p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.5rem; +} +p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; +} + +p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #ef9a9a; +} + +.p-password-panel { + padding: 1rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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); + border-radius: 3px; +} +.p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #383838; +} +.p-password-panel .p-password-meter .p-password-strength.weak { + background: #F48FB1; +} +.p-password-panel .p-password-meter .p-password-strength.medium { + background: #FFE082; +} +.p-password-panel .p-password-meter .p-password-strength.strong { + background: #C5E1A5; +} + +p-password.p-password-clearable .p-password-input { + padding-right: 2rem; +} +p-password.p-password-clearable .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; +} + +p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 3.5rem; +} +p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2rem; +} + +.p-radiobutton { + width: 20px; + height: 20px; +} +.p-radiobutton .p-radiobutton-box { + border: 2px solid #383838; + background: #121212; + width: 20px; + height: 20px; + color: rgba(255, 255, 255, 0.87); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #FFD54F; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + border-color: #FFD54F; +} +.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 12px; + height: 12px; + transition-duration: 0.2s; + background-color: #212529; +} +.p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #FFD54F; + background: #FFD54F; +} +.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #ffc50c; + background: #ffc50c; + color: #212529; +} + +p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #ef9a9a; +} + +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #383838; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #383838; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #FFD54F; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #ffc50c; +} + +.p-radiobutton-label { + margin-left: 0.5rem; +} + +.p-rating .p-rating-icon { + color: rgba(255, 255, 255, 0.87); + margin-left: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + font-size: 1.143rem; +} +.p-rating .p-rating-icon.p-rating-cancel { + color: #F48FB1; +} +.p-rating .p-rating-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.p-rating .p-rating-icon:first-child { + margin-left: 0; +} +.p-rating .p-rating-icon.pi-star-fill { + color: #FFD54F; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + color: #FFD54F; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + color: #F48FB1; +} + +.p-selectbutton .p-button { + background: #1e1e1e; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #383838; + color: rgba(255, 255, 255, 0.87); +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-selectbutton .p-button.p-highlight { + background: #FFD54F; + border-color: #FFD54F; + color: #212529; +} +.p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #212529; +} +.p-selectbutton .p-button.p-highlight:hover { + background: #ffcd2e; + border-color: #ffcd2e; + color: #212529; +} +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #212529; +} + +p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #ef9a9a; +} + +.p-slider { + background: #383838; + border: 0 none; + border-radius: 3px; +} +.p-slider.p-slider-horizontal { + height: 0.286rem; +} +.p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -0.5715rem; + margin-left: -0.5715rem; +} +.p-slider.p-slider-vertical { + width: 0.286rem; +} +.p-slider.p-slider-vertical .p-slider-handle { + margin-left: -0.5715rem; + margin-bottom: -0.5715rem; +} +.p-slider .p-slider-handle { + height: 1.143rem; + width: 1.143rem; + background: #383838; + border: 2px solid #FFD54F; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.p-slider .p-slider-range { + background: #FFD54F; +} +.p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #FFD54F; + border-color: #FFD54F; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; +} + +.p-togglebutton.p-button { + background: #1e1e1e; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #383838; + color: rgba(255, 255, 255, 0.87); +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-togglebutton.p-button.p-highlight { + background: #FFD54F; + border-color: #FFD54F; + color: #212529; +} +.p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #212529; +} +.p-togglebutton.p-button.p-highlight:hover { + background: #ffcd2e; + border-color: #ffcd2e; + color: #212529; +} +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #212529; +} + +p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #ef9a9a; +} + +.p-treeselect { + background: #121212; + border: 1px solid #383838; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-treeselect:not(.p-disabled):hover { + border-color: #FFD54F; +} +.p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + border-color: #FFD54F; +} +.p-treeselect .p-treeselect-label { + padding: 0.5rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-treeselect .p-treeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.5rem; + margin-right: 0.5rem; + background: #383838; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; +} +.p-treeselect .p-treeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #ef9a9a; +} + +.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.5rem; +} + +.p-treeselect-panel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + 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); +} +.p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} + +.p-input-filled .p-treeselect { + background: #383838; +} +.p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #383838; +} +.p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #383838; +} + +p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.5rem; +} +p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; +} + +.p-button { + color: #212529; + background: #FFD54F; + border: 1px solid #FFD54F; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-button:enabled:hover { + background: #ffcd2e; + color: #212529; + border-color: #ffcd2e; +} +.p-button:enabled:active { + background: #ffc50c; + color: #212529; + border-color: #ffc50c; +} +.p-button.p-button-outlined { + background-color: transparent; + color: #FFD54F; + border: 1px solid; +} +.p-button.p-button-outlined:enabled:hover { + background: rgba(255, 213, 79, 0.04); + color: #FFD54F; + border: 1px solid; +} +.p-button.p-button-outlined:enabled:active { + background: rgba(255, 213, 79, 0.16); + color: #FFD54F; + border: 1px solid; +} +.p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text { + background-color: transparent; + color: #FFD54F; + border-color: transparent; +} +.p-button.p-button-text:enabled:hover { + background: rgba(255, 213, 79, 0.04); + color: #FFD54F; + border-color: transparent; +} +.p-button.p-button-text:enabled:active { + background: rgba(255, 213, 79, 0.16); + color: #FFD54F; + border-color: transparent; +} +.p-button.p-button-text.p-button-plain { + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.p-button .p-button-label { + transition-duration: 0.2s; +} +.p-button .p-button-icon-left { + margin-right: 0.5rem; +} +.p-button .p-button-icon-right { + margin-left: 0.5rem; +} +.p-button .p-button-icon-bottom { + margin-top: 0.5rem; +} +.p-button .p-button-icon-top { + margin-bottom: 0.5rem; +} +.p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #FFD54F; + background-color: #212529; +} +.p-button.p-button-raised { + 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); +} +.p-button.p-button-rounded { + border-radius: 2rem; +} +.p-button.p-button-icon-only { + width: 2.357rem; + padding: 0.5rem 0; +} +.p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; +} +.p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.357rem; +} +.p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; +} +.p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; +} +.p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; +} +.p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; +} +.p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; +} +.p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; +} + +.p-fluid .p-button { + width: 100%; +} +.p-fluid .p-button-icon-only { + width: 2.357rem; +} +.p-fluid .p-buttonset { + display: flex; +} +.p-fluid .p-buttonset .p-button { + flex: 1; +} + +.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + color: #ffffff; + background: #78909C; + border: 1px solid #78909C; +} +.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + background: #69838f; + color: #ffffff; + border-color: #69838f; +} +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #a1b1ba; +} +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: #5d747f; + color: #ffffff; + border-color: #5d747f; +} +.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + background-color: transparent; + color: #78909C; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + background: rgba(120, 144, 156, 0.04); + color: #78909C; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(120, 144, 156, 0.16); + color: #78909C; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + background-color: transparent; + color: #78909C; + border-color: transparent; +} +.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + background: rgba(120, 144, 156, 0.04); + border-color: transparent; + color: #78909C; +} +.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + background: rgba(120, 144, 156, 0.16); + border-color: transparent; + color: #78909C; +} + +.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #121212; + background: #81D4FA; + border: 1px solid #81D4FA; +} +.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + background: #5dc8f9; + color: #121212; + border-color: #5dc8f9; +} +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #a7e1fc; +} +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: #38bbf7; + color: #121212; + border-color: #38bbf7; +} +.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + background-color: transparent; + color: #81D4FA; + border: 1px solid; +} +.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + background: rgba(129, 212, 250, 0.04); + color: #81D4FA; + border: 1px solid; +} +.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(129, 212, 250, 0.16); + color: #81D4FA; + border: 1px solid; +} +.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + background-color: transparent; + color: #81D4FA; + border-color: transparent; +} +.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + background: rgba(129, 212, 250, 0.04); + border-color: transparent; + color: #81D4FA; +} +.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + background: rgba(129, 212, 250, 0.16); + border-color: transparent; + color: #81D4FA; +} + +.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #121212; + background: #C5E1A5; + border: 1px solid #C5E1A5; +} +.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + background: #b2d788; + color: #121212; + border-color: #b2d788; +} +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #d6eac0; +} +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: #9fce6b; + color: #121212; + border-color: #9fce6b; +} +.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + background-color: transparent; + color: #C5E1A5; + border: 1px solid; +} +.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + background: rgba(197, 225, 165, 0.04); + color: #C5E1A5; + border: 1px solid; +} +.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(197, 225, 165, 0.16); + color: #C5E1A5; + border: 1px solid; +} +.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + background-color: transparent; + color: #C5E1A5; + border-color: transparent; +} +.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + background: rgba(197, 225, 165, 0.04); + border-color: transparent; + color: #C5E1A5; +} +.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + background: rgba(197, 225, 165, 0.16); + border-color: transparent; + color: #C5E1A5; +} + +.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #121212; + background: #FFE082; + border: 1px solid #FFE082; +} +.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + background: #ffd65c; + color: #121212; + border-color: #ffd65c; +} +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #ffe9a8; +} +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: #ffcd35; + color: #121212; + border-color: #ffcd35; +} +.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + background-color: transparent; + color: #FFE082; + border: 1px solid; +} +.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + background: rgba(255, 224, 130, 0.04); + color: #FFE082; + border: 1px solid; +} +.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(255, 224, 130, 0.16); + color: #FFE082; + border: 1px solid; +} +.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + background-color: transparent; + color: #FFE082; + border-color: transparent; +} +.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + background: rgba(255, 224, 130, 0.04); + border-color: transparent; + color: #FFE082; +} +.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + background: rgba(255, 224, 130, 0.16); + border-color: transparent; + color: #FFE082; +} + +.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #121212; + background: #CE93D8; + border: 1px solid #CE93D8; +} +.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + background: #c278ce; + color: #121212; + border-color: #c278ce; +} +.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #ddb3e4; +} +.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: #b65ec5; + color: #121212; + border-color: #b65ec5; +} +.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + background-color: transparent; + color: #CE93D8; + border: 1px solid; +} +.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; + border: 1px solid; +} +.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border: 1px solid; +} +.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + background: rgba(206, 147, 216, 0.04); + border-color: transparent; + color: #CE93D8; +} +.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + background: rgba(206, 147, 216, 0.16); + border-color: transparent; + color: #CE93D8; +} + +.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #121212; + background: #F48FB1; + border: 1px solid #F48FB1; +} +.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + background: #f16c98; + color: #121212; + border-color: #f16c98; +} +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #f7b1c8; +} +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: #ed4980; + color: #121212; + border-color: #ed4980; +} +.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + background-color: transparent; + color: #F48FB1; + border: 1px solid; +} +.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + background: rgba(244, 143, 177, 0.04); + color: #F48FB1; + border: 1px solid; +} +.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(244, 143, 177, 0.16); + color: #F48FB1; + border: 1px solid; +} +.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + background-color: transparent; + color: #F48FB1; + border-color: transparent; +} +.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + background: rgba(244, 143, 177, 0.04); + border-color: transparent; + color: #F48FB1; +} +.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} + +.p-button.p-button-link { + color: #FFD54F; + background: transparent; + border: transparent; +} +.p-button.p-button-link:enabled:hover { + background: transparent; + color: #FFD54F; + border-color: transparent; +} +.p-button.p-button-link:enabled:hover .p-button-label { + text-decoration: underline; +} +.p-button.p-button-link:enabled:focus { + background: transparent; + box-shadow: 0 0 0 1px #ffe284; + border-color: transparent; +} +.p-button.p-button-link:enabled:active { + background: transparent; + color: #FFD54F; + border-color: transparent; +} + +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: rgba(255, 255, 255, 0.87); + color: #121212; +} +.p-speeddial-action:hover { + background: rgba(255, 255, 255, 0.6); + color: #121212; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +.p-splitbutton { + border-radius: 3px; +} +.p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #FFD54F; + border: 1px solid; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 213, 79, 0.04); + color: #FFD54F; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 213, 79, 0.16); + color: #FFD54F; +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #FFD54F; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 213, 79, 0.04); + color: #FFD54F; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 213, 79, 0.16); + color: #FFD54F; + border-color: transparent; +} +.p-splitbutton.p-button-text.p-button-plain > .p-button { + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-raised { + 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); +} +.p-splitbutton.p-button-rounded { + border-radius: 2rem; +} +.p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; +} +.p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; +} +.p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; +} +.p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; +} +.p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; +} + +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #78909C; + border: 1px solid; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(120, 144, 156, 0.04); + color: #78909C; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(120, 144, 156, 0.16); + color: #78909C; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #78909C; + border-color: transparent; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(120, 144, 156, 0.04); + border-color: transparent; + color: #78909C; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(120, 144, 156, 0.16); + border-color: transparent; + color: #78909C; +} + +.p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #81D4FA; + border: 1px solid; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(129, 212, 250, 0.04); + color: #81D4FA; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(129, 212, 250, 0.16); + color: #81D4FA; +} +.p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #81D4FA; + border-color: transparent; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(129, 212, 250, 0.04); + border-color: transparent; + color: #81D4FA; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(129, 212, 250, 0.16); + border-color: transparent; + color: #81D4FA; +} + +.p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #C5E1A5; + border: 1px solid; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(197, 225, 165, 0.04); + color: #C5E1A5; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(197, 225, 165, 0.16); + color: #C5E1A5; +} +.p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #C5E1A5; + border-color: transparent; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(197, 225, 165, 0.04); + border-color: transparent; + color: #C5E1A5; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(197, 225, 165, 0.16); + border-color: transparent; + color: #C5E1A5; +} + +.p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #FFE082; + border: 1px solid; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 224, 130, 0.04); + color: #FFE082; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 224, 130, 0.16); + color: #FFE082; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #FFE082; + border-color: transparent; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 224, 130, 0.04); + border-color: transparent; + color: #FFE082; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 224, 130, 0.16); + border-color: transparent; + color: #FFE082; +} + +.p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #CE93D8; + border: 1px solid; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; +} +.p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(206, 147, 216, 0.04); + border-color: transparent; + color: #CE93D8; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(206, 147, 216, 0.16); + border-color: transparent; + color: #CE93D8; +} + +.p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #F48FB1; + border: 1px solid; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(244, 143, 177, 0.04); + color: #F48FB1; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(244, 143, 177, 0.16); + color: #F48FB1; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #F48FB1; + border-color: transparent; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(244, 143, 177, 0.04); + border-color: transparent; + color: #F48FB1; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} + +.p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; +} +.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-carousel .p-carousel-content .p-carousel-prev:focus, +.p-carousel .p-carousel-content .p-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.p-carousel .p-carousel-indicators { + padding: 1rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #383838; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #4c4c4c; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); +} + +.p-datatable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +.p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-datatable .p-datatable-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-datatable .p-datatable-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #383838; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + transition: box-shadow 0.2s; +} +.p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #383838; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; +} +.p-datatable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column.p-highlight { + background: #1e1e1e; + color: #FFD54F; +} +.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #FFD54F; +} +.p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(255, 255, 255, 0.03); + color: #FFD54F; +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #FFD54F; +} +.p-datatable .p-sortable-column:focus { + box-shadow: inset 0 0 0 0.15rem #ffe284; + outline: 0 none; +} +.p-datatable .p-datatable-tbody > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; +} +.p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; +} +.p-datatable .p-datatable-tbody > tr:focus { + outline: 0.15rem solid #ffe284; + outline-offset: 0.15rem; +} +.p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(255, 213, 79, 0.16); +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(255, 213, 79, 0.16); +} +.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-column-resizer-helper { + background: #FFD54F; +} +.p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #1e1e1e; +} +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #1e1e1e; +} +.p-datatable .p-datatable-loading-icon { + font-size: 2rem; +} +.p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #242424; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; +} + +.p-dataview .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +.p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-dataview .p-dataview-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-dataview .p-dataview-content { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; +} +.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { + border: solid #383838; + border-width: 0 0 1px 0; +} +.p-dataview .p-dataview-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +.p-dataview .p-dataview-loading-icon { + font-size: 2rem; +} +.p-dataview .p-dataview-emptymessage { + padding: 1rem; +} + +.p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; +} + +.p-column-filter-menu-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-menu-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-column-filter-menu-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} + +.p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-clear-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-column-filter-clear-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} + +.p-column-filter-overlay { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + 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); + min-width: 12.5rem; +} +.p-column-filter-overlay .p-column-filter-row-items { + padding: 0.5rem 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #ffe284; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #383838; + margin: 0.25rem 0; +} + +.p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1rem; + border-bottom: 1px solid #383838; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; +} +.p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.5rem 1rem; +} +.p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1rem; +} + +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { + background: #1e1e1e; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-view-container td.fc-widget-content { + background: #1e1e1e; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #383838; +} +.fc.fc-unthemed .fc-view-container .fc-row { + border-right: 1px solid #383838; +} +.fc.fc-unthemed .fc-view-container .fc-event { + background: #ffcd2e; + border: 1px solid #ffcd2e; + color: #212529; +} +.fc.fc-unthemed .fc-view-container .fc-divider { + background: #1e1e1e; + border: 1px solid #383838; +} +.fc.fc-unthemed .fc-toolbar .fc-button { + color: #212529; + background: #FFD54F; + border: 1px solid #FFD54F; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + display: flex; + align-items: center; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { + background: #ffcd2e; + color: #212529; + border-color: #ffcd2e; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { + background: #ffc50c; + color: #212529; + border-color: #ffc50c; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-unthemed .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #1e1e1e; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #383838; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #FFD54F; + border-color: #FFD54F; + color: #212529; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #ffcd2e; + border-color: #ffcd2e; + color: #212529; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + z-index: 1; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #383838; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #1e1e1e; + border-color: #383838; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness td { + color: rgba(255, 255, 255, 0.87); + border-color: #383838; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #1e1e1e; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover { + background: none; + border: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { + border: 1px solid #383838; + padding: 1rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { + opacity: 1; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; + font-family: "PrimeIcons" !important; + font-size: 1rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { + content: "\e90b"; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { + padding: 1rem; + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #212529; + background: #ffcd2e; + border-color: #ffcd2e; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #212529; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: #ffcd2e; + border-color: #ffcd2e; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #1e1e1e; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #212529; + background: #FFD54F; + border: 1px solid #FFD54F; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: #ffcd2e; + color: #212529; + border-color: #ffcd2e; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: #ffc50c; + color: #212529; + border-color: #ffc50c; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.4; + color: #212529; + background: #FFD54F; + border: 1px solid #FFD54F; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #1e1e1e; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #383838; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #FFD54F; + border-color: #FFD54F; + color: #212529; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #ffcd2e; + border-color: #ffcd2e; + color: #212529; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.fc.fc-theme-standard a { + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); +} + +.p-orderlist .p-orderlist-controls { + padding: 1rem; +} +.p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; +} +.p-orderlist .p-orderlist-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + padding: 1rem; + border-bottom: 0 none; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; +} +.p-orderlist .p-orderlist-filter-container { + padding: 1rem; + background: #1e1e1e; + border: 1px solid #383838; + border-bottom: 0 none; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.5rem; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-orderlist .p-orderlist-list { + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; +} +.p-orderlist .p-orderlist-list .p-orderlist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #ffe284; +} +.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); +} +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); +} +.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: rgba(255, 255, 255, 0.01); +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); +} + +.p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 1rem; + 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); + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; +} + +.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(207, 157, 0, 0.16); +} +.p-organizationchart .p-organizationchart-line-down { + background: #383838; +} +.p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #383838; + border-color: #383838; +} +.p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #383838; + border-color: #383838; +} +.p-organizationchart .p-organizationchart-node-content { + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 1rem; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} + +.p-paginator { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + border: solid #383838; + border-width: 1px; + padding: 0.5rem 1rem; + border-radius: 3px; +} +.p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 2.286em; + height: 2.286em; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); +} +.p-paginator .p-paginator-first { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.286em; +} +.p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; +} +.p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; +} +.p-paginator .p-paginator-page-input .p-inputtext { + max-width: 2.286em; +} +.p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 2.286em; + height: 2.286em; + margin: 0.143rem; + padding: 0 0.5rem; +} +.p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 2.286em; + height: 2.286em; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(255, 213, 79, 0.16); + border-color: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); +} + +.p-picklist .p-picklist-buttons { + padding: 1rem; +} +.p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; +} +.p-picklist .p-picklist-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + padding: 1rem; + border-bottom: 0 none; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; +} +.p-picklist .p-picklist-filter-container { + padding: 1rem; + background: #1e1e1e; + border: 1px solid #383838; + border-bottom: 0 none; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.5rem; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-picklist .p-picklist-list { + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; +} +.p-picklist .p-picklist-list .p-picklist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #ffe284; +} +.p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); +} +.p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); +} +.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: rgba(255, 255, 255, 0.01); +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); +} + +.p-picklist-item.cdk-drag-preview { + padding: 0.5rem 1rem; + 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); + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; +} + +.p-timeline .p-timeline-event-marker { + border: 2px solid #FFD54F; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #1e1e1e; +} +.p-timeline .p-timeline-event-connector { + background-color: #383838; +} +.p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; +} +.p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; +} + +.p-tree { + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 1rem; + border-radius: 3px; +} +.p-tree .p-tree-container .p-treenode { + padding: 0.143rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 3px; + transition: box-shadow 0.2s; + padding: 0; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #ffe284; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; +} +.p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.5rem; +} +.p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-tree .p-treenode-children { + padding: 0 0 0 1rem; +} +.p-tree .p-tree-loading-icon { + font-size: 2rem; +} +.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(255, 197, 12, 0.16); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 3px; + border: 1px solid #383838; + background-color: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + transition: box-shadow 0.2s; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} + +.p-treetable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +.p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-treetable .p-treetable-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-treetable .p-treetable-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #383838; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + transition: box-shadow 0.2s; +} +.p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #383838; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; +} +.p-treetable .p-sortable-column { + outline-color: #ffe284; +} +.p-treetable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-sortable-column.p-highlight { + background: #1e1e1e; + color: #FFD54F; +} +.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #FFD54F; +} +.p-treetable .p-treetable-tbody > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; +} +.p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-treetable-tbody > tr:focus { + outline: 0.15rem solid #ffe284; + outline-offset: -0.15rem; +} +.p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-column-resizer-helper { + background: #FFD54F; +} +.p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #1e1e1e; +} +.p-treetable .p-treetable-loading-icon { + font-size: 2rem; +} +.p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.875rem 0.875rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 1.25rem 1.25rem; +} + +.p-virtualscroller .p-virtualscroller-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-virtualscroller .p-virtualscroller-content { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; +} +.p-virtualscroller .p-virtualscroller-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1rem; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; + border-radius: 3px; + transition: box-shadow 0.2s; +} +.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; +} +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: rgba(255, 255, 255, 0.03); + border-color: #383838; + color: rgba(255, 255, 255, 0.87); +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #1e1e1e; + border-color: #383838; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #383838; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-accordion .p-accordion-content { + padding: 1rem; + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; +} +.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; +} +.p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; +} +.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 none; +} +.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-top: 0 none; +} +.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +.p-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: 3px; +} +.p-card .p-card-body { + padding: 1rem; +} +.p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +.p-card .p-card-subtitle { + font-weight: 700; + margin-bottom: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-card .p-card-content { + padding: 1rem 0; +} +.p-card .p-card-footer { + padding: 1rem 0 0 0; +} + +.p-divider .p-divider-content { + background-color: #1e1e1e; +} +.p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +.p-divider.p-divider-horizontal:before { + border-top: 1px #383838; +} +.p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; +} +.p-divider.p-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; +} +.p-divider.p-divider-vertical:before { + border-left: 1px #383838; +} +.p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; +} + +.p-fieldset { + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; +} +.p-fieldset .p-fieldset-legend { + padding: 1rem; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; + border-radius: 3px; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; + transition: box-shadow 0.2s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #383838; + color: rgba(255, 255, 255, 0.87); +} +.p-fieldset .p-fieldset-content { + padding: 1rem; +} + +.p-panel .p-panel-header { + border: 1px solid #383838; + padding: 1rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-panel .p-panel-header .p-panel-title { + font-weight: 600; +} +.p-panel .p-panel-header .p-panel-header-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-panel .p-panel-header .p-panel-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.p-panel.p-panel-toggleable .p-panel-header { + padding: 0.5rem 1rem; +} +.p-panel .p-panel-content { + padding: 1rem; + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + border-top: 0 none; +} +.p-panel .p-panel-footer { + padding: 0.5rem 1rem; + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} +.p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; +} +.p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; +} +.p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; +} + +.p-scrollpanel .p-scrollpanel-bar { + background: #383838; + border: 0 none; +} + +.p-splitter { + border: 1px solid #383838; + background: #1e1e1e; + border-radius: 3px; + color: rgba(255, 255, 255, 0.87); +} +.p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: rgba(255, 255, 255, 0.03); +} +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #383838; +} +.p-splitter .p-splitter-gutter-resizing { + background: #383838; +} + +.p-tabview .p-tabview-nav { + background: transparent; + border: 1px solid #383838; + border-width: 0 0 2px 0; +} +.p-tabview .p-tabview-nav li { + margin-right: 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #383838; + border-width: 0 0 2px 0; + border-color: transparent transparent #383838 transparent; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + padding: 1rem; + font-weight: 600; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #ffe284; +} +.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #1e1e1e; + border-color: #FFD54F; + color: rgba(255, 255, 255, 0.87); +} +.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #1e1e1e; + border-color: #FFD54F; + color: #FFD54F; +} +.p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; +} +.p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-close { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-nav-btn.p-link { + background: #1e1e1e; + color: #FFD54F; + width: 2.357rem; + 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); + border-radius: 0; +} +.p-tabview .p-tabview-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #ffe284; +} +.p-tabview .p-tabview-panels { + background: #1e1e1e; + padding: 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +.p-toolbar { + background: #1e1e1e; + border: 1px solid #383838; + padding: 1rem; + border-radius: 3px; + gap: 0.5rem; +} +.p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; +} + +.p-confirm-popup { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + 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); +} +.p-confirm-popup .p-confirm-popup-content { + padding: 1rem; +} +.p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.5rem 1rem; +} +.p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; +} +.p-confirm-popup:after { + border: solid transparent; + border-color: rgba(30, 30, 30, 0); + border-bottom-color: #1e1e1e; +} +.p-confirm-popup:before { + border: solid transparent; + border-color: rgba(56, 56, 56, 0); + border-bottom-color: #383838; +} +.p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #1e1e1e; +} +.p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #383838; +} +.p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; +} +.p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; +} + +.p-dialog { + border-radius: 3px; + 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: 1px solid #383838; +} +.p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 1.5rem; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.25rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-dialog .p-dialog-header .p-dialog-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; +} +.p-dialog .p-dialog-content { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.5rem 2rem 1.5rem; +} +.p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-dialog .p-dialog-footer { + border-top: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; +} + +.p-overlaypanel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + 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); +} +.p-overlaypanel .p-overlaypanel-content { + padding: 1rem; +} +.p-overlaypanel .p-overlaypanel-close { + background: #FFD54F; + color: #212529; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + position: absolute; + top: -1rem; + right: -1rem; +} +.p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #ffcd2e; + color: #212529; +} +.p-overlaypanel:after { + border: solid transparent; + border-color: rgba(30, 30, 30, 0); + border-bottom-color: #1e1e1e; +} +.p-overlaypanel:before { + border: solid transparent; + border-color: rgba(56, 56, 56, 0); + border-bottom-color: #353535; +} +.p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #1e1e1e; +} +.p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #383838; +} + +.p-sidebar { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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); +} +.p-sidebar .p-sidebar-header { + padding: 1rem; +} +.p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-sidebar .p-sidebar-header .p-sidebar-close:focus, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; +} +.p-sidebar .p-sidebar-content { + padding: 1rem; +} +.p-sidebar .p-sidebar-footer { + padding: 1rem; +} + +.p-tooltip .p-tooltip-text { + background: #383838; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem 0.5rem; + 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); + border-radius: 3px; +} +.p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #383838; +} +.p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #383838; +} +.p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #383838; +} +.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #383838; +} + +.p-fileupload .p-fileupload-buttonbar { + background: #1e1e1e; + padding: 1rem; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + border-bottom: 0 none; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; +} +.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.p-fileupload .p-fileupload-content { + background: #1e1e1e; + padding: 2rem 1rem; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-fileupload .p-progressbar { + height: 0.25rem; +} +.p-fileupload .p-fileupload-row > div { + padding: 1rem 1rem; +} +.p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; +} + +.p-fileupload-choose:not(.p-disabled):hover { + background: #ffcd2e; + color: #212529; + border-color: #ffcd2e; +} +.p-fileupload-choose:not(.p-disabled):active { + background: #ffc50c; + color: #212529; + border-color: #ffc50c; +} + +.p-breadcrumb { + background: #1e1e1e; + border: 1px solid #383838; + border-radius: 3px; + padding: 1rem; +} +.p-breadcrumb ul li .p-menuitem-link { + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-breadcrumb ul li .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-breadcrumb ul li.p-breadcrumb-chevron { + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.87); +} +.p-breadcrumb ul li:last-child .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-breadcrumb ul li:last-child .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} + +.p-contextmenu { + padding: 0.25rem 0; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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); + border-radius: 3px; + width: 12.5rem; +} +.p-contextmenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-contextmenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-contextmenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #ffe284; +} +.p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #1e1e1e; + border: 1px solid #383838; + 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); + border-radius: 3px; +} +.p-contextmenu .p-menuitem { + margin: 0; +} +.p-contextmenu .p-menuitem:last-child { + margin: 0; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(255, 255, 255, 0.03); +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menu-separator { + border-top: 1px solid #383838; + margin: 0.25rem 0; +} +.p-contextmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-contextmenu .p-menuitem-badge { + background: #FFD54F; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + +@media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } +} +.p-megamenu { + padding: 0.5rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; + transition: box-shadow 0.2s; + user-select: none; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #ffe284; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-megamenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-megamenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #ffe284; +} +.p-megamenu .p-megamenu-panel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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); +} +.p-megamenu .p-megamenu-submenu-header { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-megamenu .p-megamenu-submenu { + padding: 0.25rem 0; + width: 12.5rem; +} +.p-megamenu .p-megamenu-submenu .p-menu-separator { + border-top: 1px solid #383838; + margin: 0.25rem 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem { + margin: 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(255, 255, 255, 0.03); +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem { + margin: 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem-badge { + background: #FFD54F; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menu { + padding: 0.25rem 0; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + width: 12.5rem; +} +.p-menu .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #ffe284; +} +.p-menu.p-menu-overlay { + background: #1e1e1e; + border: 1px solid #383838; + 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); +} +.p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.p-menu .p-menu-separator { + border-top: 1px solid #383838; + margin: 0.25rem 0; +} +.p-menu .p-menuitem { + margin: 0; +} +.p-menu .p-menuitem:last-child { + margin: 0; +} +.p-menu .p-menuitem-badge { + background: #FFD54F; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menubar { + padding: 0.5rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; +} +.p-menubar .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menubar .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menubar .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #ffe284; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #ffe284; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-submenu-list { + padding: 0.25rem 0; + background: #1e1e1e; + border: 1px solid #383838; + 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); + width: 12.5rem; +} +.p-menubar .p-submenu-list .p-menu-separator { + border-top: 1px solid #383838; + margin: 0.25rem 0; +} +.p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; +} +.p-menubar .p-submenu-list .p-menuitem { + margin: 0; +} +.p-menubar .p-submenu-list .p-menuitem:last-child { + margin: 0; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(255, 255, 255, 0.03); +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-badge { + background: #FFD54F; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +@media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0; + background: #1e1e1e; + border: 1px solid #383838; + 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); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menu-separator { + border-top: 1px solid #383838; + margin: 0.25rem 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #ffe284; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } +} +.p-panelmenu .p-panelmenu-header > a { + padding: 1rem; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; + border-radius: 3px; + transition: box-shadow 0.2s; +} +.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #383838; + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-header.p-highlight { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight > a { + background: #1e1e1e; + border-color: #383838; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + border-color: #383838; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0; + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + margin-bottom: 0; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #ffe284; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { + padding: 0 0 0 1rem; +} +.p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { + border-radius: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; +} +.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { + border-top: 0 none; +} +.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { + border-top: 0 none; +} +.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-panelmenu .p-menuitem-badge { + background: #FFD54F; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-slidemenu { + padding: 0.25rem 0; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + width: 12.5rem; +} +.p-slidemenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-slidemenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-slidemenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #ffe284; +} +.p-slidemenu.p-slidemenu-overlay { + background: #1e1e1e; + border: 1px solid #383838; + 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); +} +.p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0; + background: #1e1e1e; + border: 1px solid #383838; + 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); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { + background: rgba(255, 255, 255, 0.03); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-slidemenu-separator { + border-top: 1px solid #383838; + margin: 0.25rem 0; +} +.p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; +} +.p-slidemenu .p-slidemenu-backward { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-badge { + background: #FFD54F; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: box-shadow 0.2s; + border-radius: 3px; + background: transparent; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: rgba(255, 255, 255, 0.87); + border: 0 none; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 600; + color: rgba(255, 255, 255, 0.87); +} +.p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #383838; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; +} + +.p-tabmenu .p-tabmenu-nav { + background: transparent; + border: 1px solid #383838; + border-width: 0 0 2px 0; +} +.p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #FFD54F; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #383838; + border-width: 0 0 2px 0; + border-color: transparent transparent #383838 transparent; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + padding: 1rem; + font-weight: 600; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #ffe284; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #1e1e1e; + border-color: #FFD54F; + color: rgba(255, 255, 255, 0.87); +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #1e1e1e; + border-color: #FFD54F; + color: #FFD54F; +} +.p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #1e1e1e; + color: #FFD54F; + width: 2.357rem; + 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); + border-radius: 0; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #ffe284; +} + +.p-tieredmenu { + padding: 0.25rem 0; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + width: 12.5rem; +} +.p-tieredmenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-tieredmenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-tieredmenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #ffe284; +} +.p-tieredmenu.p-tieredmenu-overlay { + background: #1e1e1e; + border: 1px solid #383838; + 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); +} +.p-tieredmenu .p-submenu-list { + padding: 0.25rem 0; + background: #1e1e1e; + border: 1px solid #383838; + 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); +} +.p-tieredmenu .p-menuitem { + margin: 0; +} +.p-tieredmenu .p-menuitem:last-child { + margin: 0; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(255, 255, 255, 0.03); +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menu-separator { + border-top: 1px solid #383838; + margin: 0.25rem 0; +} +.p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-tieredmenu .p-menuitem-badge { + background: #FFD54F; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-inline-message { + padding: 0.5rem 0.5rem; + margin: 0; + border-radius: 3px; +} +.p-inline-message.p-inline-message-info { + background: #B3E5FC; + border: solid #0891cf; + border-width: 1px; + color: #044868; +} +.p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #044868; +} +.p-inline-message.p-inline-message-success { + background: #C8E6C9; + border: solid #439446; + border-width: 1px; + color: #224a23; +} +.p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #224a23; +} +.p-inline-message.p-inline-message-warn { + background: #FFECB3; + border: solid #d9a300; + border-width: 1px; + color: #6d5100; +} +.p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #6d5100; +} +.p-inline-message.p-inline-message-error { + background: #FFCDD2; + border: solid #e60017; + border-width: 1px; + color: #73000c; +} +.p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #73000c; +} +.p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; +} +.p-inline-message .p-inline-message-text { + font-size: 1rem; +} +.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; +} + +.p-message { + margin: 1rem 0; + border-radius: 3px; +} +.p-message .p-message-wrapper { + padding: 1rem 1.5rem; +} +.p-message .p-message-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-message .p-message-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.p-message.p-message-info { + background: #B3E5FC; + border: solid #0891cf; + border-width: 0 0 0 6px; + color: #044868; +} +.p-message.p-message-info .p-message-icon { + color: #044868; +} +.p-message.p-message-info .p-message-close { + color: #044868; +} +.p-message.p-message-success { + background: #C8E6C9; + border: solid #439446; + border-width: 0 0 0 6px; + color: #224a23; +} +.p-message.p-message-success .p-message-icon { + color: #224a23; +} +.p-message.p-message-success .p-message-close { + color: #224a23; +} +.p-message.p-message-warn { + background: #FFECB3; + border: solid #d9a300; + border-width: 0 0 0 6px; + color: #6d5100; +} +.p-message.p-message-warn .p-message-icon { + color: #6d5100; +} +.p-message.p-message-warn .p-message-close { + color: #6d5100; +} +.p-message.p-message-error { + background: #FFCDD2; + border: solid #e60017; + border-width: 0 0 0 6px; + color: #73000c; +} +.p-message.p-message-error .p-message-icon { + color: #73000c; +} +.p-message.p-message-error .p-message-close { + color: #73000c; +} +.p-message .p-message-text { + font-size: 1rem; + font-weight: 500; +} +.p-message .p-message-icon { + font-size: 1.5rem; + margin-right: 0.5rem; +} +.p-message .p-message-summary { + font-weight: 700; +} +.p-message .p-message-detail { + margin-left: 0.5rem; +} + +.p-toast { + opacity: 0.9; +} +.p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: none; + border-radius: 3px; +} +.p-toast .p-toast-message .p-toast-message-content { + padding: 1rem; + border-width: 0 0 0 6px; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 1rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 2rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 700; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; +} +.p-toast .p-toast-message .p-toast-icon-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-toast .p-toast-message .p-toast-icon-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.p-toast .p-toast-message.p-toast-message-info { + background: #B3E5FC; + border: solid #0891cf; + border-width: 0 0 0 6px; + color: #044868; +} +.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #044868; +} +.p-toast .p-toast-message.p-toast-message-success { + background: #C8E6C9; + border: solid #439446; + border-width: 0 0 0 6px; + color: #224a23; +} +.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #224a23; +} +.p-toast .p-toast-message.p-toast-message-warn { + background: #FFECB3; + border: solid #d9a300; + border-width: 0 0 0 6px; + color: #6d5100; +} +.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #6d5100; +} +.p-toast .p-toast-message.p-toast-message-error { + background: #FFCDD2; + border: solid #e60017; + border-width: 0 0 0 6px; + color: #73000c; +} +.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #73000c; +} + +.p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-item-nav { + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 3px; + margin: 0 0.5rem; +} +.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f8f9fa; + padding: 1rem; +} +.p-galleria .p-galleria-indicators { + padding: 1rem; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #383838; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #4c4c4c; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; +} +.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f8f9fa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} + +.p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-preview-indicator { + background-color: transparent; + color: #f8f9fa; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} + +.p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); +} + +.p-image-toolbar { + padding: 1rem; +} + +.p-image-action.p-link { + color: #f8f9fa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-image-action.p-link:last-child { + margin-right: 0; +} +.p-image-action.p-link:hover { + color: #f8f9fa; + background-color: rgba(255, 255, 255, 0.1); +} +.p-image-action.p-link i { + font-size: 1.5rem; +} + +.p-avatar { + background-color: #383838; + border-radius: 3px; +} +.p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +.p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; +} +.p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +.p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; +} + +.p-avatar-group .p-avatar { + border: 2px solid #1e1e1e; +} + +.p-badge { + background: #FFD54F; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +.p-badge.p-badge-secondary { + background-color: #78909C; + color: #ffffff; +} +.p-badge.p-badge-success { + background-color: #C5E1A5; + color: #121212; +} +.p-badge.p-badge-info { + background-color: #81D4FA; + color: #121212; +} +.p-badge.p-badge-warning { + background-color: #FFE082; + color: #121212; +} +.p-badge.p-badge-danger { + background-color: #F48FB1; + color: #121212; +} +.p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +.p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} + +.p-chip { + background-color: #383838; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + padding: 0 0.5rem; +} +.p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} +.p-chip .p-chip-icon { + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; +} +.p-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.5rem; + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} + +.p-inplace .p-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} + +.p-progressbar { + border: 0 none; + height: 1.5rem; + background: #383838; + border-radius: 3px; +} +.p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #FFD54F; +} +.p-progressbar .p-progressbar-label { + color: #212529; + line-height: 1.5rem; +} + +.p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + 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); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-scrolltop.p-link { + background: rgba(255, 213, 79, 0.16); +} +.p-scrolltop.p-link:hover { + background: rgba(255, 213, 79, 0.3616); +} +.p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: rgba(255, 255, 255, 0.87); +} + +.p-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 3px; +} +.p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); +} + +.p-tag { + background: #FFD54F; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 3px; +} +.p-tag.p-tag-success { + background-color: #C5E1A5; + color: #121212; +} +.p-tag.p-tag-info { + background-color: #81D4FA; + color: #121212; +} +.p-tag.p-tag-warning { + background-color: #FFE082; + color: #121212; +} +.p-tag.p-tag-danger { + background-color: #F48FB1; + color: #121212; +} +.p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +.p-terminal { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + padding: 1rem; +} +.p-terminal .p-terminal-input { + font-size: 1rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; +} + +/* Customizations to the designer theme should be defined here */ +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #FFD54F; +} + +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #FFD54F; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #FFD54F; +} + +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #FFD54F; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #FFD54F; +} diff --git a/assets/layout/styles/theme/arya-orange/theme.css.br b/assets/layout/styles/theme/arya-orange/theme.css.br new file mode 100644 index 0000000..9e6aec1 Binary files /dev/null and b/assets/layout/styles/theme/arya-orange/theme.css.br differ diff --git a/assets/layout/styles/theme/arya-orange/theme.css.gz b/assets/layout/styles/theme/arya-orange/theme.css.gz new file mode 100644 index 0000000..9e3fc1d Binary files /dev/null and b/assets/layout/styles/theme/arya-orange/theme.css.gz differ diff --git a/assets/layout/styles/theme/arya-purple/theme.css b/assets/layout/styles/theme/arya-purple/theme.css new file mode 100644 index 0000000..37e8465 --- /dev/null +++ b/assets/layout/styles/theme/arya-purple/theme.css @@ -0,0 +1,6307 @@ +:root { + --surface-a:#1e1e1e; + --surface-b:#121212; + --surface-c:rgba(255, 255, 255, 0.03); + --surface-d:#383838; + --surface-e:#1e1e1e; + --surface-f:#1e1e1e; + --text-color:rgba(255, 255, 255, 0.87); + --text-color-secondary:rgba(255, 255, 255, 0.6); + --primary-color:#BA68C8; + --primary-color-text:#ffffff; + --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --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:3px; + --surface-ground:#121212; + --surface-section:#121212; + --surface-card:#1e1e1e; + --surface-overlay:#1e1e1e; + --surface-border:#383838; + --surface-hover:rgba(255,255,255,.03); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 1px #cf95d9; + color-scheme: dark; +} + +* { + box-sizing: border-box; +} + +.p-component { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + font-weight: normal; +} + +.p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; +} + +.p-disabled, .p-component:disabled { + opacity: 0.4; +} + +.p-error { + color: #ef9a9a; +} + +.p-text-secondary { + color: rgba(255, 255, 255, 0.6); +} + +.pi { + font-size: 1rem; +} + +.p-link { + font-size: 1rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + border-radius: 3px; +} +.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} + +.p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; +} + +.p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; +} + +@keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } +} +@keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } +} + +: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:#f6fbf6; + --green-100:#d4ecd5; + --green-200:#b2ddb4; + --green-300:#90cd93; + --green-400:#6ebe71; + --green-500:#4caf50; + --green-600:#419544; + --green-700:#357b38; + --green-800:#2a602c; + --green-900:#1e4620; + --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:#f5f6fb; + --indigo-100:#d1d5ed; + --indigo-200:#acb4df; + --indigo-300:#8893d1; + --indigo-400:#6372c3; + --indigo-500:#3f51b5; + --indigo-600:#36459a; + --indigo-700:#2c397f; + --indigo-800:#232d64; + --indigo-900:#192048; + --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:#fff8f2; + --orange-100:#fde0c2; + --orange-200:#fbc791; + --orange-300:#f9ae61; + --orange-400:#f79530; + --orange-500:#f57c00; + --orange-600:#d06900; + --orange-700:#ac5700; + --orange-800:#874400; + --orange-900:#623200; + --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:#fff5f5; + --red-100:#ffd1ce; + --red-200:#ffada7; + --red-300:#ff8980; + --red-400:#ff6459; + --red-500:#ff4032; + --red-600:#d9362b; + --red-700:#b32d23; + --red-800:#8c231c; + --red-900:#661a14; + --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; +} + +.p-autocomplete .p-autocomplete-loader { + right: 0.5rem; +} +.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 2.857rem; +} +.p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; + gap: 0.5rem; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + border-color: #BA68C8; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + border-color: #BA68C8; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.25rem 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.5rem; + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; +} + +p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #ef9a9a; +} + +.p-autocomplete-panel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + 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); +} +.p-autocomplete-panel .p-autocomplete-items { + padding: 0.5rem 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; +} + +p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2rem; +} +p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; +} + +p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.857rem; +} + +p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #ef9a9a; +} + +.p-datepicker { + padding: 0.5rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; +} +.p-datepicker:not(.p-datepicker-inline) { + background: #1e1e1e; + border: 1px solid #383838; + 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); +} +.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #1e1e1e; +} +.p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; + margin: 0; + border-bottom: 1px solid #383838; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 2rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + font-weight: 600; + padding: 0.5rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #BA68C8; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; +} +.p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0; +} +.p-datepicker table th { + padding: 0.5rem; +} +.p-datepicker table th > span { + width: 2.5rem; + height: 2.5rem; +} +.p-datepicker table td { + padding: 0.5rem; +} +.p-datepicker table td > span { + width: 2.5rem; + height: 2.5rem; + border-radius: 50%; + transition: box-shadow 0.2s; + border: 1px solid transparent; +} +.p-datepicker table td > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); +} +.p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.p-datepicker table td.p-datepicker-today > span { + background: transparent; + color: #BA68C8; + border-color: transparent; +} +.p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); +} +.p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #383838; +} +.p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; +} +.p-datepicker .p-timepicker { + border-top: 1px solid #383838; + padding: 0.5rem; +} +.p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-timepicker button:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker .p-timepicker button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; +} +.p-datepicker .p-timepicker span { + font-size: 1.25rem; +} +.p-datepicker .p-timepicker > div { + padding: 0 0.5rem; +} +.p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; +} +.p-datepicker .p-monthpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.5rem; + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); +} +.p-datepicker .p-yearpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.5rem; + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #383838; + padding-right: 0.5rem; + padding-left: 0.5rem; + padding-top: 0; + padding-bottom: 0; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} + +p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2rem; +} +p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; +} + +p-calendar.p-calendar-clearable.p-calendar-w-btn .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.857rem; +} + +@media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } +} +.p-cascadeselect { + background: #121212; + border: 1px solid #383838; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-cascadeselect:not(.p-disabled):hover { + border-color: #BA68C8; +} +.p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + border-color: #BA68C8; +} +.p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.5rem; +} +.p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-cascadeselect-panel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + 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); +} +.p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.5rem 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 1rem; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #cf95d9; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; +} + +p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #ef9a9a; +} + +.p-input-filled .p-cascadeselect { + background: #383838; +} +.p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #383838; +} +.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #383838; +} + +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.5rem; +} +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; +} + +.p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; +} +.p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); +} + +.p-checkbox { + width: 20px; + height: 20px; +} +.p-checkbox .p-checkbox-box { + border: 2px solid #383838; + background: #121212; + width: 20px; + height: 20px; + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #ffffff; + font-size: 14px; +} +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #BA68C8; + background: #BA68C8; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #BA68C8; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + border-color: #BA68C8; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #a241b2; + background: #a241b2; + color: #ffffff; +} + +p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #ef9a9a; +} + +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #383838; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #BA68C8; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #383838; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #a241b2; +} + +.p-checkbox-label { + margin-left: 0.5rem; +} + +.p-chips .p-chips-multiple-container { + padding: 0.25rem 0.5rem; + gap: 0.5rem; +} +.p-chips .p-chips-multiple-container:not(.p-disabled):hover { + border-color: #BA68C8; +} +.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + border-color: #BA68C8; +} +.p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.5rem; + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; +} +.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; +} +.p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.25rem 0; +} +.p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; +} + +p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #ef9a9a; +} + +p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.5rem; +} +p-chips.p-chips-clearable .p-chips-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; +} + +.p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; +} + +.p-colorpicker-panel { + background: #1e1e1e; + border: 1px solid #383838; +} +.p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: rgba(255, 255, 255, 0.87); +} + +.p-colorpicker-overlay-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); +} + +.p-dropdown { + background: #121212; + border: 1px solid #383838; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-dropdown:not(.p-disabled):hover { + border-color: #BA68C8; +} +.p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + border-color: #BA68C8; +} +.p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.5rem; +} +.p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; +} +.p-dropdown .p-dropdown-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-dropdown .p-dropdown-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.p-dropdown .p-dropdown-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; +} + +.p-dropdown-panel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + 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); +} +.p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.5rem; + margin-right: -1.5rem; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-dropdown-panel .p-dropdown-items { + padding: 0.5rem 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; +} + +p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #ef9a9a; +} + +.p-input-filled .p-dropdown { + background: #383838; +} +.p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #383838; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #383838; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; +} + +.p-editor-container .p-editor-toolbar { + background: #1e1e1e; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #383838; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #1e1e1e; + border: 1px solid #383838; + 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); + border-radius: 3px; + padding: 0.5rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #383838; +} +.p-editor-container .p-editor-content .ql-editor { + background: #121212; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #BA68C8; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #BA68C8; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #BA68C8; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #BA68C8; +} + +.p-inputgroup-addon { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + border-top: 1px solid #383838; + border-left: 1px solid #383838; + border-bottom: 1px solid #383838; + padding: 0.5rem 0.5rem; + min-width: 2.357rem; +} +.p-inputgroup-addon:last-child { + border-right: 1px solid #383838; +} + +.p-inputgroup > .p-component, +.p-inputgroup > .p-element, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; +} +.p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-element + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; +} +.p-inputgroup > .p-component:focus, +.p-inputgroup > .p-element:focus, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; +} +.p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-element:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; +} + +.p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} + +.p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} + +.p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-fluid .p-inputgroup .p-button { + width: auto; +} +.p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.357rem; +} + +p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #ef9a9a; +} + +p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2rem; +} +p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; +} + +p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #ef9a9a; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 2.857rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 2.857rem; +} + +.p-inputswitch { + width: 3rem; + height: 1.75rem; +} +.p-inputswitch .p-inputswitch-slider { + background: #383838; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; +} +.p-inputswitch .p-inputswitch-slider:before { + background: rgba(255, 255, 255, 0.6); + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition-duration: 0.2s; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1.25rem); +} +.p-inputswitch.p-focus .p-inputswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: rgba(255, 255, 255, 0.03); +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #BA68C8; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: rgba(255, 255, 255, 0.87); +} +.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #b052c0; +} + +p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + border-color: #ef9a9a; +} + +.p-inputtext { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + background: #121212; + padding: 0.5rem 0.5rem; + border: 1px solid #383838; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + appearance: none; + border-radius: 3px; +} +.p-inputtext:enabled:hover { + border-color: #BA68C8; +} +.p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + border-color: #BA68C8; +} +.p-inputtext.ng-dirty.ng-invalid { + border-color: #ef9a9a; +} +.p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.4375rem; +} +.p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.625rem; +} + +.p-float-label > label { + left: 0.5rem; + color: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; +} + +.p-float-label > .ng-invalid.ng-dirty + label { + color: #ef9a9a; +} + +.p-input-icon-left > i:first-of-type { + left: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} + +.p-input-icon-left > .p-inputtext { + padding-left: 2rem; +} + +.p-input-icon-left.p-float-label > label { + left: 2rem; +} + +.p-input-icon-right > i:last-of-type { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} + +.p-input-icon-right > .p-inputtext { + padding-right: 2rem; +} + +::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +:-moz-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +.p-input-filled .p-inputtext { + background-color: #383838; +} +.p-input-filled .p-inputtext:enabled:hover { + background-color: #383838; +} +.p-input-filled .p-inputtext:enabled:focus { + background-color: #383838; +} + +.p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.4375rem; +} + +.p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.625rem; +} + +.p-listbox { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; +} +.p-listbox .p-listbox-header { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.5rem; +} +.p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list { + padding: 0.5rem 0; +} +.p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); +} +.p-listbox .p-listbox-list .p-listbox-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #cf95d9; +} +.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; +} +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} + +p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #ef9a9a; +} + +.p-multiselect { + background: #121212; + border: 1px solid #383838; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-multiselect:not(.p-disabled):hover { + border-color: #BA68C8; +} +.p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + border-color: #BA68C8; +} +.p-multiselect .p-multiselect-label { + padding: 0.5rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-multiselect .p-multiselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-multiselect.p-multiselect-chip .p-multiselect-label { + gap: 0.5rem; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.5rem; + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; +} +.p-multiselect .p-multiselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.5rem; +} + +.p-multiselect-panel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + 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); +} +.p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.5rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.p-multiselect-panel .p-multiselect-items { + padding: 0.5rem 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #cf95d9; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} + +p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #ef9a9a; +} + +.p-input-filled .p-multiselect { + background: #383838; +} +.p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #383838; +} +.p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #383838; +} + +p-multiselect.p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.5rem; +} +p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; +} + +p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #ef9a9a; +} + +.p-password-panel { + padding: 1rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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); + border-radius: 3px; +} +.p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #383838; +} +.p-password-panel .p-password-meter .p-password-strength.weak { + background: #F48FB1; +} +.p-password-panel .p-password-meter .p-password-strength.medium { + background: #FFE082; +} +.p-password-panel .p-password-meter .p-password-strength.strong { + background: #C5E1A5; +} + +p-password.p-password-clearable .p-password-input { + padding-right: 2rem; +} +p-password.p-password-clearable .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; +} + +p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 3.5rem; +} +p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2rem; +} + +.p-radiobutton { + width: 20px; + height: 20px; +} +.p-radiobutton .p-radiobutton-box { + border: 2px solid #383838; + background: #121212; + width: 20px; + height: 20px; + color: rgba(255, 255, 255, 0.87); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #BA68C8; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + border-color: #BA68C8; +} +.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 12px; + height: 12px; + transition-duration: 0.2s; + background-color: #ffffff; +} +.p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #BA68C8; + background: #BA68C8; +} +.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #a241b2; + background: #a241b2; + color: #ffffff; +} + +p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #ef9a9a; +} + +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #383838; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #383838; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #BA68C8; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #a241b2; +} + +.p-radiobutton-label { + margin-left: 0.5rem; +} + +.p-rating .p-rating-icon { + color: rgba(255, 255, 255, 0.87); + margin-left: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + font-size: 1.143rem; +} +.p-rating .p-rating-icon.p-rating-cancel { + color: #F48FB1; +} +.p-rating .p-rating-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.p-rating .p-rating-icon:first-child { + margin-left: 0; +} +.p-rating .p-rating-icon.pi-star-fill { + color: #BA68C8; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + color: #BA68C8; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + color: #F48FB1; +} + +.p-selectbutton .p-button { + background: #1e1e1e; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #383838; + color: rgba(255, 255, 255, 0.87); +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-selectbutton .p-button.p-highlight { + background: #BA68C8; + border-color: #BA68C8; + color: #ffffff; +} +.p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #ffffff; +} +.p-selectbutton .p-button.p-highlight:hover { + background: #b052c0; + border-color: #b052c0; + color: #ffffff; +} +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; +} + +p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #ef9a9a; +} + +.p-slider { + background: #383838; + border: 0 none; + border-radius: 3px; +} +.p-slider.p-slider-horizontal { + height: 0.286rem; +} +.p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -0.5715rem; + margin-left: -0.5715rem; +} +.p-slider.p-slider-vertical { + width: 0.286rem; +} +.p-slider.p-slider-vertical .p-slider-handle { + margin-left: -0.5715rem; + margin-bottom: -0.5715rem; +} +.p-slider .p-slider-handle { + height: 1.143rem; + width: 1.143rem; + background: #383838; + border: 2px solid #BA68C8; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.p-slider .p-slider-range { + background: #BA68C8; +} +.p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #BA68C8; + border-color: #BA68C8; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; +} + +.p-togglebutton.p-button { + background: #1e1e1e; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #383838; + color: rgba(255, 255, 255, 0.87); +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-togglebutton.p-button.p-highlight { + background: #BA68C8; + border-color: #BA68C8; + color: #ffffff; +} +.p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #ffffff; +} +.p-togglebutton.p-button.p-highlight:hover { + background: #b052c0; + border-color: #b052c0; + color: #ffffff; +} +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; +} + +p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #ef9a9a; +} + +.p-treeselect { + background: #121212; + border: 1px solid #383838; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-treeselect:not(.p-disabled):hover { + border-color: #BA68C8; +} +.p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + border-color: #BA68C8; +} +.p-treeselect .p-treeselect-label { + padding: 0.5rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-treeselect .p-treeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.5rem; + margin-right: 0.5rem; + background: #383838; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; +} +.p-treeselect .p-treeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #ef9a9a; +} + +.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.5rem; +} + +.p-treeselect-panel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + 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); +} +.p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} + +.p-input-filled .p-treeselect { + background: #383838; +} +.p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #383838; +} +.p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #383838; +} + +p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.5rem; +} +p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; +} + +.p-button { + color: #ffffff; + background: #BA68C8; + border: 1px solid #BA68C8; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-button:enabled:hover { + background: #b052c0; + color: #ffffff; + border-color: #b052c0; +} +.p-button:enabled:active { + background: #a241b2; + color: #ffffff; + border-color: #a241b2; +} +.p-button.p-button-outlined { + background-color: transparent; + color: #BA68C8; + border: 1px solid; +} +.p-button.p-button-outlined:enabled:hover { + background: rgba(186, 104, 200, 0.04); + color: #BA68C8; + border: 1px solid; +} +.p-button.p-button-outlined:enabled:active { + background: rgba(186, 104, 200, 0.16); + color: #BA68C8; + border: 1px solid; +} +.p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text { + background-color: transparent; + color: #BA68C8; + border-color: transparent; +} +.p-button.p-button-text:enabled:hover { + background: rgba(186, 104, 200, 0.04); + color: #BA68C8; + border-color: transparent; +} +.p-button.p-button-text:enabled:active { + background: rgba(186, 104, 200, 0.16); + color: #BA68C8; + border-color: transparent; +} +.p-button.p-button-text.p-button-plain { + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.p-button .p-button-label { + transition-duration: 0.2s; +} +.p-button .p-button-icon-left { + margin-right: 0.5rem; +} +.p-button .p-button-icon-right { + margin-left: 0.5rem; +} +.p-button .p-button-icon-bottom { + margin-top: 0.5rem; +} +.p-button .p-button-icon-top { + margin-bottom: 0.5rem; +} +.p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #BA68C8; + background-color: #ffffff; +} +.p-button.p-button-raised { + 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); +} +.p-button.p-button-rounded { + border-radius: 2rem; +} +.p-button.p-button-icon-only { + width: 2.357rem; + padding: 0.5rem 0; +} +.p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; +} +.p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.357rem; +} +.p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; +} +.p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; +} +.p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; +} +.p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; +} +.p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; +} +.p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; +} + +.p-fluid .p-button { + width: 100%; +} +.p-fluid .p-button-icon-only { + width: 2.357rem; +} +.p-fluid .p-buttonset { + display: flex; +} +.p-fluid .p-buttonset .p-button { + flex: 1; +} + +.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + color: #ffffff; + background: #78909C; + border: 1px solid #78909C; +} +.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + background: #69838f; + color: #ffffff; + border-color: #69838f; +} +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #a1b1ba; +} +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: #5d747f; + color: #ffffff; + border-color: #5d747f; +} +.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + background-color: transparent; + color: #78909C; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + background: rgba(120, 144, 156, 0.04); + color: #78909C; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(120, 144, 156, 0.16); + color: #78909C; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + background-color: transparent; + color: #78909C; + border-color: transparent; +} +.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + background: rgba(120, 144, 156, 0.04); + border-color: transparent; + color: #78909C; +} +.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + background: rgba(120, 144, 156, 0.16); + border-color: transparent; + color: #78909C; +} + +.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #121212; + background: #81D4FA; + border: 1px solid #81D4FA; +} +.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + background: #5dc8f9; + color: #121212; + border-color: #5dc8f9; +} +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #a7e1fc; +} +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: #38bbf7; + color: #121212; + border-color: #38bbf7; +} +.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + background-color: transparent; + color: #81D4FA; + border: 1px solid; +} +.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + background: rgba(129, 212, 250, 0.04); + color: #81D4FA; + border: 1px solid; +} +.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(129, 212, 250, 0.16); + color: #81D4FA; + border: 1px solid; +} +.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + background-color: transparent; + color: #81D4FA; + border-color: transparent; +} +.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + background: rgba(129, 212, 250, 0.04); + border-color: transparent; + color: #81D4FA; +} +.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + background: rgba(129, 212, 250, 0.16); + border-color: transparent; + color: #81D4FA; +} + +.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #121212; + background: #C5E1A5; + border: 1px solid #C5E1A5; +} +.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + background: #b2d788; + color: #121212; + border-color: #b2d788; +} +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #d6eac0; +} +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: #9fce6b; + color: #121212; + border-color: #9fce6b; +} +.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + background-color: transparent; + color: #C5E1A5; + border: 1px solid; +} +.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + background: rgba(197, 225, 165, 0.04); + color: #C5E1A5; + border: 1px solid; +} +.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(197, 225, 165, 0.16); + color: #C5E1A5; + border: 1px solid; +} +.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + background-color: transparent; + color: #C5E1A5; + border-color: transparent; +} +.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + background: rgba(197, 225, 165, 0.04); + border-color: transparent; + color: #C5E1A5; +} +.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + background: rgba(197, 225, 165, 0.16); + border-color: transparent; + color: #C5E1A5; +} + +.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #121212; + background: #FFE082; + border: 1px solid #FFE082; +} +.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + background: #ffd65c; + color: #121212; + border-color: #ffd65c; +} +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #ffe9a8; +} +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: #ffcd35; + color: #121212; + border-color: #ffcd35; +} +.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + background-color: transparent; + color: #FFE082; + border: 1px solid; +} +.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + background: rgba(255, 224, 130, 0.04); + color: #FFE082; + border: 1px solid; +} +.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(255, 224, 130, 0.16); + color: #FFE082; + border: 1px solid; +} +.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + background-color: transparent; + color: #FFE082; + border-color: transparent; +} +.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + background: rgba(255, 224, 130, 0.04); + border-color: transparent; + color: #FFE082; +} +.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + background: rgba(255, 224, 130, 0.16); + border-color: transparent; + color: #FFE082; +} + +.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #121212; + background: #CE93D8; + border: 1px solid #CE93D8; +} +.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + background: #c278ce; + color: #121212; + border-color: #c278ce; +} +.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #ddb3e4; +} +.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: #b65ec5; + color: #121212; + border-color: #b65ec5; +} +.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + background-color: transparent; + color: #CE93D8; + border: 1px solid; +} +.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; + border: 1px solid; +} +.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border: 1px solid; +} +.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + background: rgba(206, 147, 216, 0.04); + border-color: transparent; + color: #CE93D8; +} +.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + background: rgba(206, 147, 216, 0.16); + border-color: transparent; + color: #CE93D8; +} + +.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #121212; + background: #F48FB1; + border: 1px solid #F48FB1; +} +.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + background: #f16c98; + color: #121212; + border-color: #f16c98; +} +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #f7b1c8; +} +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: #ed4980; + color: #121212; + border-color: #ed4980; +} +.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + background-color: transparent; + color: #F48FB1; + border: 1px solid; +} +.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + background: rgba(244, 143, 177, 0.04); + color: #F48FB1; + border: 1px solid; +} +.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(244, 143, 177, 0.16); + color: #F48FB1; + border: 1px solid; +} +.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + background-color: transparent; + color: #F48FB1; + border-color: transparent; +} +.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + background: rgba(244, 143, 177, 0.04); + border-color: transparent; + color: #F48FB1; +} +.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} + +.p-button.p-button-link { + color: #BA68C8; + background: transparent; + border: transparent; +} +.p-button.p-button-link:enabled:hover { + background: transparent; + color: #BA68C8; + border-color: transparent; +} +.p-button.p-button-link:enabled:hover .p-button-label { + text-decoration: underline; +} +.p-button.p-button-link:enabled:focus { + background: transparent; + box-shadow: 0 0 0 1px #cf95d9; + border-color: transparent; +} +.p-button.p-button-link:enabled:active { + background: transparent; + color: #BA68C8; + border-color: transparent; +} + +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: rgba(255, 255, 255, 0.87); + color: #121212; +} +.p-speeddial-action:hover { + background: rgba(255, 255, 255, 0.6); + color: #121212; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +.p-splitbutton { + border-radius: 3px; +} +.p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #BA68C8; + border: 1px solid; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(186, 104, 200, 0.04); + color: #BA68C8; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(186, 104, 200, 0.16); + color: #BA68C8; +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #BA68C8; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(186, 104, 200, 0.04); + color: #BA68C8; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(186, 104, 200, 0.16); + color: #BA68C8; + border-color: transparent; +} +.p-splitbutton.p-button-text.p-button-plain > .p-button { + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-raised { + 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); +} +.p-splitbutton.p-button-rounded { + border-radius: 2rem; +} +.p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; +} +.p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; +} +.p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; +} +.p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; +} +.p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; +} + +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #78909C; + border: 1px solid; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(120, 144, 156, 0.04); + color: #78909C; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(120, 144, 156, 0.16); + color: #78909C; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #78909C; + border-color: transparent; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(120, 144, 156, 0.04); + border-color: transparent; + color: #78909C; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(120, 144, 156, 0.16); + border-color: transparent; + color: #78909C; +} + +.p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #81D4FA; + border: 1px solid; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(129, 212, 250, 0.04); + color: #81D4FA; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(129, 212, 250, 0.16); + color: #81D4FA; +} +.p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #81D4FA; + border-color: transparent; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(129, 212, 250, 0.04); + border-color: transparent; + color: #81D4FA; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(129, 212, 250, 0.16); + border-color: transparent; + color: #81D4FA; +} + +.p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #C5E1A5; + border: 1px solid; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(197, 225, 165, 0.04); + color: #C5E1A5; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(197, 225, 165, 0.16); + color: #C5E1A5; +} +.p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #C5E1A5; + border-color: transparent; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(197, 225, 165, 0.04); + border-color: transparent; + color: #C5E1A5; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(197, 225, 165, 0.16); + border-color: transparent; + color: #C5E1A5; +} + +.p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #FFE082; + border: 1px solid; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 224, 130, 0.04); + color: #FFE082; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 224, 130, 0.16); + color: #FFE082; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #FFE082; + border-color: transparent; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 224, 130, 0.04); + border-color: transparent; + color: #FFE082; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 224, 130, 0.16); + border-color: transparent; + color: #FFE082; +} + +.p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #CE93D8; + border: 1px solid; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; +} +.p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(206, 147, 216, 0.04); + border-color: transparent; + color: #CE93D8; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(206, 147, 216, 0.16); + border-color: transparent; + color: #CE93D8; +} + +.p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #F48FB1; + border: 1px solid; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(244, 143, 177, 0.04); + color: #F48FB1; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(244, 143, 177, 0.16); + color: #F48FB1; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #F48FB1; + border-color: transparent; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(244, 143, 177, 0.04); + border-color: transparent; + color: #F48FB1; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} + +.p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; +} +.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-carousel .p-carousel-content .p-carousel-prev:focus, +.p-carousel .p-carousel-content .p-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.p-carousel .p-carousel-indicators { + padding: 1rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #383838; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #4c4c4c; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); +} + +.p-datatable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +.p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-datatable .p-datatable-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-datatable .p-datatable-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #383838; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + transition: box-shadow 0.2s; +} +.p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #383838; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; +} +.p-datatable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column.p-highlight { + background: #1e1e1e; + color: #BA68C8; +} +.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #BA68C8; +} +.p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(255, 255, 255, 0.03); + color: #BA68C8; +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #BA68C8; +} +.p-datatable .p-sortable-column:focus { + box-shadow: inset 0 0 0 0.15rem #cf95d9; + outline: 0 none; +} +.p-datatable .p-datatable-tbody > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; +} +.p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; +} +.p-datatable .p-datatable-tbody > tr:focus { + outline: 0.15rem solid #cf95d9; + outline-offset: 0.15rem; +} +.p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(186, 104, 200, 0.16); +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(186, 104, 200, 0.16); +} +.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-column-resizer-helper { + background: #BA68C8; +} +.p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #1e1e1e; +} +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #1e1e1e; +} +.p-datatable .p-datatable-loading-icon { + font-size: 2rem; +} +.p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #242424; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; +} + +.p-dataview .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +.p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-dataview .p-dataview-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-dataview .p-dataview-content { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; +} +.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { + border: solid #383838; + border-width: 0 0 1px 0; +} +.p-dataview .p-dataview-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +.p-dataview .p-dataview-loading-icon { + font-size: 2rem; +} +.p-dataview .p-dataview-emptymessage { + padding: 1rem; +} + +.p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; +} + +.p-column-filter-menu-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-menu-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-column-filter-menu-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} + +.p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-clear-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-column-filter-clear-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} + +.p-column-filter-overlay { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + 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); + min-width: 12.5rem; +} +.p-column-filter-overlay .p-column-filter-row-items { + padding: 0.5rem 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #cf95d9; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #383838; + margin: 0.25rem 0; +} + +.p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1rem; + border-bottom: 1px solid #383838; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; +} +.p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.5rem 1rem; +} +.p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1rem; +} + +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { + background: #1e1e1e; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-view-container td.fc-widget-content { + background: #1e1e1e; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #383838; +} +.fc.fc-unthemed .fc-view-container .fc-row { + border-right: 1px solid #383838; +} +.fc.fc-unthemed .fc-view-container .fc-event { + background: #b052c0; + border: 1px solid #b052c0; + color: #ffffff; +} +.fc.fc-unthemed .fc-view-container .fc-divider { + background: #1e1e1e; + border: 1px solid #383838; +} +.fc.fc-unthemed .fc-toolbar .fc-button { + color: #ffffff; + background: #BA68C8; + border: 1px solid #BA68C8; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + display: flex; + align-items: center; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { + background: #b052c0; + color: #ffffff; + border-color: #b052c0; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { + background: #a241b2; + color: #ffffff; + border-color: #a241b2; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-unthemed .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #1e1e1e; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #383838; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #BA68C8; + border-color: #BA68C8; + color: #ffffff; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #b052c0; + border-color: #b052c0; + color: #ffffff; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + z-index: 1; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #383838; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #1e1e1e; + border-color: #383838; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness td { + color: rgba(255, 255, 255, 0.87); + border-color: #383838; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #1e1e1e; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover { + background: none; + border: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { + border: 1px solid #383838; + padding: 1rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { + opacity: 1; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; + font-family: "PrimeIcons" !important; + font-size: 1rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { + content: "\e90b"; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { + padding: 1rem; + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #ffffff; + background: #b052c0; + border-color: #b052c0; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: #b052c0; + border-color: #b052c0; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #1e1e1e; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #ffffff; + background: #BA68C8; + border: 1px solid #BA68C8; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: #b052c0; + color: #ffffff; + border-color: #b052c0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: #a241b2; + color: #ffffff; + border-color: #a241b2; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.4; + color: #ffffff; + background: #BA68C8; + border: 1px solid #BA68C8; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #1e1e1e; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #383838; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #BA68C8; + border-color: #BA68C8; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #b052c0; + border-color: #b052c0; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.fc.fc-theme-standard a { + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); +} + +.p-orderlist .p-orderlist-controls { + padding: 1rem; +} +.p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; +} +.p-orderlist .p-orderlist-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + padding: 1rem; + border-bottom: 0 none; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; +} +.p-orderlist .p-orderlist-filter-container { + padding: 1rem; + background: #1e1e1e; + border: 1px solid #383838; + border-bottom: 0 none; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.5rem; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-orderlist .p-orderlist-list { + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; +} +.p-orderlist .p-orderlist-list .p-orderlist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #cf95d9; +} +.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); +} +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); +} +.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: rgba(255, 255, 255, 0.01); +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); +} + +.p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 1rem; + 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); + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; +} + +.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(117, 47, 129, 0.16); +} +.p-organizationchart .p-organizationchart-line-down { + background: #383838; +} +.p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #383838; + border-color: #383838; +} +.p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #383838; + border-color: #383838; +} +.p-organizationchart .p-organizationchart-node-content { + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 1rem; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} + +.p-paginator { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + border: solid #383838; + border-width: 1px; + padding: 0.5rem 1rem; + border-radius: 3px; +} +.p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 2.286em; + height: 2.286em; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); +} +.p-paginator .p-paginator-first { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.286em; +} +.p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; +} +.p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; +} +.p-paginator .p-paginator-page-input .p-inputtext { + max-width: 2.286em; +} +.p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 2.286em; + height: 2.286em; + margin: 0.143rem; + padding: 0 0.5rem; +} +.p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 2.286em; + height: 2.286em; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(186, 104, 200, 0.16); + border-color: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); +} + +.p-picklist .p-picklist-buttons { + padding: 1rem; +} +.p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; +} +.p-picklist .p-picklist-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + padding: 1rem; + border-bottom: 0 none; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; +} +.p-picklist .p-picklist-filter-container { + padding: 1rem; + background: #1e1e1e; + border: 1px solid #383838; + border-bottom: 0 none; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.5rem; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-picklist .p-picklist-list { + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; +} +.p-picklist .p-picklist-list .p-picklist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #cf95d9; +} +.p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); +} +.p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); +} +.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: rgba(255, 255, 255, 0.01); +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); +} + +.p-picklist-item.cdk-drag-preview { + padding: 0.5rem 1rem; + 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); + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; +} + +.p-timeline .p-timeline-event-marker { + border: 2px solid #BA68C8; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #1e1e1e; +} +.p-timeline .p-timeline-event-connector { + background-color: #383838; +} +.p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; +} +.p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; +} + +.p-tree { + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 1rem; + border-radius: 3px; +} +.p-tree .p-tree-container .p-treenode { + padding: 0.143rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 3px; + transition: box-shadow 0.2s; + padding: 0; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #cf95d9; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; +} +.p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.5rem; +} +.p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-tree .p-treenode-children { + padding: 0 0 0 1rem; +} +.p-tree .p-tree-loading-icon { + font-size: 2rem; +} +.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(162, 65, 178, 0.16); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 3px; + border: 1px solid #383838; + background-color: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + transition: box-shadow 0.2s; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} + +.p-treetable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +.p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-treetable .p-treetable-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-treetable .p-treetable-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #383838; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + transition: box-shadow 0.2s; +} +.p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #383838; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; +} +.p-treetable .p-sortable-column { + outline-color: #cf95d9; +} +.p-treetable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-sortable-column.p-highlight { + background: #1e1e1e; + color: #BA68C8; +} +.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #BA68C8; +} +.p-treetable .p-treetable-tbody > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; +} +.p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-treetable-tbody > tr:focus { + outline: 0.15rem solid #cf95d9; + outline-offset: -0.15rem; +} +.p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-column-resizer-helper { + background: #BA68C8; +} +.p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #1e1e1e; +} +.p-treetable .p-treetable-loading-icon { + font-size: 2rem; +} +.p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.875rem 0.875rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 1.25rem 1.25rem; +} + +.p-virtualscroller .p-virtualscroller-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-virtualscroller .p-virtualscroller-content { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; +} +.p-virtualscroller .p-virtualscroller-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1rem; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; + border-radius: 3px; + transition: box-shadow 0.2s; +} +.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; +} +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: rgba(255, 255, 255, 0.03); + border-color: #383838; + color: rgba(255, 255, 255, 0.87); +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #1e1e1e; + border-color: #383838; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #383838; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-accordion .p-accordion-content { + padding: 1rem; + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; +} +.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; +} +.p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; +} +.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 none; +} +.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-top: 0 none; +} +.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +.p-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: 3px; +} +.p-card .p-card-body { + padding: 1rem; +} +.p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +.p-card .p-card-subtitle { + font-weight: 700; + margin-bottom: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-card .p-card-content { + padding: 1rem 0; +} +.p-card .p-card-footer { + padding: 1rem 0 0 0; +} + +.p-divider .p-divider-content { + background-color: #1e1e1e; +} +.p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +.p-divider.p-divider-horizontal:before { + border-top: 1px #383838; +} +.p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; +} +.p-divider.p-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; +} +.p-divider.p-divider-vertical:before { + border-left: 1px #383838; +} +.p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; +} + +.p-fieldset { + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; +} +.p-fieldset .p-fieldset-legend { + padding: 1rem; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; + border-radius: 3px; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; + transition: box-shadow 0.2s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #383838; + color: rgba(255, 255, 255, 0.87); +} +.p-fieldset .p-fieldset-content { + padding: 1rem; +} + +.p-panel .p-panel-header { + border: 1px solid #383838; + padding: 1rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-panel .p-panel-header .p-panel-title { + font-weight: 600; +} +.p-panel .p-panel-header .p-panel-header-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-panel .p-panel-header .p-panel-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.p-panel.p-panel-toggleable .p-panel-header { + padding: 0.5rem 1rem; +} +.p-panel .p-panel-content { + padding: 1rem; + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + border-top: 0 none; +} +.p-panel .p-panel-footer { + padding: 0.5rem 1rem; + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} +.p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; +} +.p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; +} +.p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; +} + +.p-scrollpanel .p-scrollpanel-bar { + background: #383838; + border: 0 none; +} + +.p-splitter { + border: 1px solid #383838; + background: #1e1e1e; + border-radius: 3px; + color: rgba(255, 255, 255, 0.87); +} +.p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: rgba(255, 255, 255, 0.03); +} +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #383838; +} +.p-splitter .p-splitter-gutter-resizing { + background: #383838; +} + +.p-tabview .p-tabview-nav { + background: transparent; + border: 1px solid #383838; + border-width: 0 0 2px 0; +} +.p-tabview .p-tabview-nav li { + margin-right: 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #383838; + border-width: 0 0 2px 0; + border-color: transparent transparent #383838 transparent; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + padding: 1rem; + font-weight: 600; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #cf95d9; +} +.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #1e1e1e; + border-color: #BA68C8; + color: rgba(255, 255, 255, 0.87); +} +.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #1e1e1e; + border-color: #BA68C8; + color: #BA68C8; +} +.p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; +} +.p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-close { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-nav-btn.p-link { + background: #1e1e1e; + color: #BA68C8; + width: 2.357rem; + 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); + border-radius: 0; +} +.p-tabview .p-tabview-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #cf95d9; +} +.p-tabview .p-tabview-panels { + background: #1e1e1e; + padding: 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +.p-toolbar { + background: #1e1e1e; + border: 1px solid #383838; + padding: 1rem; + border-radius: 3px; + gap: 0.5rem; +} +.p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; +} + +.p-confirm-popup { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + 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); +} +.p-confirm-popup .p-confirm-popup-content { + padding: 1rem; +} +.p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.5rem 1rem; +} +.p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; +} +.p-confirm-popup:after { + border: solid transparent; + border-color: rgba(30, 30, 30, 0); + border-bottom-color: #1e1e1e; +} +.p-confirm-popup:before { + border: solid transparent; + border-color: rgba(56, 56, 56, 0); + border-bottom-color: #383838; +} +.p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #1e1e1e; +} +.p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #383838; +} +.p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; +} +.p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; +} + +.p-dialog { + border-radius: 3px; + 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: 1px solid #383838; +} +.p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 1.5rem; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.25rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-dialog .p-dialog-header .p-dialog-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; +} +.p-dialog .p-dialog-content { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.5rem 2rem 1.5rem; +} +.p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-dialog .p-dialog-footer { + border-top: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; +} + +.p-overlaypanel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + 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); +} +.p-overlaypanel .p-overlaypanel-content { + padding: 1rem; +} +.p-overlaypanel .p-overlaypanel-close { + background: #BA68C8; + color: #ffffff; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + position: absolute; + top: -1rem; + right: -1rem; +} +.p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #b052c0; + color: #ffffff; +} +.p-overlaypanel:after { + border: solid transparent; + border-color: rgba(30, 30, 30, 0); + border-bottom-color: #1e1e1e; +} +.p-overlaypanel:before { + border: solid transparent; + border-color: rgba(56, 56, 56, 0); + border-bottom-color: #353535; +} +.p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #1e1e1e; +} +.p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #383838; +} + +.p-sidebar { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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); +} +.p-sidebar .p-sidebar-header { + padding: 1rem; +} +.p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-sidebar .p-sidebar-header .p-sidebar-close:focus, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; +} +.p-sidebar .p-sidebar-content { + padding: 1rem; +} +.p-sidebar .p-sidebar-footer { + padding: 1rem; +} + +.p-tooltip .p-tooltip-text { + background: #383838; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem 0.5rem; + 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); + border-radius: 3px; +} +.p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #383838; +} +.p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #383838; +} +.p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #383838; +} +.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #383838; +} + +.p-fileupload .p-fileupload-buttonbar { + background: #1e1e1e; + padding: 1rem; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + border-bottom: 0 none; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; +} +.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.p-fileupload .p-fileupload-content { + background: #1e1e1e; + padding: 2rem 1rem; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-fileupload .p-progressbar { + height: 0.25rem; +} +.p-fileupload .p-fileupload-row > div { + padding: 1rem 1rem; +} +.p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; +} + +.p-fileupload-choose:not(.p-disabled):hover { + background: #b052c0; + color: #ffffff; + border-color: #b052c0; +} +.p-fileupload-choose:not(.p-disabled):active { + background: #a241b2; + color: #ffffff; + border-color: #a241b2; +} + +.p-breadcrumb { + background: #1e1e1e; + border: 1px solid #383838; + border-radius: 3px; + padding: 1rem; +} +.p-breadcrumb ul li .p-menuitem-link { + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-breadcrumb ul li .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-breadcrumb ul li.p-breadcrumb-chevron { + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.87); +} +.p-breadcrumb ul li:last-child .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-breadcrumb ul li:last-child .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} + +.p-contextmenu { + padding: 0.25rem 0; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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); + border-radius: 3px; + width: 12.5rem; +} +.p-contextmenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-contextmenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-contextmenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #cf95d9; +} +.p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #1e1e1e; + border: 1px solid #383838; + 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); + border-radius: 3px; +} +.p-contextmenu .p-menuitem { + margin: 0; +} +.p-contextmenu .p-menuitem:last-child { + margin: 0; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(255, 255, 255, 0.03); +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menu-separator { + border-top: 1px solid #383838; + margin: 0.25rem 0; +} +.p-contextmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-contextmenu .p-menuitem-badge { + background: #BA68C8; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + +@media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } +} +.p-megamenu { + padding: 0.5rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; + transition: box-shadow 0.2s; + user-select: none; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #cf95d9; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-megamenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-megamenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #cf95d9; +} +.p-megamenu .p-megamenu-panel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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); +} +.p-megamenu .p-megamenu-submenu-header { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-megamenu .p-megamenu-submenu { + padding: 0.25rem 0; + width: 12.5rem; +} +.p-megamenu .p-megamenu-submenu .p-menu-separator { + border-top: 1px solid #383838; + margin: 0.25rem 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem { + margin: 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(255, 255, 255, 0.03); +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem { + margin: 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem-badge { + background: #BA68C8; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menu { + padding: 0.25rem 0; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + width: 12.5rem; +} +.p-menu .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #cf95d9; +} +.p-menu.p-menu-overlay { + background: #1e1e1e; + border: 1px solid #383838; + 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); +} +.p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.p-menu .p-menu-separator { + border-top: 1px solid #383838; + margin: 0.25rem 0; +} +.p-menu .p-menuitem { + margin: 0; +} +.p-menu .p-menuitem:last-child { + margin: 0; +} +.p-menu .p-menuitem-badge { + background: #BA68C8; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menubar { + padding: 0.5rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; +} +.p-menubar .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menubar .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menubar .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #cf95d9; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #cf95d9; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-submenu-list { + padding: 0.25rem 0; + background: #1e1e1e; + border: 1px solid #383838; + 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); + width: 12.5rem; +} +.p-menubar .p-submenu-list .p-menu-separator { + border-top: 1px solid #383838; + margin: 0.25rem 0; +} +.p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; +} +.p-menubar .p-submenu-list .p-menuitem { + margin: 0; +} +.p-menubar .p-submenu-list .p-menuitem:last-child { + margin: 0; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(255, 255, 255, 0.03); +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-badge { + background: #BA68C8; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +@media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0; + background: #1e1e1e; + border: 1px solid #383838; + 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); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menu-separator { + border-top: 1px solid #383838; + margin: 0.25rem 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #cf95d9; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } +} +.p-panelmenu .p-panelmenu-header > a { + padding: 1rem; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; + border-radius: 3px; + transition: box-shadow 0.2s; +} +.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #383838; + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-header.p-highlight { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight > a { + background: #1e1e1e; + border-color: #383838; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + border-color: #383838; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0; + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + margin-bottom: 0; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #cf95d9; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { + padding: 0 0 0 1rem; +} +.p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { + border-radius: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; +} +.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { + border-top: 0 none; +} +.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { + border-top: 0 none; +} +.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-panelmenu .p-menuitem-badge { + background: #BA68C8; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-slidemenu { + padding: 0.25rem 0; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + width: 12.5rem; +} +.p-slidemenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-slidemenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-slidemenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #cf95d9; +} +.p-slidemenu.p-slidemenu-overlay { + background: #1e1e1e; + border: 1px solid #383838; + 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); +} +.p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0; + background: #1e1e1e; + border: 1px solid #383838; + 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); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { + background: rgba(255, 255, 255, 0.03); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-slidemenu-separator { + border-top: 1px solid #383838; + margin: 0.25rem 0; +} +.p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; +} +.p-slidemenu .p-slidemenu-backward { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-badge { + background: #BA68C8; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: box-shadow 0.2s; + border-radius: 3px; + background: transparent; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: rgba(255, 255, 255, 0.87); + border: 0 none; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 600; + color: rgba(255, 255, 255, 0.87); +} +.p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #383838; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; +} + +.p-tabmenu .p-tabmenu-nav { + background: transparent; + border: 1px solid #383838; + border-width: 0 0 2px 0; +} +.p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #BA68C8; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #383838; + border-width: 0 0 2px 0; + border-color: transparent transparent #383838 transparent; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + padding: 1rem; + font-weight: 600; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #cf95d9; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #1e1e1e; + border-color: #BA68C8; + color: rgba(255, 255, 255, 0.87); +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #1e1e1e; + border-color: #BA68C8; + color: #BA68C8; +} +.p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #1e1e1e; + color: #BA68C8; + width: 2.357rem; + 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); + border-radius: 0; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #cf95d9; +} + +.p-tieredmenu { + padding: 0.25rem 0; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + width: 12.5rem; +} +.p-tieredmenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-tieredmenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-tieredmenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #cf95d9; +} +.p-tieredmenu.p-tieredmenu-overlay { + background: #1e1e1e; + border: 1px solid #383838; + 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); +} +.p-tieredmenu .p-submenu-list { + padding: 0.25rem 0; + background: #1e1e1e; + border: 1px solid #383838; + 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); +} +.p-tieredmenu .p-menuitem { + margin: 0; +} +.p-tieredmenu .p-menuitem:last-child { + margin: 0; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(255, 255, 255, 0.03); +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menu-separator { + border-top: 1px solid #383838; + margin: 0.25rem 0; +} +.p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-tieredmenu .p-menuitem-badge { + background: #BA68C8; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-inline-message { + padding: 0.5rem 0.5rem; + margin: 0; + border-radius: 3px; +} +.p-inline-message.p-inline-message-info { + background: #B3E5FC; + border: solid #0891cf; + border-width: 1px; + color: #044868; +} +.p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #044868; +} +.p-inline-message.p-inline-message-success { + background: #C8E6C9; + border: solid #439446; + border-width: 1px; + color: #224a23; +} +.p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #224a23; +} +.p-inline-message.p-inline-message-warn { + background: #FFECB3; + border: solid #d9a300; + border-width: 1px; + color: #6d5100; +} +.p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #6d5100; +} +.p-inline-message.p-inline-message-error { + background: #FFCDD2; + border: solid #e60017; + border-width: 1px; + color: #73000c; +} +.p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #73000c; +} +.p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; +} +.p-inline-message .p-inline-message-text { + font-size: 1rem; +} +.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; +} + +.p-message { + margin: 1rem 0; + border-radius: 3px; +} +.p-message .p-message-wrapper { + padding: 1rem 1.5rem; +} +.p-message .p-message-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-message .p-message-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.p-message.p-message-info { + background: #B3E5FC; + border: solid #0891cf; + border-width: 0 0 0 6px; + color: #044868; +} +.p-message.p-message-info .p-message-icon { + color: #044868; +} +.p-message.p-message-info .p-message-close { + color: #044868; +} +.p-message.p-message-success { + background: #C8E6C9; + border: solid #439446; + border-width: 0 0 0 6px; + color: #224a23; +} +.p-message.p-message-success .p-message-icon { + color: #224a23; +} +.p-message.p-message-success .p-message-close { + color: #224a23; +} +.p-message.p-message-warn { + background: #FFECB3; + border: solid #d9a300; + border-width: 0 0 0 6px; + color: #6d5100; +} +.p-message.p-message-warn .p-message-icon { + color: #6d5100; +} +.p-message.p-message-warn .p-message-close { + color: #6d5100; +} +.p-message.p-message-error { + background: #FFCDD2; + border: solid #e60017; + border-width: 0 0 0 6px; + color: #73000c; +} +.p-message.p-message-error .p-message-icon { + color: #73000c; +} +.p-message.p-message-error .p-message-close { + color: #73000c; +} +.p-message .p-message-text { + font-size: 1rem; + font-weight: 500; +} +.p-message .p-message-icon { + font-size: 1.5rem; + margin-right: 0.5rem; +} +.p-message .p-message-summary { + font-weight: 700; +} +.p-message .p-message-detail { + margin-left: 0.5rem; +} + +.p-toast { + opacity: 0.9; +} +.p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: none; + border-radius: 3px; +} +.p-toast .p-toast-message .p-toast-message-content { + padding: 1rem; + border-width: 0 0 0 6px; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 1rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 2rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 700; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; +} +.p-toast .p-toast-message .p-toast-icon-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-toast .p-toast-message .p-toast-icon-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.p-toast .p-toast-message.p-toast-message-info { + background: #B3E5FC; + border: solid #0891cf; + border-width: 0 0 0 6px; + color: #044868; +} +.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #044868; +} +.p-toast .p-toast-message.p-toast-message-success { + background: #C8E6C9; + border: solid #439446; + border-width: 0 0 0 6px; + color: #224a23; +} +.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #224a23; +} +.p-toast .p-toast-message.p-toast-message-warn { + background: #FFECB3; + border: solid #d9a300; + border-width: 0 0 0 6px; + color: #6d5100; +} +.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #6d5100; +} +.p-toast .p-toast-message.p-toast-message-error { + background: #FFCDD2; + border: solid #e60017; + border-width: 0 0 0 6px; + color: #73000c; +} +.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #73000c; +} + +.p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-item-nav { + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 3px; + margin: 0 0.5rem; +} +.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f8f9fa; + padding: 1rem; +} +.p-galleria .p-galleria-indicators { + padding: 1rem; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #383838; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #4c4c4c; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; +} +.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f8f9fa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} + +.p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-preview-indicator { + background-color: transparent; + color: #f8f9fa; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} + +.p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); +} + +.p-image-toolbar { + padding: 1rem; +} + +.p-image-action.p-link { + color: #f8f9fa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-image-action.p-link:last-child { + margin-right: 0; +} +.p-image-action.p-link:hover { + color: #f8f9fa; + background-color: rgba(255, 255, 255, 0.1); +} +.p-image-action.p-link i { + font-size: 1.5rem; +} + +.p-avatar { + background-color: #383838; + border-radius: 3px; +} +.p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +.p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; +} +.p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +.p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; +} + +.p-avatar-group .p-avatar { + border: 2px solid #1e1e1e; +} + +.p-badge { + background: #BA68C8; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +.p-badge.p-badge-secondary { + background-color: #78909C; + color: #ffffff; +} +.p-badge.p-badge-success { + background-color: #C5E1A5; + color: #121212; +} +.p-badge.p-badge-info { + background-color: #81D4FA; + color: #121212; +} +.p-badge.p-badge-warning { + background-color: #FFE082; + color: #121212; +} +.p-badge.p-badge-danger { + background-color: #F48FB1; + color: #121212; +} +.p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +.p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} + +.p-chip { + background-color: #383838; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + padding: 0 0.5rem; +} +.p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} +.p-chip .p-chip-icon { + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; +} +.p-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.5rem; + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} + +.p-inplace .p-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} + +.p-progressbar { + border: 0 none; + height: 1.5rem; + background: #383838; + border-radius: 3px; +} +.p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #BA68C8; +} +.p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.5rem; +} + +.p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + 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); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-scrolltop.p-link { + background: rgba(186, 104, 200, 0.16); +} +.p-scrolltop.p-link:hover { + background: rgba(186, 104, 200, 0.3616); +} +.p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: rgba(255, 255, 255, 0.87); +} + +.p-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 3px; +} +.p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); +} + +.p-tag { + background: #BA68C8; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 3px; +} +.p-tag.p-tag-success { + background-color: #C5E1A5; + color: #121212; +} +.p-tag.p-tag-info { + background-color: #81D4FA; + color: #121212; +} +.p-tag.p-tag-warning { + background-color: #FFE082; + color: #121212; +} +.p-tag.p-tag-danger { + background-color: #F48FB1; + color: #121212; +} +.p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +.p-terminal { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + padding: 1rem; +} +.p-terminal .p-terminal-input { + font-size: 1rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; +} + +/* Customizations to the designer theme should be defined here */ +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #BA68C8; +} + +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #BA68C8; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #BA68C8; +} + +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #BA68C8; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #BA68C8; +} diff --git a/assets/layout/styles/theme/arya-purple/theme.css.br b/assets/layout/styles/theme/arya-purple/theme.css.br new file mode 100644 index 0000000..24fd159 Binary files /dev/null and b/assets/layout/styles/theme/arya-purple/theme.css.br differ diff --git a/assets/layout/styles/theme/arya-purple/theme.css.gz b/assets/layout/styles/theme/arya-purple/theme.css.gz new file mode 100644 index 0000000..26fadd2 Binary files /dev/null and b/assets/layout/styles/theme/arya-purple/theme.css.gz differ diff --git a/assets/layout/styles/theme/bootstrap4-dark-blue/theme.css b/assets/layout/styles/theme/bootstrap4-dark-blue/theme.css new file mode 100644 index 0000000..54c6c14 --- /dev/null +++ b/assets/layout/styles/theme/bootstrap4-dark-blue/theme.css @@ -0,0 +1,6314 @@ +:root { + --surface-a:#2a323d; + --surface-b:#20262e; + --surface-c:rgba(255, 255, 255, 0.04); + --surface-d:#3f4b5b; + --surface-e:#2a323d; + --surface-f:#2a323d; + --text-color:rgba(255, 255, 255, 0.87); + --text-color-secondary:rgba(255, 255, 255, 0.6); + --primary-color:#8dd0ff; + --primary-color-text:#151515; + --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --surface-0: #20262e; + --surface-50: #363c43; + --surface-100: #4d5158; + --surface-200: #63676d; + --surface-300: #797d82; + --surface-400: #909397; + --surface-500: #a6a8ab; + --surface-600: #bcbec0; + --surface-700: #d2d4d5; + --surface-800: #e9e9ea; + --surface-900: #ffffff; + --gray-50:#e9e9ea; + --gray-100: #d2d4d5; + --gray-200: #bcbec0; + --gray-300: #a6a8ab; + --gray-400: #909397; + --gray-500: #797d82; + --gray-600: #63676d; + --gray-700: #4d5158; + --gray-800: #363c43; + --gray-900: #20262e; + --content-padding:1.25rem; + --inline-spacing:0.5rem; + --border-radius:4px; + --surface-ground:#20262e; + --surface-section:#20262e; + --surface-card:#2a323d; + --surface-overlay:#2a323d; + --surface-border:#3f4b5b; + --surface-hover:rgba(255,255,255,.04); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 1px #e3f3fe; + color-scheme: dark; +} + +* { + box-sizing: border-box; +} + +.p-component { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + font-weight: normal; +} + +.p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.15s; +} + +.p-disabled, .p-component:disabled { + opacity: 0.65; +} + +.p-error { + color: #f19ea6; +} + +.p-text-secondary { + color: rgba(255, 255, 255, 0.6); +} + +.pi { + font-size: 1rem; +} + +.p-link { + font-size: 1rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + border-radius: 4px; +} +.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; +} + +.p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; +} + +.p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; +} + +@keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } +} +@keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } +} + +:root { + --blue-50:#f3f8ff; + --blue-100:#c5dcff; + --blue-200:#97c1fe; + --blue-300:#69a5fe; + --blue-400:#3b8afd; + --blue-500:#0d6efd; + --blue-600:#0b5ed7; + --blue-700:#094db1; + --blue-800:#073d8b; + --blue-900:#052c65; + --green-50:#f4f9f6; + --green-100:#c8e2d6; + --green-200:#9ccbb5; + --green-300:#70b595; + --green-400:#459e74; + --green-500:#198754; + --green-600:#157347; + --green-700:#125f3b; + --green-800:#0e4a2e; + --green-900:#0a3622; + --yellow-50:#fffcf3; + --yellow-100:#fff0c3; + --yellow-200:#ffe494; + --yellow-300:#ffd965; + --yellow-400:#ffcd36; + --yellow-500:#ffc107; + --yellow-600:#d9a406; + --yellow-700:#b38705; + --yellow-800:#8c6a04; + --yellow-900:#664d03; + --cyan-50:#f3fcfe; + --cyan-100:#c5f2fb; + --cyan-200:#97e8f9; + --cyan-300:#69def6; + --cyan-400:#3bd4f3; + --cyan-500:#0dcaf0; + --cyan-600:#0baccc; + --cyan-700:#098da8; + --cyan-800:#076f84; + --cyan-900:#055160; + --pink-50:#fdf5f9; + --pink-100:#f5cee1; + --pink-200:#eda7ca; + --pink-300:#e681b3; + --pink-400:#de5a9b; + --pink-500:#d63384; + --pink-600:#b62b70; + --pink-700:#96245c; + --pink-800:#761c49; + --pink-900:#561435; + --indigo-50:#f7f3fe; + --indigo-100:#dac6fc; + --indigo-200:#bd98f9; + --indigo-300:#a06bf7; + --indigo-400:#833df4; + --indigo-500:#6610f2; + --indigo-600:#570ece; + --indigo-700:#470ba9; + --indigo-800:#380985; + --indigo-900:#290661; + --teal-50:#f4fcfa; + --teal-100:#c9f2e6; + --teal-200:#9fe8d2; + --teal-300:#75debf; + --teal-400:#4ad3ab; + --teal-500:#20c997; + --teal-600:#1bab80; + --teal-700:#168d6a; + --teal-800:#126f53; + --teal-900:#0d503c; + --orange-50:#fff9f3; + --orange-100:#ffe0c7; + --orange-200:#fec89a; + --orange-300:#feaf6d; + --orange-400:#fd9741; + --orange-500:#fd7e14; + --orange-600:#d76b11; + --orange-700:#b1580e; + --orange-800:#8b450b; + --orange-900:#653208; + --bluegray-50:#f8f9fb; + --bluegray-100:#e0e4ea; + --bluegray-200:#c7ced9; + --bluegray-300:#aeb9c8; + --bluegray-400:#95a3b8; + --bluegray-500:#7c8ea7; + --bluegray-600:#69798e; + --bluegray-700:#576375; + --bluegray-800:#444e5c; + --bluegray-900:#323943; + --purple-50:#f8f6fc; + --purple-100:#dcd2f0; + --purple-200:#c1aee4; + --purple-300:#a68ad9; + --purple-400:#8a66cd; + --purple-500:#6f42c1; + --purple-600:#5e38a4; + --purple-700:#4e2e87; + --purple-800:#3d246a; + --purple-900:#2c1a4d; + --red-50:#fdf5f6; + --red-100:#f7cfd2; + --red-200:#f0a8af; + --red-300:#e9828c; + --red-400:#e35b68; + --red-500:#dc3545; + --red-600:#bb2d3b; + --red-700:#9a2530; + --red-800:#791d26; + --red-900:#58151c; + --primary-50:#f9fdff; + --primary-100:#e4f4ff; + --primary-200:#ceebff; + --primary-300:#b8e2ff; + --primary-400:#a3d9ff; + --primary-500:#8dd0ff; + --primary-600:#78b1d9; + --primary-700:#6392b3; + --primary-800:#4e728c; + --primary-900:#385366; +} + +.p-autocomplete .p-autocomplete-loader { + right: 0.75rem; +} +.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.107rem; +} +.p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + border-color: #3f4b5b; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; + border-color: #8dd0ff; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.25rem 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #8dd0ff; + color: #151515; + border-radius: 4px; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; +} + +p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f19ea6; +} + +.p-autocomplete-panel { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-radius: 4px; + box-shadow: none; +} +.p-autocomplete-panel .p-autocomplete-items { + padding: 0.5rem 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.5rem 1.5rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.15s; + border-radius: 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #151515; + background: #8dd0ff; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 1.5rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + font-weight: 600; +} + +p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; +} +p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; +} + +p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3.107rem; +} + +p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #f19ea6; +} + +.p-datepicker { + padding: 0; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-radius: 4px; +} +.p-datepicker:not(.p-datepicker-inline) { + background: #2a323d; + border: 1px solid #3f4b5b; + box-shadow: none; +} +.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #2a323d; +} +.p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + font-weight: 600; + margin: 0; + border-bottom: 1px solid #3f4b5b; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: transparent; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; +} +.p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 2rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: rgba(255, 255, 255, 0.87); + transition: color 0.15s, box-shadow 0.15s; + font-weight: 600; + padding: 0.5rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #8dd0ff; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; +} +.p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0; +} +.p-datepicker table th { + padding: 0.5rem; +} +.p-datepicker table th > span { + width: 2.5rem; + height: 2.5rem; +} +.p-datepicker table td { + padding: 0.5rem; +} +.p-datepicker table td > span { + width: 2.5rem; + height: 2.5rem; + border-radius: 4px; + transition: box-shadow 0.15s; + border: 1px solid transparent; +} +.p-datepicker table td > span.p-highlight { + color: #151515; + background: #8dd0ff; +} +.p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; +} +.p-datepicker table td.p-datepicker-today > span { + background: transparent; + color: #8dd0ff; + border-color: transparent; +} +.p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #151515; + background: #8dd0ff; +} +.p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #3f4b5b; +} +.p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; +} +.p-datepicker .p-timepicker { + border-top: 1px solid #3f4b5b; + padding: 0.5rem; +} +.p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; +} +.p-datepicker .p-timepicker button:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: transparent; +} +.p-datepicker .p-timepicker button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; +} +.p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; +} +.p-datepicker .p-timepicker span { + font-size: 1.25rem; +} +.p-datepicker .p-timepicker > div { + padding: 0 0.5rem; +} +.p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; +} +.p-datepicker .p-monthpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.5rem; + transition: box-shadow 0.15s; + border-radius: 4px; +} +.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #151515; + background: #8dd0ff; +} +.p-datepicker .p-yearpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.5rem; + transition: box-shadow 0.15s; + border-radius: 4px; +} +.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #151515; + background: #8dd0ff; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #3f4b5b; + padding-right: 0; + padding-left: 0; + padding-top: 0; + padding-bottom: 0; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; +} + +p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; +} +p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; +} + +p-calendar.p-calendar-clearable.p-calendar-w-btn .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3.107rem; +} + +@media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } +} +.p-cascadeselect { + background: #20262e; + border: 1px solid #3f4b5b; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; +} +.p-cascadeselect:not(.p-disabled):hover { + border-color: #3f4b5b; +} +.p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; + border-color: #8dd0ff; +} +.p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; +} +.p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-cascadeselect-panel { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-radius: 4px; + box-shadow: none; +} +.p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.5rem 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.15s; + border-radius: 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 1.5rem; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #e3f3fe; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #151515; + background: #8dd0ff; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; +} + +p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f19ea6; +} + +.p-input-filled .p-cascadeselect { + background: #3f4b5b; +} +.p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #3f4b5b; +} +.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #3f4b5b; +} + +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; +} +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; +} + +.p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; +} +.p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); +} + +.p-checkbox { + width: 20px; + height: 20px; +} +.p-checkbox .p-checkbox-box { + border: 1px solid #3f4b5b; + background: #20262e; + width: 20px; + height: 20px; + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; +} +.p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.15s; + color: #151515; + font-size: 14px; +} +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #8dd0ff; + background: #8dd0ff; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #3f4b5b; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; + border-color: #8dd0ff; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #1dadff; + background: #1dadff; + color: #151515; +} + +p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f19ea6; +} + +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #3f4b5b; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #8dd0ff; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #3f4b5b; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #1dadff; +} + +.p-checkbox-label { + margin-left: 0.5rem; +} + +.p-highlight .p-checkbox .p-checkbox-box { + border-color: #151515; +} + +.p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; +} +.p-chips .p-chips-multiple-container:not(.p-disabled):hover { + border-color: #3f4b5b; +} +.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; + border-color: #8dd0ff; +} +.p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + background: #8dd0ff; + color: #151515; + border-radius: 4px; +} +.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; +} +.p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.25rem 0; +} +.p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; +} + +p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #f19ea6; +} + +p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; +} +p-chips.p-chips-clearable .p-chips-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; +} + +.p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; +} + +.p-colorpicker-panel { + background: #2a323d; + border: 1px solid #3f4b5b; +} +.p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: rgba(255, 255, 255, 0.87); +} + +.p-colorpicker-overlay-panel { + box-shadow: none; +} + +.p-dropdown { + background: #20262e; + border: 1px solid #3f4b5b; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; +} +.p-dropdown:not(.p-disabled):hover { + border-color: #3f4b5b; +} +.p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; + border-color: #8dd0ff; +} +.p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; +} +.p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; +} +.p-dropdown .p-dropdown-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-dropdown .p-dropdown-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-dropdown .p-dropdown-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; +} + +.p-dropdown-panel { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-radius: 4px; + box-shadow: none; +} +.p-dropdown-panel .p-dropdown-header { + padding: 0.75rem 1.5rem; + border-bottom: 1px solid #3f4b5b; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-dropdown-panel .p-dropdown-items { + padding: 0.5rem 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.5rem 1.5rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.15s; + border-radius: 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #151515; + background: #8dd0ff; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1.5rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + font-weight: 600; +} + +p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #f19ea6; +} + +.p-input-filled .p-dropdown { + background: #3f4b5b; +} +.p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #3f4b5b; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #3f4b5b; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; +} + +.p-editor-container .p-editor-toolbar { + background: #2a323d; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #3f4b5b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #2a323d; + border: 1px solid #3f4b5b; + box-shadow: none; + border-radius: 4px; + padding: 0.5rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1.5rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #3f4b5b; +} +.p-editor-container .p-editor-content .ql-editor { + background: #20262e; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #8dd0ff; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #8dd0ff; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #8dd0ff; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #8dd0ff; +} + +.p-inputgroup-addon { + background: #2a323d; + color: rgba(255, 255, 255, 0.6); + border-top: 1px solid #3f4b5b; + border-left: 1px solid #3f4b5b; + border-bottom: 1px solid #3f4b5b; + padding: 0.5rem 0.75rem; + min-width: 2.357rem; +} +.p-inputgroup-addon:last-child { + border-right: 1px solid #3f4b5b; +} + +.p-inputgroup > .p-component, +.p-inputgroup > .p-element, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; +} +.p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-element + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; +} +.p-inputgroup > .p-component:focus, +.p-inputgroup > .p-element:focus, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; +} +.p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-element:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; +} + +.p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-fluid .p-inputgroup .p-button { + width: auto; +} +.p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.357rem; +} + +p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #f19ea6; +} + +p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; +} +p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; +} + +p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #f19ea6; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.107rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.107rem; +} + +.p-inputswitch { + width: 3rem; + height: 1.75rem; +} +.p-inputswitch .p-inputswitch-slider { + background: #3f4b5b; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; +} +.p-inputswitch .p-inputswitch-slider:before { + background: rgba(255, 255, 255, 0.6); + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 4px; + transition-duration: 0.15s; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1.25rem); +} +.p-inputswitch.p-focus .p-inputswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; +} +.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #3f4b5b; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #8dd0ff; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #151515; +} +.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #8dd0ff; +} + +p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + border-color: #f19ea6; +} + +.p-inputtext { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + background: #20262e; + padding: 0.5rem 0.75rem; + border: 1px solid #3f4b5b; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + appearance: none; + border-radius: 4px; +} +.p-inputtext:enabled:hover { + border-color: #3f4b5b; +} +.p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; + border-color: #8dd0ff; +} +.p-inputtext.ng-dirty.ng-invalid { + border-color: #f19ea6; +} +.p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; +} +.p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; +} + +.p-float-label > label { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + transition-duration: 0.15s; +} + +.p-float-label > .ng-invalid.ng-dirty + label { + color: #f19ea6; +} + +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} + +.p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; +} + +.p-input-icon-left.p-float-label > label { + left: 2.5rem; +} + +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} + +.p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; +} + +::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +:-moz-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +.p-input-filled .p-inputtext { + background-color: #3f4b5b; +} +.p-input-filled .p-inputtext:enabled:hover { + background-color: #3f4b5b; +} +.p-input-filled .p-inputtext:enabled:focus { + background-color: #3f4b5b; +} + +.p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; +} + +.p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; +} + +.p-listbox { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-radius: 4px; +} +.p-listbox .p-listbox-header { + padding: 0.75rem 1.5rem; + border-bottom: 1px solid #3f4b5b; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; +} +.p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list { + padding: 0.5rem 0; +} +.p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.5rem 1.5rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.15s; + border-radius: 0; +} +.p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #151515; + background: #8dd0ff; +} +.p-listbox .p-listbox-list .p-listbox-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #e3f3fe; +} +.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + font-weight: 600; +} +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 1.5rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} + +p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #f19ea6; +} + +.p-multiselect { + background: #20262e; + border: 1px solid #3f4b5b; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; +} +.p-multiselect:not(.p-disabled):hover { + border-color: #3f4b5b; +} +.p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; + border-color: #8dd0ff; +} +.p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; +} +.p-multiselect .p-multiselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-multiselect.p-multiselect-chip .p-multiselect-label { + gap: 0.5rem; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + background: #8dd0ff; + color: #151515; + border-radius: 4px; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; +} +.p-multiselect .p-multiselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; +} + +.p-multiselect-panel { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-radius: 4px; + box-shadow: none; +} +.p-multiselect-panel .p-multiselect-header { + padding: 0.75rem 1.5rem; + border-bottom: 1px solid #3f4b5b; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: transparent; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; +} +.p-multiselect-panel .p-multiselect-items { + padding: 0.5rem 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.5rem 1.5rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.15s; + border-radius: 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #151515; + background: #8dd0ff; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #e3f3fe; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + font-weight: 600; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 1.5rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} + +p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f19ea6; +} + +.p-input-filled .p-multiselect { + background: #3f4b5b; +} +.p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #3f4b5b; +} +.p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #3f4b5b; +} + +p-multiselect.p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; +} +p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; +} + +p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #f19ea6; +} + +.p-password-panel { + padding: 1.25rem; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + box-shadow: none; + border-radius: 4px; +} +.p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #3f4b5b; +} +.p-password-panel .p-password-meter .p-password-strength.weak { + background: #f19ea6; +} +.p-password-panel .p-password-meter .p-password-strength.medium { + background: #ffe082; +} +.p-password-panel .p-password-meter .p-password-strength.strong { + background: #9fdaa8; +} + +p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; +} +p-password.p-password-clearable .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; +} + +p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; +} +p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.5rem; +} + +.p-radiobutton { + width: 20px; + height: 20px; +} +.p-radiobutton .p-radiobutton-box { + border: 1px solid #3f4b5b; + background: #20262e; + width: 20px; + height: 20px; + color: rgba(255, 255, 255, 0.87); + border-radius: 50%; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #3f4b5b; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; + border-color: #8dd0ff; +} +.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 12px; + height: 12px; + transition-duration: 0.15s; + background-color: #151515; +} +.p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #8dd0ff; + background: #8dd0ff; +} +.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #1dadff; + background: #1dadff; + color: #151515; +} + +p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #f19ea6; +} + +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #3f4b5b; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #3f4b5b; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #8dd0ff; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #1dadff; +} + +.p-radiobutton-label { + margin-left: 0.5rem; +} + +.p-highlight .p-radiobutton .p-radiobutton-box { + border-color: #151515; +} + +.p-rating .p-rating-icon { + color: rgba(255, 255, 255, 0.87); + margin-left: 0.5rem; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + font-size: 1.143rem; +} +.p-rating .p-rating-icon.p-rating-cancel { + color: #f19ea6; +} +.p-rating .p-rating-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; +} +.p-rating .p-rating-icon:first-child { + margin-left: 0; +} +.p-rating .p-rating-icon.pi-star-fill { + color: #8dd0ff; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + color: #8dd0ff; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + color: #f19ea6; +} + +.p-highlight .p-rating .p-rating-icon { + color: #151515; +} + +.p-selectbutton .p-button { + background: #6c757d; + border: 1px solid #6c757d; + color: #ffffff; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; +} +.p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #ffffff; +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #5a6268; + border-color: #545b62; + color: #ffffff; +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #ffffff; +} +.p-selectbutton .p-button.p-highlight { + background: #545b62; + border-color: #4e555b; + color: #ffffff; +} +.p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #ffffff; +} +.p-selectbutton .p-button.p-highlight:hover { + background: #545b62; + border-color: #4e555b; + color: #ffffff; +} +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; +} + +p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #f19ea6; +} + +.p-slider { + background: #3f4b5b; + border: 0 none; + border-radius: 4px; +} +.p-slider.p-slider-horizontal { + height: 0.286rem; +} +.p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -0.5715rem; + margin-left: -0.5715rem; +} +.p-slider.p-slider-vertical { + width: 0.286rem; +} +.p-slider.p-slider-vertical .p-slider-handle { + margin-left: -0.5715rem; + margin-bottom: -0.5715rem; +} +.p-slider .p-slider-handle { + height: 1.143rem; + width: 1.143rem; + background: #8dd0ff; + border: 2px solid #8dd0ff; + border-radius: 4px; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; +} +.p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; +} +.p-slider .p-slider-range { + background: #8dd0ff; +} +.p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #56bdff; + border-color: #56bdff; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s, left 0.15s; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.15s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s, bottom 0.15s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.15s; +} + +.p-togglebutton.p-button { + background: #6c757d; + border: 1px solid #6c757d; + color: #ffffff; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; +} +.p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #ffffff; +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #5a6268; + border-color: #545b62; + color: #ffffff; +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #ffffff; +} +.p-togglebutton.p-button.p-highlight { + background: #545b62; + border-color: #4e555b; + color: #ffffff; +} +.p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #ffffff; +} +.p-togglebutton.p-button.p-highlight:hover { + background: #545b62; + border-color: #4e555b; + color: #ffffff; +} +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; +} + +p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #f19ea6; +} + +.p-treeselect { + background: #20262e; + border: 1px solid #3f4b5b; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; +} +.p-treeselect:not(.p-disabled):hover { + border-color: #3f4b5b; +} +.p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; + border-color: #8dd0ff; +} +.p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; +} +.p-treeselect .p-treeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f4b5b; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; +} +.p-treeselect .p-treeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #f19ea6; +} + +.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; +} + +.p-treeselect-panel { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-radius: 4px; + box-shadow: none; +} +.p-treeselect-panel .p-treeselect-header { + padding: 0.75rem 1.5rem; + border-bottom: 1px solid #3f4b5b; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: transparent; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.5rem 1.5rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} + +.p-input-filled .p-treeselect { + background: #3f4b5b; +} +.p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #3f4b5b; +} +.p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #3f4b5b; +} + +p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; +} +p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; +} + +.p-button { + color: #151515; + background: #8dd0ff; + border: 1px solid #8dd0ff; + padding: 0.5rem 0.75rem; + font-size: 1rem; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; +} +.p-button:enabled:hover { + background: #56bdff; + color: #151515; + border-color: #56bdff; +} +.p-button:enabled:active { + background: #1dadff; + color: #151515; + border-color: #1dadff; +} +.p-button.p-button-outlined { + background-color: transparent; + color: #8dd0ff; + border: 1px solid; +} +.p-button.p-button-outlined:enabled:hover { + background: rgba(141, 208, 255, 0.04); + color: #8dd0ff; + border: 1px solid; +} +.p-button.p-button-outlined:enabled:active { + background: rgba(141, 208, 255, 0.16); + color: #8dd0ff; + border: 1px solid; +} +.p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text { + background-color: transparent; + color: #8dd0ff; + border-color: transparent; +} +.p-button.p-button-text:enabled:hover { + background: rgba(141, 208, 255, 0.04); + color: #8dd0ff; + border-color: transparent; +} +.p-button.p-button-text:enabled:active { + background: rgba(141, 208, 255, 0.16); + color: #8dd0ff; + border-color: transparent; +} +.p-button.p-button-text.p-button-plain { + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; +} +.p-button .p-button-label { + transition-duration: 0.15s; +} +.p-button .p-button-icon-left { + margin-right: 0.5rem; +} +.p-button .p-button-icon-right { + margin-left: 0.5rem; +} +.p-button .p-button-icon-bottom { + margin-top: 0.5rem; +} +.p-button .p-button-icon-top { + margin-bottom: 0.5rem; +} +.p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #8dd0ff; + background-color: #151515; +} +.p-button.p-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); +} +.p-button.p-button-rounded { + border-radius: 2rem; +} +.p-button.p-button-icon-only { + width: 2.357rem; + padding: 0.5rem 0; +} +.p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; +} +.p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.357rem; +} +.p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; +} +.p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; +} +.p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; +} +.p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; +} +.p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; +} +.p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; +} + +.p-fluid .p-button { + width: 100%; +} +.p-fluid .p-button-icon-only { + width: 2.357rem; +} +.p-fluid .p-buttonset { + display: flex; +} +.p-fluid .p-buttonset .p-button { + flex: 1; +} + +.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + color: #ffffff; + background: #6c757d; + border: 1px solid #6c757d; +} +.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + background: #5a6268; + color: #ffffff; + border-color: #5a6268; +} +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + box-shadow: 0 0 0 1px rgba(130, 138, 145, 0.5); +} +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: #545b62; + color: #ffffff; + border-color: #4e555b; +} +.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + background-color: transparent; + color: #6c757d; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + background: rgba(108, 117, 125, 0.04); + color: #6c757d; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(108, 117, 125, 0.16); + color: #6c757d; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + background-color: transparent; + color: #6c757d; + border-color: transparent; +} +.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + background: rgba(108, 117, 125, 0.04); + border-color: transparent; + color: #6c757d; +} +.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + background: rgba(108, 117, 125, 0.16); + border-color: transparent; + color: #6c757d; +} + +.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #151515; + background: #7fd8e6; + border: 1px solid #4cc8db; +} +.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + background: #4cc8db; + color: #151515; + border-color: #26bdd3; +} +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #b1e8f0; +} +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: #26bdd3; + color: #151515; + border-color: #00b2cc; +} +.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + background-color: transparent; + color: #7fd8e6; + border: 1px solid; +} +.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + background: rgba(127, 216, 230, 0.04); + color: #7fd8e6; + border: 1px solid; +} +.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(127, 216, 230, 0.16); + color: #7fd8e6; + border: 1px solid; +} +.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + background-color: transparent; + color: #7fd8e6; + border-color: transparent; +} +.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + background: rgba(127, 216, 230, 0.04); + border-color: transparent; + color: #7fd8e6; +} +.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + background: rgba(127, 216, 230, 0.16); + border-color: transparent; + color: #7fd8e6; +} + +.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #151515; + background: #9fdaa8; + border: 1px solid #78cc86; +} +.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + background: #78cc86; + color: #151515; + border-color: #5ac06c; +} +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #c5e8ca; +} +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: #5ac06c; + color: #151515; + border-color: #3cb553; +} +.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + background-color: transparent; + color: #9fdaa8; + border: 1px solid; +} +.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + background: rgba(159, 218, 168, 0.04); + color: #9fdaa8; + border: 1px solid; +} +.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(159, 218, 168, 0.16); + color: #9fdaa8; + border: 1px solid; +} +.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + background-color: transparent; + color: #9fdaa8; + border-color: transparent; +} +.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + background: rgba(159, 218, 168, 0.04); + border-color: transparent; + color: #9fdaa8; +} +.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + background: rgba(159, 218, 168, 0.16); + border-color: transparent; + color: #9fdaa8; +} + +.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #151515; + background: #ffe082; + border: 1px solid #ffd54f; +} +.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + background: #ffd54f; + color: #151515; + border-color: #ffca28; +} +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #ffecb3; +} +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: #ffca28; + color: #151515; + border-color: #ffc107; +} +.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + background-color: transparent; + color: #ffe082; + border: 1px solid; +} +.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + background: rgba(255, 224, 130, 0.04); + color: #ffe082; + border: 1px solid; +} +.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(255, 224, 130, 0.16); + color: #ffe082; + border: 1px solid; +} +.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + background-color: transparent; + color: #ffe082; + border-color: transparent; +} +.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + background: rgba(255, 224, 130, 0.04); + border-color: transparent; + color: #ffe082; +} +.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + background: rgba(255, 224, 130, 0.16); + border-color: transparent; + color: #ffe082; +} + +.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #151515; + background: #b7a2e0; + border: 1px solid #9a7cd4; +} +.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + background: #9a7cd4; + color: #151515; + border-color: #845fca; +} +.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #d3c7ec; +} +.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: #845fca; + color: #151515; + border-color: #6d43c0; +} +.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + background-color: transparent; + color: #b7a2e0; + border: 1px solid; +} +.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + background: rgba(183, 162, 224, 0.04); + color: #b7a2e0; + border: 1px solid; +} +.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(183, 162, 224, 0.16); + color: #b7a2e0; + border: 1px solid; +} +.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + background-color: transparent; + color: #b7a2e0; + border-color: transparent; +} +.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + background: rgba(183, 162, 224, 0.04); + border-color: transparent; + color: #b7a2e0; +} +.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + background: rgba(183, 162, 224, 0.16); + border-color: transparent; + color: #b7a2e0; +} + +.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #151515; + background: #f19ea6; + border: 1px solid #e97984; +} +.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + background: #e97984; + color: #151515; + border-color: #f75965; +} +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #ffd0d9; +} +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: #f75965; + color: #151515; + border-color: #fd464e; +} +.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + background-color: transparent; + color: #f19ea6; + border: 1px solid; +} +.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + background: rgba(241, 158, 166, 0.04); + color: #f19ea6; + border: 1px solid; +} +.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(241, 158, 166, 0.16); + color: #f19ea6; + border: 1px solid; +} +.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + background-color: transparent; + color: #f19ea6; + border-color: transparent; +} +.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + background: rgba(241, 158, 166, 0.04); + border-color: transparent; + color: #f19ea6; +} +.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + background: rgba(241, 158, 166, 0.16); + border-color: transparent; + color: #f19ea6; +} + +.p-button.p-button-link { + color: #8dd0ff; + background: transparent; + border: transparent; +} +.p-button.p-button-link:enabled:hover { + background: transparent; + color: #56bdff; + border-color: transparent; +} +.p-button.p-button-link:enabled:hover .p-button-label { + text-decoration: underline; +} +.p-button.p-button-link:enabled:focus { + background: transparent; + box-shadow: 0 0 0 1px #e3f3fe; + border-color: transparent; +} +.p-button.p-button-link:enabled:active { + background: transparent; + color: #8dd0ff; + border-color: transparent; +} + +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: #343e4d; + color: #fff; +} +.p-speeddial-action:hover { + background: #3f4b5b; + color: #fff; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +.p-splitbutton { + border-radius: 4px; +} +.p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #8dd0ff; + border: 1px solid; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(141, 208, 255, 0.04); + color: #8dd0ff; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(141, 208, 255, 0.16); + color: #8dd0ff; +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #8dd0ff; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(141, 208, 255, 0.04); + color: #8dd0ff; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(141, 208, 255, 0.16); + color: #8dd0ff; + border-color: transparent; +} +.p-splitbutton.p-button-text.p-button-plain > .p-button { + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-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); +} +.p-splitbutton.p-button-rounded { + border-radius: 2rem; +} +.p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; +} +.p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; +} +.p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; +} +.p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; +} +.p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; +} + +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #6c757d; + border: 1px solid; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(108, 117, 125, 0.04); + color: #6c757d; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(108, 117, 125, 0.16); + color: #6c757d; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #6c757d; + border-color: transparent; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(108, 117, 125, 0.04); + border-color: transparent; + color: #6c757d; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(108, 117, 125, 0.16); + border-color: transparent; + color: #6c757d; +} + +.p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #7fd8e6; + border: 1px solid; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(127, 216, 230, 0.04); + color: #7fd8e6; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(127, 216, 230, 0.16); + color: #7fd8e6; +} +.p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #7fd8e6; + border-color: transparent; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(127, 216, 230, 0.04); + border-color: transparent; + color: #7fd8e6; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(127, 216, 230, 0.16); + border-color: transparent; + color: #7fd8e6; +} + +.p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #9fdaa8; + border: 1px solid; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(159, 218, 168, 0.04); + color: #9fdaa8; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(159, 218, 168, 0.16); + color: #9fdaa8; +} +.p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #9fdaa8; + border-color: transparent; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(159, 218, 168, 0.04); + border-color: transparent; + color: #9fdaa8; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(159, 218, 168, 0.16); + border-color: transparent; + color: #9fdaa8; +} + +.p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #ffe082; + border: 1px solid; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 224, 130, 0.04); + color: #ffe082; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 224, 130, 0.16); + color: #ffe082; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #ffe082; + border-color: transparent; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 224, 130, 0.04); + border-color: transparent; + color: #ffe082; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 224, 130, 0.16); + border-color: transparent; + color: #ffe082; +} + +.p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #b7a2e0; + border: 1px solid; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(183, 162, 224, 0.04); + color: #b7a2e0; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(183, 162, 224, 0.16); + color: #b7a2e0; +} +.p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #b7a2e0; + border-color: transparent; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(183, 162, 224, 0.04); + border-color: transparent; + color: #b7a2e0; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(183, 162, 224, 0.16); + border-color: transparent; + color: #b7a2e0; +} + +.p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #f19ea6; + border: 1px solid; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(241, 158, 166, 0.04); + color: #f19ea6; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(241, 158, 166, 0.16); + color: #f19ea6; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #f19ea6; + border-color: transparent; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(241, 158, 166, 0.04); + border-color: transparent; + color: #f19ea6; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(241, 158, 166, 0.16); + border-color: transparent; + color: #f19ea6; +} + +.p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; + margin: 0.5rem; +} +.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: transparent; +} +.p-carousel .p-carousel-content .p-carousel-prev:focus, +.p-carousel .p-carousel-content .p-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; +} +.p-carousel .p-carousel-indicators { + padding: 1rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #3f4b5b; + width: 2rem; + height: 0.5rem; + transition: color 0.15s, box-shadow 0.15s; + border-radius: 0; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: rgba(255, 255, 255, 0.04); +} +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #8dd0ff; + color: #151515; +} + +.p-datatable .p-paginator-top { + border-width: 0; + border-radius: 0; +} +.p-datatable .p-paginator-bottom { + border-width: 1px 0 0 0; + border-radius: 0; +} +.p-datatable .p-datatable-header { + background: #2a323d; + color: rgba(255, 255, 255, 0.6); + border: solid #3f4b5b; + border-width: 1px 0 0 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-datatable .p-datatable-footer { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #3f4b5b; + border-width: 1px 0 2px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + transition: box-shadow 0.15s; +} +.p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #3f4b5b; + border-width: 1px 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; +} +.p-datatable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #151515; + background: #8dd0ff; + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column.p-highlight { + background: #2a323d; + color: #8dd0ff; +} +.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #8dd0ff; +} +.p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(255, 255, 255, 0.04); + color: #8dd0ff; +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #8dd0ff; +} +.p-datatable .p-sortable-column:focus { + box-shadow: inset 0 0 0 0.15rem #e3f3fe; + outline: 0 none; +} +.p-datatable .p-datatable-tbody > tr { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.15s; +} +.p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #3f4b5b; + border-width: 1px 0 0 0; + padding: 1rem 1rem; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: transparent; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; +} +.p-datatable .p-datatable-tbody > tr:focus { + outline: 0.15rem solid #e3f3fe; + outline-offset: 0.15rem; +} +.p-datatable .p-datatable-tbody > tr.p-highlight { + background: #8dd0ff; + color: #151515; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #8dd0ff; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #8dd0ff; +} +.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-column-resizer-helper { + background: #8dd0ff; +} +.p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #2a323d; +} +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #2a323d; +} +.p-datatable .p-datatable-loading-icon { + font-size: 2rem; +} +.p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #2f3641; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #8dd0ff; + color: #151515; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #151515; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #151515; +} +.p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; +} + +.p-dataview .p-paginator-top { + border-width: 0; + border-radius: 0; +} +.p-dataview .p-paginator-bottom { + border-width: 1px 0 0 0; + border-radius: 0; +} +.p-dataview .p-dataview-header { + background: #2a323d; + color: rgba(255, 255, 255, 0.6); + border: solid #3f4b5b; + border-width: 1px 0 0 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-dataview .p-dataview-content { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; +} +.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { + border: 1px solid #3f4b5b; + border-width: 1px 0 0 0; +} +.p-dataview .p-dataview-footer { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-dataview .p-dataview-loading-icon { + font-size: 2rem; +} +.p-dataview .p-dataview-emptymessage { + padding: 1.25rem; +} + +.p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; +} + +.p-column-filter-menu-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; +} +.p-column-filter-menu-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: transparent; +} +.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: transparent; + color: rgba(255, 255, 255, 0.87); +} +.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #8dd0ff; + color: #151515; +} +.p-column-filter-menu-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; +} + +.p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; +} +.p-column-filter-clear-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: transparent; +} +.p-column-filter-clear-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; +} + +.p-column-filter-overlay { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-radius: 4px; + box-shadow: none; + min-width: 12.5rem; +} +.p-column-filter-overlay .p-column-filter-row-items { + padding: 0.5rem 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.5rem 1.5rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.15s; + border-radius: 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #151515; + background: #8dd0ff; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #e3f3fe; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #3f4b5b; + margin: 0.5rem 0; +} + +.p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem 1.5rem; + border-bottom: 1px solid #3f4b5b; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1.25rem; + border-bottom: 1px solid #3f4b5b; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; +} +.p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.5rem 1.25rem; +} +.p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1.25rem; +} + +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { + background: #2a323d; + border: 1px solid #3f4b5b; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-view-container td.fc-widget-content { + background: #2a323d; + border: 1px solid #3f4b5b; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #3f4b5b; +} +.fc.fc-unthemed .fc-view-container .fc-row { + border-right: 1px solid #3f4b5b; +} +.fc.fc-unthemed .fc-view-container .fc-event { + background: #56bdff; + border: 1px solid #56bdff; + color: #151515; +} +.fc.fc-unthemed .fc-view-container .fc-divider { + background: #2a323d; + border: 1px solid #3f4b5b; +} +.fc.fc-unthemed .fc-toolbar .fc-button { + color: #151515; + background: #8dd0ff; + border: 1px solid #8dd0ff; + font-size: 1rem; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; + display: flex; + align-items: center; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { + background: #56bdff; + color: #151515; + border-color: #56bdff; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { + background: #1dadff; + color: #151515; + border-color: #1dadff; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-unthemed .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #6c757d; + border: 1px solid #6c757d; + color: #ffffff; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #5a6268; + border-color: #545b62; + color: #ffffff; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #545b62; + border-color: #4e555b; + color: #ffffff; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #545b62; + border-color: #4e555b; + color: #ffffff; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; + z-index: 1; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #3f4b5b; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #2a323d; + border-color: #3f4b5b; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness td { + color: rgba(255, 255, 255, 0.87); + border-color: #3f4b5b; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #2a323d; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover { + background: none; + border: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { + border: 1px solid #3f4b5b; + padding: 1rem 1.25rem; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { + opacity: 1; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; + font-family: "PrimeIcons" !important; + font-size: 1rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { + content: "\e90b"; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: transparent; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { + padding: 1.25rem; + border: 1px solid #3f4b5b; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #151515; + background: #56bdff; + border-color: #56bdff; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #151515; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: #56bdff; + border-color: #56bdff; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #2a323d; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #151515; + background: #8dd0ff; + border: 1px solid #8dd0ff; + font-size: 1rem; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: #56bdff; + color: #151515; + border-color: #56bdff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: #1dadff; + color: #151515; + border-color: #1dadff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.65; + color: #151515; + background: #8dd0ff; + border: 1px solid #8dd0ff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #6c757d; + border: 1px solid #6c757d; + color: #ffffff; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #5a6268; + border-color: #545b62; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #545b62; + border-color: #4e555b; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #545b62; + border-color: #4e555b; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.fc.fc-theme-standard a { + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-highlight { + color: #151515; + background: #8dd0ff; +} + +.p-orderlist .p-orderlist-controls { + padding: 1.25rem; +} +.p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; +} +.p-orderlist .p-orderlist-header { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + padding: 1rem 1.25rem; + border-bottom: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; +} +.p-orderlist .p-orderlist-filter-container { + padding: 1rem 1.25rem; + background: #2a323d; + border: 1px solid #3f4b5b; + border-bottom: 0 none; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-orderlist .p-orderlist-list { + border: 1px solid #3f4b5b; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 1.5rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.15s; +} +.p-orderlist .p-orderlist-list .p-orderlist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #e3f3fe; +} +.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #151515; + background: #8dd0ff; +} +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 1.5rem; + color: rgba(255, 255, 255, 0.87); +} +.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: rgba(255, 255, 255, 0.02); +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.04); +} + +.p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 1.5rem; + box-shadow: none; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + margin: 0; +} + +.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #8dd0ff; + color: #151515; +} +.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #0e9bff; +} +.p-organizationchart .p-organizationchart-line-down { + background: #3f4b5b; +} +.p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #3f4b5b; + border-color: #3f4b5b; +} +.p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #3f4b5b; + border-color: #3f4b5b; +} +.p-organizationchart .p-organizationchart-node-content { + border: 1px solid #3f4b5b; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; +} + +.p-paginator { + background: #2a323d; + color: #8dd0ff; + border: solid #3f4b5b; + border-width: 0; + padding: 0.75rem; + border-radius: 4px; +} +.p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 1px solid #3f4b5b; + color: #8dd0ff; + min-width: 2.357rem; + height: 2.357rem; + margin: 0 0 0 -1px; + transition: box-shadow 0.15s; + border-radius: 0; +} +.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + border-color: #3f4b5b; + color: #8dd0ff; +} +.p-paginator .p-paginator-first { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.357rem; +} +.p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; +} +.p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; +} +.p-paginator .p-paginator-page-input .p-inputtext { + max-width: 2.357rem; +} +.p-paginator .p-paginator-current { + background-color: transparent; + border: 1px solid #3f4b5b; + color: #8dd0ff; + min-width: 2.357rem; + height: 2.357rem; + margin: 0 0 0 -1px; + padding: 0 0.5rem; +} +.p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 1px solid #3f4b5b; + color: #8dd0ff; + min-width: 2.357rem; + height: 2.357rem; + margin: 0 0 0 -1px; + transition: box-shadow 0.15s; + border-radius: 0; +} +.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #8dd0ff; + border-color: #8dd0ff; + color: #151515; +} +.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + border-color: #3f4b5b; + color: #8dd0ff; +} + +.p-picklist .p-picklist-buttons { + padding: 1.25rem; +} +.p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; +} +.p-picklist .p-picklist-header { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + padding: 1rem 1.25rem; + border-bottom: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; +} +.p-picklist .p-picklist-filter-container { + padding: 1rem 1.25rem; + background: #2a323d; + border: 1px solid #3f4b5b; + border-bottom: 0 none; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-picklist .p-picklist-list { + border: 1px solid #3f4b5b; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 1.5rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.15s; +} +.p-picklist .p-picklist-list .p-picklist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #e3f3fe; +} +.p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #151515; + background: #8dd0ff; +} +.p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 1.5rem; + color: rgba(255, 255, 255, 0.87); +} +.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: rgba(255, 255, 255, 0.02); +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.04); +} + +.p-picklist-item.cdk-drag-preview { + padding: 0.5rem 1.5rem; + box-shadow: none; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + margin: 0; +} + +.p-timeline .p-timeline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #8dd0ff; +} +.p-timeline .p-timeline-event-connector { + background-color: #3f4b5b; +} +.p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; +} +.p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; +} + +.p-tree { + border: 1px solid #3f4b5b; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + border-radius: 4px; +} +.p-tree .p-tree-container .p-treenode { + padding: 0.143rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 4px; + transition: box-shadow 0.15s; + padding: 0.286rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: transparent; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #e3f3fe; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #8dd0ff; + color: #151515; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #151515; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #151515; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; +} +.p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; +} +.p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-tree .p-treenode-children { + padding: 0 0 0 1rem; +} +.p-tree .p-tree-loading-icon { + font-size: 2rem; +} +.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: #3eafff; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 4px; + border: 1px solid #3f4b5b; + background-color: #2a323d; + color: rgba(255, 255, 255, 0.87); + padding: 0.286rem; + transition: box-shadow 0.15s; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #8dd0ff; + color: #151515; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #151515; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; +} + +.p-treetable .p-paginator-top { + border-width: 0; + border-radius: 0; +} +.p-treetable .p-paginator-bottom { + border-width: 1px 0 0 0; + border-radius: 0; +} +.p-treetable .p-treetable-header { + background: #2a323d; + color: rgba(255, 255, 255, 0.6); + border: solid #3f4b5b; + border-width: 1px 0 0 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-treetable .p-treetable-footer { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #3f4b5b; + border-width: 1px 0 2px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + transition: box-shadow 0.15s; +} +.p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #3f4b5b; + border-width: 1px 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; +} +.p-treetable .p-sortable-column { + outline-color: #e3f3fe; +} +.p-treetable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #151515; + background: #8dd0ff; + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-sortable-column.p-highlight { + background: #2a323d; + color: #8dd0ff; +} +.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #8dd0ff; +} +.p-treetable .p-treetable-tbody > tr { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.15s; +} +.p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #3f4b5b; + border-width: 1px 0 0 0; + padding: 1rem 1rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: transparent; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-treetable-tbody > tr:focus { + outline: 0.15rem solid #e3f3fe; + outline-offset: -0.15rem; +} +.p-treetable .p-treetable-tbody > tr.p-highlight { + background: #8dd0ff; + color: #151515; +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #151515; +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #151515; +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-column-resizer-helper { + background: #8dd0ff; +} +.p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #2a323d; +} +.p-treetable .p-treetable-loading-icon { + font-size: 2rem; +} +.p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.875rem 0.875rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 1.25rem 1.25rem; +} + +.p-virtualscroller .p-virtualscroller-header { + background: #2a323d; + color: rgba(255, 255, 255, 0.6); + border: solid #3f4b5b; + border-width: 1px 0 0 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-virtualscroller .p-virtualscroller-content { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; +} +.p-virtualscroller .p-virtualscroller-footer { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1rem 1.25rem; + border: 1px solid #3f4b5b; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + font-weight: 600; + border-radius: 4px; + transition: box-shadow 0.15s; +} +.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; +} +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; +} +.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: rgba(255, 255, 255, 0.04); + border-color: #3f4b5b; + color: rgba(255, 255, 255, 0.87); +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #2a323d; + border-color: #3f4b5b; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #3f4b5b; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-accordion .p-accordion-content { + padding: 1.25rem; + border: 1px solid #3f4b5b; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; +} +.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; +} +.p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; +} +.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 none; +} +.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-top: 0 none; +} +.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-card { + background: #2a323d; + 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; +} +.p-card .p-card-body { + padding: 1.5rem; +} +.p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +.p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-card .p-card-content { + padding: 1rem 0; +} +.p-card .p-card-footer { + padding: 1rem 0 0 0; +} + +.p-divider .p-divider-content { + background-color: #2a323d; +} +.p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +.p-divider.p-divider-horizontal:before { + border-top: 1px #3f4b5b; +} +.p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; +} +.p-divider.p-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; +} +.p-divider.p-divider-vertical:before { + border-left: 1px #3f4b5b; +} +.p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; +} + +.p-fieldset { + border: 1px solid #3f4b5b; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; +} +.p-fieldset .p-fieldset-legend { + padding: 1rem 1.25rem; + border: 1px solid #3f4b5b; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + font-weight: 600; + border-radius: 4px; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: color 0.15s, box-shadow 0.15s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; + transition: box-shadow 0.15s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.04); + border-color: #3f4b5b; + color: rgba(255, 255, 255, 0.87); +} +.p-fieldset .p-fieldset-content { + padding: 1.25rem; +} + +.p-panel .p-panel-header { + border: 1px solid #3f4b5b; + padding: 1rem 1.25rem; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-panel .p-panel-header .p-panel-title { + font-weight: 600; +} +.p-panel .p-panel-header .p-panel-header-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; +} +.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: transparent; +} +.p-panel .p-panel-header .p-panel-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; +} +.p-panel.p-panel-toggleable .p-panel-header { + padding: 0.5rem 1.25rem; +} +.p-panel .p-panel-content { + padding: 1.25rem; + border: 1px solid #3f4b5b; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + border-top: 0 none; +} +.p-panel .p-panel-footer { + padding: 0.5rem 1.25rem; + border: 1px solid #3f4b5b; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} +.p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; +} +.p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; +} +.p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; +} + +.p-scrollpanel .p-scrollpanel-bar { + background: #3f4b5b; + border: 0 none; +} + +.p-splitter { + border: 1px solid #3f4b5b; + background: #2a323d; + border-radius: 4px; + color: rgba(255, 255, 255, 0.87); +} +.p-splitter .p-splitter-gutter { + transition: color 0.15s, box-shadow 0.15s; + background: rgba(255, 255, 255, 0.04); +} +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #3f4b5b; +} +.p-splitter .p-splitter-gutter-resizing { + background: #3f4b5b; +} + +.p-tabview .p-tabview-nav { + background: transparent; + border: 1px solid #3f4b5b; + border-width: 0 0 1px 0; +} +.p-tabview .p-tabview-nav li { + margin-right: 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid; + border-width: 1px; + border-color: #2a323d #2a323d #3f4b5b #2a323d; + background: #2a323d; + color: rgba(255, 255, 255, 0.6); + padding: 0.75rem 1rem; + font-weight: 600; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: box-shadow 0.15s; + margin: 0 0 -1px 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #e3f3fe; +} +.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #2a323d; + border-color: #3f4b5b; + color: rgba(255, 255, 255, 0.87); +} +.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #2a323d; + border-color: #3f4b5b #3f4b5b #2a323d #3f4b5b; + color: rgba(255, 255, 255, 0.6); +} +.p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; +} +.p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-close { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-nav-btn.p-link { + background: #2a323d; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + 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); + border-radius: 0; +} +.p-tabview .p-tabview-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #e3f3fe; +} +.p-tabview .p-tabview-panels { + background: #2a323d; + padding: 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-toolbar { + background: #2a323d; + border: 1px solid #3f4b5b; + padding: 1rem 1.25rem; + border-radius: 4px; + gap: 0.5rem; +} +.p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; +} + +.p-confirm-popup { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-radius: 4px; + box-shadow: none; +} +.p-confirm-popup .p-confirm-popup-content { + padding: 1.25rem; +} +.p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.5rem 1.25rem; +} +.p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; +} +.p-confirm-popup:after { + border: solid transparent; + border-color: rgba(42, 50, 61, 0); + border-bottom-color: #2a323d; +} +.p-confirm-popup:before { + border: solid transparent; + border-color: rgba(63, 75, 91, 0); + border-bottom-color: #3f4b5b; +} +.p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #2a323d; +} +.p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #3f4b5b; +} +.p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; +} +.p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; +} + +.p-dialog { + border-radius: 4px; + box-shadow: none; + border: 1px solid #3f4b5b; +} +.p-dialog .p-dialog-header { + border-bottom: 1px solid #3f4b5b; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + padding: 1rem; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.25rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; + margin-right: 0.5rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: transparent; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; +} +.p-dialog .p-dialog-content { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + padding: 1rem; +} +.p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-dialog .p-dialog-footer { + border-top: 1px solid #3f4b5b; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + padding: 1rem; + text-align: right; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; +} + +.p-overlaypanel { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-radius: 4px; + box-shadow: none; +} +.p-overlaypanel .p-overlaypanel-content { + padding: 1.25rem; +} +.p-overlaypanel .p-overlaypanel-close { + background: #8dd0ff; + color: #151515; + width: 2rem; + height: 2rem; + transition: color 0.15s, box-shadow 0.15s; + border-radius: 50%; + position: absolute; + top: -1rem; + right: -1rem; +} +.p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #56bdff; + color: #151515; +} +.p-overlaypanel:after { + border: solid transparent; + border-color: rgba(42, 50, 61, 0); + border-bottom-color: #2a323d; +} +.p-overlaypanel:before { + border: solid transparent; + border-color: rgba(63, 75, 91, 0); + border-bottom-color: #3c4756; +} +.p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #2a323d; +} +.p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #3f4b5b; +} + +.p-sidebar { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + box-shadow: none; +} +.p-sidebar .p-sidebar-header { + padding: 1rem 1.25rem; +} +.p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; +} +.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: transparent; +} +.p-sidebar .p-sidebar-header .p-sidebar-close:focus, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; +} +.p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; +} +.p-sidebar .p-sidebar-content { + padding: 1.25rem; +} +.p-sidebar .p-sidebar-footer { + padding: 1rem 1.25rem; +} + +.p-tooltip .p-tooltip-text { + background: #3f4b5b; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem 0.75rem; + box-shadow: none; + border-radius: 4px; +} +.p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #3f4b5b; +} +.p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #3f4b5b; +} +.p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #3f4b5b; +} +.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #3f4b5b; +} + +.p-fileupload .p-fileupload-buttonbar { + background: #2a323d; + padding: 1rem 1.25rem; + border: 1px solid #3f4b5b; + color: rgba(255, 255, 255, 0.87); + border-bottom: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; +} +.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; +} +.p-fileupload .p-fileupload-content { + background: #2a323d; + padding: 2rem 1rem; + border: 1px solid #3f4b5b; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-fileupload .p-progressbar { + height: 0.25rem; +} +.p-fileupload .p-fileupload-row > div { + padding: 1rem 1rem; +} +.p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; +} + +.p-fileupload-choose:not(.p-disabled):hover { + background: #56bdff; + color: #151515; + border-color: #56bdff; +} +.p-fileupload-choose:not(.p-disabled):active { + background: #1dadff; + color: #151515; + border-color: #1dadff; +} + +.p-breadcrumb { + background: #343e4d; + border: 0 none; + border-radius: 4px; + padding: 1rem; +} +.p-breadcrumb ul li .p-menuitem-link { + transition: box-shadow 0.15s; + border-radius: 4px; +} +.p-breadcrumb ul li .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { + color: #8dd0ff; +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { + color: #8dd0ff; +} +.p-breadcrumb ul li.p-breadcrumb-chevron { + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.87); +} +.p-breadcrumb ul li:last-child .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-breadcrumb ul li:last-child .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} + +.p-contextmenu { + padding: 0.5rem 0; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + box-shadow: none; + border-radius: 4px; + width: 12.5rem; +} +.p-contextmenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.15s; + user-select: none; +} +.p-contextmenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-contextmenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #e3f3fe; +} +.p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #2a323d; + border: 1px solid #3f4b5b; + box-shadow: none; + border-radius: 4px; +} +.p-contextmenu .p-menuitem { + margin: 0; +} +.p-contextmenu .p-menuitem:last-child { + margin: 0; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #20262e; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menu-separator { + border-top: 1px solid #3f4b5b; + margin: 0.5rem 0; +} +.p-contextmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-contextmenu .p-menuitem-badge { + background: #8dd0ff; + color: #151515; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + +@media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } +} +.p-megamenu { + padding: 0.5rem 1rem; + background: #343e4d; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + border-radius: 4px; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 1rem; + color: rgba(255, 255, 255, 0.6); + border-radius: 4px; + transition: box-shadow 0.15s; + user-select: none; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: transparent; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #e3f3fe; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: transparent; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.15s; + user-select: none; +} +.p-megamenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-megamenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #e3f3fe; +} +.p-megamenu .p-megamenu-panel { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + box-shadow: none; +} +.p-megamenu .p-megamenu-submenu-header { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + font-weight: 600; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-megamenu .p-megamenu-submenu { + padding: 0.5rem 0; + width: 12.5rem; +} +.p-megamenu .p-megamenu-submenu .p-menu-separator { + border-top: 1px solid #3f4b5b; + margin: 0.5rem 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem { + margin: 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #20262e; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.5rem 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem { + margin: 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem-badge { + background: #8dd0ff; + color: #151515; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menu { + padding: 0.5rem 0; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-radius: 4px; + width: 12.5rem; +} +.p-menu .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.15s; + user-select: none; +} +.p-menu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #e3f3fe; +} +.p-menu.p-menu-overlay { + background: #2a323d; + border: 1px solid #3f4b5b; + box-shadow: none; +} +.p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.p-menu .p-menu-separator { + border-top: 1px solid #3f4b5b; + margin: 0.5rem 0; +} +.p-menu .p-menuitem { + margin: 0; +} +.p-menu .p-menuitem:last-child { + margin: 0; +} +.p-menu .p-menuitem-badge { + background: #8dd0ff; + color: #151515; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menubar { + padding: 0.5rem 1rem; + background: #343e4d; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + border-radius: 4px; +} +.p-menubar .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.15s; + user-select: none; +} +.p-menubar .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menubar .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #e3f3fe; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 1rem; + color: rgba(255, 255, 255, 0.6); + border-radius: 4px; + transition: box-shadow 0.15s; + user-select: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: transparent; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #e3f3fe; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: transparent; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-submenu-list { + padding: 0.5rem 0; + background: #2a323d; + border: 1px solid #3f4b5b; + box-shadow: none; + width: 12.5rem; +} +.p-menubar .p-submenu-list .p-menu-separator { + border-top: 1px solid #3f4b5b; + margin: 0.5rem 0; +} +.p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; +} +.p-menubar .p-submenu-list .p-menuitem { + margin: 0; +} +.p-menubar .p-submenu-list .p-menuitem:last-child { + margin: 0; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #20262e; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-badge { + background: #8dd0ff; + color: #151515; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +@media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.5rem 0; + background: #2a323d; + border: 1px solid #3f4b5b; + box-shadow: none; + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menu-separator { + border-top: 1px solid #3f4b5b; + margin: 0.5rem 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.15s; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #e3f3fe; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { + margin-left: auto; + transition: transform 0.15s; + } + .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.15s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } +} +.p-panelmenu .p-panelmenu-header > a { + padding: 1rem 1.25rem; + border: 1px solid #3f4b5b; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + font-weight: 600; + border-radius: 4px; + transition: box-shadow 0.15s; +} +.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; +} +.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + background: rgba(255, 255, 255, 0.04); + border-color: #3f4b5b; + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-header.p-highlight { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight > a { + background: #2a323d; + border-color: #3f4b5b; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + border-color: #3f4b5b; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content { + padding: 0.5rem 0; + border: 1px solid #3f4b5b; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + margin-bottom: 0; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.15s; + user-select: none; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #e3f3fe; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { + padding: 0 0 0 1rem; +} +.p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { + border-radius: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; +} +.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { + border-top: 0 none; +} +.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { + border-top: 0 none; +} +.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-panelmenu .p-menuitem-badge { + background: #8dd0ff; + color: #151515; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-slidemenu { + padding: 0.5rem 0; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-radius: 4px; + width: 12.5rem; +} +.p-slidemenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.15s; + user-select: none; +} +.p-slidemenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-slidemenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #e3f3fe; +} +.p-slidemenu.p-slidemenu-overlay { + background: #2a323d; + border: 1px solid #3f4b5b; + box-shadow: none; +} +.p-slidemenu .p-slidemenu-list { + padding: 0.5rem 0; + background: #2a323d; + border: 1px solid #3f4b5b; + box-shadow: none; +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { + background: #20262e; +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-slidemenu-separator { + border-top: 1px solid #3f4b5b; + margin: 0.5rem 0; +} +.p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; +} +.p-slidemenu .p-slidemenu-backward { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-badge { + background: #8dd0ff; + color: #151515; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: box-shadow 0.15s; + border-radius: 4px; + background: transparent; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 4px; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; +} +.p-steps .p-steps-item.p-highlight .p-steps-number { + background: #8dd0ff; + color: #151515; +} +.p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 600; + color: rgba(255, 255, 255, 0.87); +} +.p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #3f4b5b; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; +} + +.p-tabmenu .p-tabmenu-nav { + background: transparent; + border: 1px solid #3f4b5b; + border-width: 0 0 1px 0; +} +.p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #8dd0ff; + color: #151515; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid; + border-width: 1px; + border-color: #2a323d #2a323d #3f4b5b #2a323d; + background: #2a323d; + color: rgba(255, 255, 255, 0.6); + padding: 0.75rem 1rem; + font-weight: 600; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: box-shadow 0.15s; + margin: 0 0 -1px 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #e3f3fe; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #2a323d; + border-color: #3f4b5b; + color: rgba(255, 255, 255, 0.87); +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #2a323d; + border-color: #3f4b5b #3f4b5b #2a323d #3f4b5b; + color: rgba(255, 255, 255, 0.6); +} +.p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #2a323d; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + 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); + border-radius: 0; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #e3f3fe; +} + +.p-tieredmenu { + padding: 0.5rem 0; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-radius: 4px; + width: 12.5rem; +} +.p-tieredmenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.15s; + user-select: none; +} +.p-tieredmenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-tieredmenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #e3f3fe; +} +.p-tieredmenu.p-tieredmenu-overlay { + background: #2a323d; + border: 1px solid #3f4b5b; + box-shadow: none; +} +.p-tieredmenu .p-submenu-list { + padding: 0.5rem 0; + background: #2a323d; + border: 1px solid #3f4b5b; + box-shadow: none; +} +.p-tieredmenu .p-menuitem { + margin: 0; +} +.p-tieredmenu .p-menuitem:last-child { + margin: 0; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #20262e; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menu-separator { + border-top: 1px solid #3f4b5b; + margin: 0.5rem 0; +} +.p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-tieredmenu .p-menuitem-badge { + background: #8dd0ff; + color: #151515; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-inline-message { + padding: 0.5rem 0.75rem; + margin: 0; + border-radius: 4px; +} +.p-inline-message.p-inline-message-info { + background: #cce5ff; + border: solid #b8daff; + border-width: 0px; + color: #004085; +} +.p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #004085; +} +.p-inline-message.p-inline-message-success { + background: #d4edda; + border: solid #c3e6cb; + border-width: 0px; + color: #155724; +} +.p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #155724; +} +.p-inline-message.p-inline-message-warn { + background: #fff3cd; + border: solid #ffeeba; + border-width: 0px; + color: #856404; +} +.p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #856404; +} +.p-inline-message.p-inline-message-error { + background: #f8d7da; + border: solid #f5c6cb; + border-width: 0px; + color: #721c24; +} +.p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #721c24; +} +.p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; +} +.p-inline-message .p-inline-message-text { + font-size: 1rem; +} +.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; +} + +.p-message { + margin: 1rem 0; + border-radius: 4px; +} +.p-message .p-message-wrapper { + padding: 1rem 1.25rem; +} +.p-message .p-message-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: color 0.15s, box-shadow 0.15s; +} +.p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-message .p-message-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; +} +.p-message.p-message-info { + background: #cce5ff; + border: solid #b8daff; + border-width: 1px; + color: #004085; +} +.p-message.p-message-info .p-message-icon { + color: #004085; +} +.p-message.p-message-info .p-message-close { + color: #004085; +} +.p-message.p-message-success { + background: #d4edda; + border: solid #c3e6cb; + border-width: 1px; + color: #155724; +} +.p-message.p-message-success .p-message-icon { + color: #155724; +} +.p-message.p-message-success .p-message-close { + color: #155724; +} +.p-message.p-message-warn { + background: #fff3cd; + border: solid #ffeeba; + border-width: 1px; + color: #856404; +} +.p-message.p-message-warn .p-message-icon { + color: #856404; +} +.p-message.p-message-warn .p-message-close { + color: #856404; +} +.p-message.p-message-error { + background: #f8d7da; + border: solid #f5c6cb; + border-width: 1px; + color: #721c24; +} +.p-message.p-message-error .p-message-icon { + color: #721c24; +} +.p-message.p-message-error .p-message-close { + color: #721c24; +} +.p-message .p-message-text { + font-size: 1rem; + font-weight: 500; +} +.p-message .p-message-icon { + font-size: 1.5rem; + margin-right: 0.5rem; +} +.p-message .p-message-summary { + font-weight: 700; +} +.p-message .p-message-detail { + margin-left: 0.5rem; +} + +.p-toast { + opacity: 1; +} +.p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); + border-radius: 4px; +} +.p-toast .p-toast-message .p-toast-message-content { + padding: 1rem; + border-width: 0; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 1rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 2rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 700; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; +} +.p-toast .p-toast-message .p-toast-icon-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: color 0.15s, box-shadow 0.15s; +} +.p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-toast .p-toast-message .p-toast-icon-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; +} +.p-toast .p-toast-message.p-toast-message-info { + background: #cce5ff; + border: solid #b8daff; + border-width: 1px; + color: #004085; +} +.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #004085; +} +.p-toast .p-toast-message.p-toast-message-success { + background: #d4edda; + border: solid #c3e6cb; + border-width: 1px; + color: #155724; +} +.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #155724; +} +.p-toast .p-toast-message.p-toast-message-warn { + background: #fff3cd; + border: solid #ffeeba; + border-width: 1px; + color: #856404; +} +.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #856404; +} +.p-toast .p-toast-message.p-toast-message-error { + background: #f8d7da; + border: solid #f5c6cb; + border-width: 1px; + color: #721c24; +} +.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #721c24; +} + +.p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 4rem; + height: 4rem; + transition: color 0.15s, box-shadow 0.15s; + border-radius: 4px; +} +.p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria .p-galleria-item-nav { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 4rem; + height: 4rem; + transition: color 0.15s, box-shadow 0.15s; + border-radius: 4px; + margin: 0 0.5rem; +} +.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.6); +} +.p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.6); + padding: 1rem; +} +.p-galleria .p-galleria-indicators { + padding: 1rem; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #7789a1; + width: 1rem; + height: 1rem; + transition: color 0.15s, box-shadow 0.15s; + border-radius: 4px; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #687c97; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #8dd0ff; + color: #151515; +} +.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; +} +.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #8dd0ff; + color: #151515; +} +.p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2rem; + height: 2rem; + transition: color 0.15s, box-shadow 0.15s; + border-radius: 4px; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.6); +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; +} + +.p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-preview-indicator { + background-color: transparent; + color: #f8f9fa; + transition: color 0.15s, box-shadow 0.15s; +} + +.p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); +} + +.p-image-toolbar { + padding: 1rem; +} + +.p-image-action.p-link { + color: #f8f9fa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; + margin-right: 0.5rem; +} +.p-image-action.p-link:last-child { + margin-right: 0; +} +.p-image-action.p-link:hover { + color: #f8f9fa; + background-color: rgba(255, 255, 255, 0.1); +} +.p-image-action.p-link i { + font-size: 1.5rem; +} + +.p-avatar { + background-color: #3f4b5b; + border-radius: 4px; +} +.p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +.p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; +} +.p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +.p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; +} + +.p-avatar-group .p-avatar { + border: 2px solid #2a323d; +} + +.p-badge { + background: #8dd0ff; + color: #151515; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +.p-badge.p-badge-secondary { + background-color: #6c757d; + color: #ffffff; +} +.p-badge.p-badge-success { + background-color: #9fdaa8; + color: #151515; +} +.p-badge.p-badge-info { + background-color: #7fd8e6; + color: #151515; +} +.p-badge.p-badge-warning { + background-color: #ffe082; + color: #151515; +} +.p-badge.p-badge-danger { + background-color: #f19ea6; + color: #151515; +} +.p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +.p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} + +.p-chip { + background-color: #3f4b5b; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + padding: 0 0.75rem; +} +.p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} +.p-chip .p-chip-icon { + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; +} +.p-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.75rem; + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + border-radius: 4px; + transition: color 0.15s, box-shadow 0.15s; +} +.p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; +} + +.p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 4px; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; +} +.p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; +} + +.p-progressbar { + border: 0 none; + height: 1.5rem; + background: #3f4b5b; + border-radius: 4px; +} +.p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #8dd0ff; +} +.p-progressbar .p-progressbar-label { + color: #151515; + line-height: 1.5rem; +} + +.p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 4px; + box-shadow: none; + transition: color 0.15s, box-shadow 0.15s; +} +.p-scrolltop.p-link { + background: #8dd0ff; +} +.p-scrolltop.p-link:hover { + background: #56bdff; +} +.p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #151515; +} + +.p-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 4px; +} +.p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); +} + +.p-tag { + background: #8dd0ff; + color: #151515; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; +} +.p-tag.p-tag-success { + background-color: #9fdaa8; + color: #151515; +} +.p-tag.p-tag-info { + background-color: #7fd8e6; + color: #151515; +} +.p-tag.p-tag-warning { + background-color: #ffe082; + color: #151515; +} +.p-tag.p-tag-danger { + background-color: #f19ea6; + color: #151515; +} +.p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +.p-terminal { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + padding: 1.25rem; +} +.p-terminal .p-terminal-input { + font-size: 1rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; +} + +/* Vendor extensions to the designer enhanced bootstrap compatibility */ +.p-breadcrumb .p-breadcrumb-chevron { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; +} +.p-breadcrumb .p-breadcrumb-chevron:before { + content: "/"; +} + +.fc.fc-theme-standard .fc-highlight { + background: #476880; +} + +/* Customizations to the designer theme should be defined here */ diff --git a/assets/layout/styles/theme/bootstrap4-dark-blue/theme.css.br b/assets/layout/styles/theme/bootstrap4-dark-blue/theme.css.br new file mode 100644 index 0000000..f2063ee Binary files /dev/null and b/assets/layout/styles/theme/bootstrap4-dark-blue/theme.css.br differ diff --git a/assets/layout/styles/theme/bootstrap4-dark-blue/theme.css.gz b/assets/layout/styles/theme/bootstrap4-dark-blue/theme.css.gz new file mode 100644 index 0000000..f935486 Binary files /dev/null and b/assets/layout/styles/theme/bootstrap4-dark-blue/theme.css.gz differ diff --git a/assets/layout/styles/theme/bootstrap4-dark-purple/theme.css b/assets/layout/styles/theme/bootstrap4-dark-purple/theme.css new file mode 100644 index 0000000..a3f1c5b --- /dev/null +++ b/assets/layout/styles/theme/bootstrap4-dark-purple/theme.css @@ -0,0 +1,6314 @@ +:root { + --surface-a:#2a323d; + --surface-b:#20262e; + --surface-c:rgba(255, 255, 255, 0.04); + --surface-d:#3f4b5b; + --surface-e:#2a323d; + --surface-f:#2a323d; + --text-color:rgba(255, 255, 255, 0.87); + --text-color-secondary:rgba(255, 255, 255, 0.6); + --primary-color:#c298d8; + --primary-color-text:#151515; + --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --surface-0: #20262e; + --surface-50: #363c43; + --surface-100: #4d5158; + --surface-200: #63676d; + --surface-300: #797d82; + --surface-400: #909397; + --surface-500: #a6a8ab; + --surface-600: #bcbec0; + --surface-700: #d2d4d5; + --surface-800: #e9e9ea; + --surface-900: #ffffff; + --gray-50:#e9e9ea; + --gray-100: #d2d4d5; + --gray-200: #bcbec0; + --gray-300: #a6a8ab; + --gray-400: #909397; + --gray-500: #797d82; + --gray-600: #63676d; + --gray-700: #4d5158; + --gray-800: #363c43; + --gray-900: #20262e; + --content-padding:1.25rem; + --inline-spacing:0.5rem; + --border-radius:4px; + --surface-ground:#20262e; + --surface-section:#20262e; + --surface-card:#2a323d; + --surface-overlay:#2a323d; + --surface-border:#3f4b5b; + --surface-hover:rgba(255,255,255,.04); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 1px #f0e6f5; + color-scheme: dark; +} + +* { + box-sizing: border-box; +} + +.p-component { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + font-weight: normal; +} + +.p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.15s; +} + +.p-disabled, .p-component:disabled { + opacity: 0.65; +} + +.p-error { + color: #f19ea6; +} + +.p-text-secondary { + color: rgba(255, 255, 255, 0.6); +} + +.pi { + font-size: 1rem; +} + +.p-link { + font-size: 1rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + border-radius: 4px; +} +.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; +} + +.p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; +} + +.p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; +} + +@keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } +} +@keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } +} + +:root { + --blue-50:#f3f8ff; + --blue-100:#c5dcff; + --blue-200:#97c1fe; + --blue-300:#69a5fe; + --blue-400:#3b8afd; + --blue-500:#0d6efd; + --blue-600:#0b5ed7; + --blue-700:#094db1; + --blue-800:#073d8b; + --blue-900:#052c65; + --green-50:#f4f9f6; + --green-100:#c8e2d6; + --green-200:#9ccbb5; + --green-300:#70b595; + --green-400:#459e74; + --green-500:#198754; + --green-600:#157347; + --green-700:#125f3b; + --green-800:#0e4a2e; + --green-900:#0a3622; + --yellow-50:#fffcf3; + --yellow-100:#fff0c3; + --yellow-200:#ffe494; + --yellow-300:#ffd965; + --yellow-400:#ffcd36; + --yellow-500:#ffc107; + --yellow-600:#d9a406; + --yellow-700:#b38705; + --yellow-800:#8c6a04; + --yellow-900:#664d03; + --cyan-50:#f3fcfe; + --cyan-100:#c5f2fb; + --cyan-200:#97e8f9; + --cyan-300:#69def6; + --cyan-400:#3bd4f3; + --cyan-500:#0dcaf0; + --cyan-600:#0baccc; + --cyan-700:#098da8; + --cyan-800:#076f84; + --cyan-900:#055160; + --pink-50:#fdf5f9; + --pink-100:#f5cee1; + --pink-200:#eda7ca; + --pink-300:#e681b3; + --pink-400:#de5a9b; + --pink-500:#d63384; + --pink-600:#b62b70; + --pink-700:#96245c; + --pink-800:#761c49; + --pink-900:#561435; + --indigo-50:#f7f3fe; + --indigo-100:#dac6fc; + --indigo-200:#bd98f9; + --indigo-300:#a06bf7; + --indigo-400:#833df4; + --indigo-500:#6610f2; + --indigo-600:#570ece; + --indigo-700:#470ba9; + --indigo-800:#380985; + --indigo-900:#290661; + --teal-50:#f4fcfa; + --teal-100:#c9f2e6; + --teal-200:#9fe8d2; + --teal-300:#75debf; + --teal-400:#4ad3ab; + --teal-500:#20c997; + --teal-600:#1bab80; + --teal-700:#168d6a; + --teal-800:#126f53; + --teal-900:#0d503c; + --orange-50:#fff9f3; + --orange-100:#ffe0c7; + --orange-200:#fec89a; + --orange-300:#feaf6d; + --orange-400:#fd9741; + --orange-500:#fd7e14; + --orange-600:#d76b11; + --orange-700:#b1580e; + --orange-800:#8b450b; + --orange-900:#653208; + --bluegray-50:#f8f9fb; + --bluegray-100:#e0e4ea; + --bluegray-200:#c7ced9; + --bluegray-300:#aeb9c8; + --bluegray-400:#95a3b8; + --bluegray-500:#7c8ea7; + --bluegray-600:#69798e; + --bluegray-700:#576375; + --bluegray-800:#444e5c; + --bluegray-900:#323943; + --purple-50:#f8f6fc; + --purple-100:#dcd2f0; + --purple-200:#c1aee4; + --purple-300:#a68ad9; + --purple-400:#8a66cd; + --purple-500:#6f42c1; + --purple-600:#5e38a4; + --purple-700:#4e2e87; + --purple-800:#3d246a; + --purple-900:#2c1a4d; + --red-50:#fdf5f6; + --red-100:#f7cfd2; + --red-200:#f0a8af; + --red-300:#e9828c; + --red-400:#e35b68; + --red-500:#dc3545; + --red-600:#bb2d3b; + --red-700:#9a2530; + --red-800:#791d26; + --red-900:#58151c; + --primary-50:#fcfafd; + --primary-100:#f0e6f6; + --primary-200:#e5d3ee; + --primary-300:#d9bfe7; + --primary-400:#ceacdf; + --primary-500:#c298d8; + --primary-600:#a581b8; + --primary-700:#886a97; + --primary-800:#6b5477; + --primary-900:#4e3d56; +} + +.p-autocomplete .p-autocomplete-loader { + right: 0.75rem; +} +.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.107rem; +} +.p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + border-color: #3f4b5b; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; + border-color: #c298d8; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.25rem 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #c298d8; + color: #151515; + border-radius: 4px; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; +} + +p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f19ea6; +} + +.p-autocomplete-panel { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-radius: 4px; + box-shadow: none; +} +.p-autocomplete-panel .p-autocomplete-items { + padding: 0.5rem 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.5rem 1.5rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.15s; + border-radius: 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #151515; + background: #c298d8; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 1.5rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + font-weight: 600; +} + +p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; +} +p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; +} + +p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3.107rem; +} + +p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #f19ea6; +} + +.p-datepicker { + padding: 0; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-radius: 4px; +} +.p-datepicker:not(.p-datepicker-inline) { + background: #2a323d; + border: 1px solid #3f4b5b; + box-shadow: none; +} +.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #2a323d; +} +.p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + font-weight: 600; + margin: 0; + border-bottom: 1px solid #3f4b5b; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: transparent; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; +} +.p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 2rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: rgba(255, 255, 255, 0.87); + transition: color 0.15s, box-shadow 0.15s; + font-weight: 600; + padding: 0.5rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #c298d8; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; +} +.p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0; +} +.p-datepicker table th { + padding: 0.5rem; +} +.p-datepicker table th > span { + width: 2.5rem; + height: 2.5rem; +} +.p-datepicker table td { + padding: 0.5rem; +} +.p-datepicker table td > span { + width: 2.5rem; + height: 2.5rem; + border-radius: 4px; + transition: box-shadow 0.15s; + border: 1px solid transparent; +} +.p-datepicker table td > span.p-highlight { + color: #151515; + background: #c298d8; +} +.p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; +} +.p-datepicker table td.p-datepicker-today > span { + background: transparent; + color: #c298d8; + border-color: transparent; +} +.p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #151515; + background: #c298d8; +} +.p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #3f4b5b; +} +.p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; +} +.p-datepicker .p-timepicker { + border-top: 1px solid #3f4b5b; + padding: 0.5rem; +} +.p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; +} +.p-datepicker .p-timepicker button:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: transparent; +} +.p-datepicker .p-timepicker button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; +} +.p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; +} +.p-datepicker .p-timepicker span { + font-size: 1.25rem; +} +.p-datepicker .p-timepicker > div { + padding: 0 0.5rem; +} +.p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; +} +.p-datepicker .p-monthpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.5rem; + transition: box-shadow 0.15s; + border-radius: 4px; +} +.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #151515; + background: #c298d8; +} +.p-datepicker .p-yearpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.5rem; + transition: box-shadow 0.15s; + border-radius: 4px; +} +.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #151515; + background: #c298d8; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #3f4b5b; + padding-right: 0; + padding-left: 0; + padding-top: 0; + padding-bottom: 0; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; +} + +p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; +} +p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; +} + +p-calendar.p-calendar-clearable.p-calendar-w-btn .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3.107rem; +} + +@media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } +} +.p-cascadeselect { + background: #20262e; + border: 1px solid #3f4b5b; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; +} +.p-cascadeselect:not(.p-disabled):hover { + border-color: #3f4b5b; +} +.p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; + border-color: #c298d8; +} +.p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; +} +.p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-cascadeselect-panel { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-radius: 4px; + box-shadow: none; +} +.p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.5rem 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.15s; + border-radius: 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 1.5rem; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #f0e6f5; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #151515; + background: #c298d8; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; +} + +p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f19ea6; +} + +.p-input-filled .p-cascadeselect { + background: #3f4b5b; +} +.p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #3f4b5b; +} +.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #3f4b5b; +} + +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; +} +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; +} + +.p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; +} +.p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); +} + +.p-checkbox { + width: 20px; + height: 20px; +} +.p-checkbox .p-checkbox-box { + border: 1px solid #3f4b5b; + background: #20262e; + width: 20px; + height: 20px; + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; +} +.p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.15s; + color: #151515; + font-size: 14px; +} +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #c298d8; + background: #c298d8; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #3f4b5b; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; + border-color: #c298d8; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #9954bb; + background: #9954bb; + color: #151515; +} + +p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f19ea6; +} + +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #3f4b5b; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #c298d8; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #3f4b5b; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #9954bb; +} + +.p-checkbox-label { + margin-left: 0.5rem; +} + +.p-highlight .p-checkbox .p-checkbox-box { + border-color: #151515; +} + +.p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; +} +.p-chips .p-chips-multiple-container:not(.p-disabled):hover { + border-color: #3f4b5b; +} +.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; + border-color: #c298d8; +} +.p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + background: #c298d8; + color: #151515; + border-radius: 4px; +} +.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; +} +.p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.25rem 0; +} +.p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; +} + +p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #f19ea6; +} + +p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; +} +p-chips.p-chips-clearable .p-chips-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; +} + +.p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; +} + +.p-colorpicker-panel { + background: #2a323d; + border: 1px solid #3f4b5b; +} +.p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: rgba(255, 255, 255, 0.87); +} + +.p-colorpicker-overlay-panel { + box-shadow: none; +} + +.p-dropdown { + background: #20262e; + border: 1px solid #3f4b5b; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; +} +.p-dropdown:not(.p-disabled):hover { + border-color: #3f4b5b; +} +.p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; + border-color: #c298d8; +} +.p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; +} +.p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; +} +.p-dropdown .p-dropdown-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-dropdown .p-dropdown-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-dropdown .p-dropdown-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; +} + +.p-dropdown-panel { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-radius: 4px; + box-shadow: none; +} +.p-dropdown-panel .p-dropdown-header { + padding: 0.75rem 1.5rem; + border-bottom: 1px solid #3f4b5b; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-dropdown-panel .p-dropdown-items { + padding: 0.5rem 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.5rem 1.5rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.15s; + border-radius: 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #151515; + background: #c298d8; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1.5rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + font-weight: 600; +} + +p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #f19ea6; +} + +.p-input-filled .p-dropdown { + background: #3f4b5b; +} +.p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #3f4b5b; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #3f4b5b; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; +} + +.p-editor-container .p-editor-toolbar { + background: #2a323d; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #3f4b5b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #2a323d; + border: 1px solid #3f4b5b; + box-shadow: none; + border-radius: 4px; + padding: 0.5rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1.5rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #3f4b5b; +} +.p-editor-container .p-editor-content .ql-editor { + background: #20262e; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #c298d8; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #c298d8; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #c298d8; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #c298d8; +} + +.p-inputgroup-addon { + background: #2a323d; + color: rgba(255, 255, 255, 0.6); + border-top: 1px solid #3f4b5b; + border-left: 1px solid #3f4b5b; + border-bottom: 1px solid #3f4b5b; + padding: 0.5rem 0.75rem; + min-width: 2.357rem; +} +.p-inputgroup-addon:last-child { + border-right: 1px solid #3f4b5b; +} + +.p-inputgroup > .p-component, +.p-inputgroup > .p-element, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; +} +.p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-element + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; +} +.p-inputgroup > .p-component:focus, +.p-inputgroup > .p-element:focus, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; +} +.p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-element:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; +} + +.p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-fluid .p-inputgroup .p-button { + width: auto; +} +.p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.357rem; +} + +p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #f19ea6; +} + +p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; +} +p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; +} + +p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #f19ea6; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.107rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.107rem; +} + +.p-inputswitch { + width: 3rem; + height: 1.75rem; +} +.p-inputswitch .p-inputswitch-slider { + background: #3f4b5b; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; +} +.p-inputswitch .p-inputswitch-slider:before { + background: rgba(255, 255, 255, 0.6); + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 4px; + transition-duration: 0.15s; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1.25rem); +} +.p-inputswitch.p-focus .p-inputswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; +} +.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #3f4b5b; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #c298d8; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #151515; +} +.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #c298d8; +} + +p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + border-color: #f19ea6; +} + +.p-inputtext { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + background: #20262e; + padding: 0.5rem 0.75rem; + border: 1px solid #3f4b5b; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + appearance: none; + border-radius: 4px; +} +.p-inputtext:enabled:hover { + border-color: #3f4b5b; +} +.p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; + border-color: #c298d8; +} +.p-inputtext.ng-dirty.ng-invalid { + border-color: #f19ea6; +} +.p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; +} +.p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; +} + +.p-float-label > label { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + transition-duration: 0.15s; +} + +.p-float-label > .ng-invalid.ng-dirty + label { + color: #f19ea6; +} + +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} + +.p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; +} + +.p-input-icon-left.p-float-label > label { + left: 2.5rem; +} + +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} + +.p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; +} + +::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +:-moz-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +.p-input-filled .p-inputtext { + background-color: #3f4b5b; +} +.p-input-filled .p-inputtext:enabled:hover { + background-color: #3f4b5b; +} +.p-input-filled .p-inputtext:enabled:focus { + background-color: #3f4b5b; +} + +.p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; +} + +.p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; +} + +.p-listbox { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-radius: 4px; +} +.p-listbox .p-listbox-header { + padding: 0.75rem 1.5rem; + border-bottom: 1px solid #3f4b5b; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; +} +.p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list { + padding: 0.5rem 0; +} +.p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.5rem 1.5rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.15s; + border-radius: 0; +} +.p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #151515; + background: #c298d8; +} +.p-listbox .p-listbox-list .p-listbox-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #f0e6f5; +} +.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + font-weight: 600; +} +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 1.5rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} + +p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #f19ea6; +} + +.p-multiselect { + background: #20262e; + border: 1px solid #3f4b5b; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; +} +.p-multiselect:not(.p-disabled):hover { + border-color: #3f4b5b; +} +.p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; + border-color: #c298d8; +} +.p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; +} +.p-multiselect .p-multiselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-multiselect.p-multiselect-chip .p-multiselect-label { + gap: 0.5rem; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + background: #c298d8; + color: #151515; + border-radius: 4px; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; +} +.p-multiselect .p-multiselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; +} + +.p-multiselect-panel { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-radius: 4px; + box-shadow: none; +} +.p-multiselect-panel .p-multiselect-header { + padding: 0.75rem 1.5rem; + border-bottom: 1px solid #3f4b5b; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: transparent; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; +} +.p-multiselect-panel .p-multiselect-items { + padding: 0.5rem 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.5rem 1.5rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.15s; + border-radius: 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #151515; + background: #c298d8; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #f0e6f5; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + font-weight: 600; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 1.5rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} + +p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f19ea6; +} + +.p-input-filled .p-multiselect { + background: #3f4b5b; +} +.p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #3f4b5b; +} +.p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #3f4b5b; +} + +p-multiselect.p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; +} +p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; +} + +p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #f19ea6; +} + +.p-password-panel { + padding: 1.25rem; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + box-shadow: none; + border-radius: 4px; +} +.p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #3f4b5b; +} +.p-password-panel .p-password-meter .p-password-strength.weak { + background: #f19ea6; +} +.p-password-panel .p-password-meter .p-password-strength.medium { + background: #ffe082; +} +.p-password-panel .p-password-meter .p-password-strength.strong { + background: #9fdaa8; +} + +p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; +} +p-password.p-password-clearable .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; +} + +p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; +} +p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.5rem; +} + +.p-radiobutton { + width: 20px; + height: 20px; +} +.p-radiobutton .p-radiobutton-box { + border: 1px solid #3f4b5b; + background: #20262e; + width: 20px; + height: 20px; + color: rgba(255, 255, 255, 0.87); + border-radius: 50%; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #3f4b5b; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; + border-color: #c298d8; +} +.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 12px; + height: 12px; + transition-duration: 0.15s; + background-color: #151515; +} +.p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #c298d8; + background: #c298d8; +} +.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #9954bb; + background: #9954bb; + color: #151515; +} + +p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #f19ea6; +} + +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #3f4b5b; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #3f4b5b; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #c298d8; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #9954bb; +} + +.p-radiobutton-label { + margin-left: 0.5rem; +} + +.p-highlight .p-radiobutton .p-radiobutton-box { + border-color: #151515; +} + +.p-rating .p-rating-icon { + color: rgba(255, 255, 255, 0.87); + margin-left: 0.5rem; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + font-size: 1.143rem; +} +.p-rating .p-rating-icon.p-rating-cancel { + color: #f19ea6; +} +.p-rating .p-rating-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; +} +.p-rating .p-rating-icon:first-child { + margin-left: 0; +} +.p-rating .p-rating-icon.pi-star-fill { + color: #c298d8; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + color: #c298d8; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + color: #f19ea6; +} + +.p-highlight .p-rating .p-rating-icon { + color: #151515; +} + +.p-selectbutton .p-button { + background: #6c757d; + border: 1px solid #6c757d; + color: #ffffff; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; +} +.p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #ffffff; +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #5a6268; + border-color: #545b62; + color: #ffffff; +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #ffffff; +} +.p-selectbutton .p-button.p-highlight { + background: #545b62; + border-color: #4e555b; + color: #ffffff; +} +.p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #ffffff; +} +.p-selectbutton .p-button.p-highlight:hover { + background: #545b62; + border-color: #4e555b; + color: #ffffff; +} +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; +} + +p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #f19ea6; +} + +.p-slider { + background: #3f4b5b; + border: 0 none; + border-radius: 4px; +} +.p-slider.p-slider-horizontal { + height: 0.286rem; +} +.p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -0.5715rem; + margin-left: -0.5715rem; +} +.p-slider.p-slider-vertical { + width: 0.286rem; +} +.p-slider.p-slider-vertical .p-slider-handle { + margin-left: -0.5715rem; + margin-bottom: -0.5715rem; +} +.p-slider .p-slider-handle { + height: 1.143rem; + width: 1.143rem; + background: #c298d8; + border: 2px solid #c298d8; + border-radius: 4px; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; +} +.p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; +} +.p-slider .p-slider-range { + background: #c298d8; +} +.p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #aa70c7; + border-color: #aa70c7; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s, left 0.15s; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.15s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s, bottom 0.15s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.15s; +} + +.p-togglebutton.p-button { + background: #6c757d; + border: 1px solid #6c757d; + color: #ffffff; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; +} +.p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #ffffff; +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #5a6268; + border-color: #545b62; + color: #ffffff; +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #ffffff; +} +.p-togglebutton.p-button.p-highlight { + background: #545b62; + border-color: #4e555b; + color: #ffffff; +} +.p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #ffffff; +} +.p-togglebutton.p-button.p-highlight:hover { + background: #545b62; + border-color: #4e555b; + color: #ffffff; +} +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; +} + +p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #f19ea6; +} + +.p-treeselect { + background: #20262e; + border: 1px solid #3f4b5b; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; +} +.p-treeselect:not(.p-disabled):hover { + border-color: #3f4b5b; +} +.p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; + border-color: #c298d8; +} +.p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; +} +.p-treeselect .p-treeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f4b5b; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; +} +.p-treeselect .p-treeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #f19ea6; +} + +.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; +} + +.p-treeselect-panel { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-radius: 4px; + box-shadow: none; +} +.p-treeselect-panel .p-treeselect-header { + padding: 0.75rem 1.5rem; + border-bottom: 1px solid #3f4b5b; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: transparent; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.5rem 1.5rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} + +.p-input-filled .p-treeselect { + background: #3f4b5b; +} +.p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #3f4b5b; +} +.p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #3f4b5b; +} + +p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; +} +p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; +} + +.p-button { + color: #151515; + background: #c298d8; + border: 1px solid #c298d8; + padding: 0.5rem 0.75rem; + font-size: 1rem; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; +} +.p-button:enabled:hover { + background: #aa70c7; + color: #151515; + border-color: #aa70c7; +} +.p-button:enabled:active { + background: #9954bb; + color: #151515; + border-color: #9954bb; +} +.p-button.p-button-outlined { + background-color: transparent; + color: #c298d8; + border: 1px solid; +} +.p-button.p-button-outlined:enabled:hover { + background: rgba(194, 152, 216, 0.04); + color: #c298d8; + border: 1px solid; +} +.p-button.p-button-outlined:enabled:active { + background: rgba(194, 152, 216, 0.16); + color: #c298d8; + border: 1px solid; +} +.p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text { + background-color: transparent; + color: #c298d8; + border-color: transparent; +} +.p-button.p-button-text:enabled:hover { + background: rgba(194, 152, 216, 0.04); + color: #c298d8; + border-color: transparent; +} +.p-button.p-button-text:enabled:active { + background: rgba(194, 152, 216, 0.16); + color: #c298d8; + border-color: transparent; +} +.p-button.p-button-text.p-button-plain { + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; +} +.p-button .p-button-label { + transition-duration: 0.15s; +} +.p-button .p-button-icon-left { + margin-right: 0.5rem; +} +.p-button .p-button-icon-right { + margin-left: 0.5rem; +} +.p-button .p-button-icon-bottom { + margin-top: 0.5rem; +} +.p-button .p-button-icon-top { + margin-bottom: 0.5rem; +} +.p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #c298d8; + background-color: #151515; +} +.p-button.p-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); +} +.p-button.p-button-rounded { + border-radius: 2rem; +} +.p-button.p-button-icon-only { + width: 2.357rem; + padding: 0.5rem 0; +} +.p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; +} +.p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.357rem; +} +.p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; +} +.p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; +} +.p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; +} +.p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; +} +.p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; +} +.p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; +} + +.p-fluid .p-button { + width: 100%; +} +.p-fluid .p-button-icon-only { + width: 2.357rem; +} +.p-fluid .p-buttonset { + display: flex; +} +.p-fluid .p-buttonset .p-button { + flex: 1; +} + +.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + color: #ffffff; + background: #6c757d; + border: 1px solid #6c757d; +} +.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + background: #5a6268; + color: #ffffff; + border-color: #5a6268; +} +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + box-shadow: 0 0 0 1px rgba(130, 138, 145, 0.5); +} +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: #545b62; + color: #ffffff; + border-color: #4e555b; +} +.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + background-color: transparent; + color: #6c757d; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + background: rgba(108, 117, 125, 0.04); + color: #6c757d; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(108, 117, 125, 0.16); + color: #6c757d; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + background-color: transparent; + color: #6c757d; + border-color: transparent; +} +.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + background: rgba(108, 117, 125, 0.04); + border-color: transparent; + color: #6c757d; +} +.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + background: rgba(108, 117, 125, 0.16); + border-color: transparent; + color: #6c757d; +} + +.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #151515; + background: #7fd8e6; + border: 1px solid #4cc8db; +} +.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + background: #4cc8db; + color: #151515; + border-color: #26bdd3; +} +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #b1e8f0; +} +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: #26bdd3; + color: #151515; + border-color: #00b2cc; +} +.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + background-color: transparent; + color: #7fd8e6; + border: 1px solid; +} +.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + background: rgba(127, 216, 230, 0.04); + color: #7fd8e6; + border: 1px solid; +} +.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(127, 216, 230, 0.16); + color: #7fd8e6; + border: 1px solid; +} +.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + background-color: transparent; + color: #7fd8e6; + border-color: transparent; +} +.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + background: rgba(127, 216, 230, 0.04); + border-color: transparent; + color: #7fd8e6; +} +.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + background: rgba(127, 216, 230, 0.16); + border-color: transparent; + color: #7fd8e6; +} + +.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #151515; + background: #9fdaa8; + border: 1px solid #78cc86; +} +.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + background: #78cc86; + color: #151515; + border-color: #5ac06c; +} +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #c5e8ca; +} +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: #5ac06c; + color: #151515; + border-color: #3cb553; +} +.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + background-color: transparent; + color: #9fdaa8; + border: 1px solid; +} +.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + background: rgba(159, 218, 168, 0.04); + color: #9fdaa8; + border: 1px solid; +} +.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(159, 218, 168, 0.16); + color: #9fdaa8; + border: 1px solid; +} +.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + background-color: transparent; + color: #9fdaa8; + border-color: transparent; +} +.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + background: rgba(159, 218, 168, 0.04); + border-color: transparent; + color: #9fdaa8; +} +.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + background: rgba(159, 218, 168, 0.16); + border-color: transparent; + color: #9fdaa8; +} + +.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #151515; + background: #ffe082; + border: 1px solid #ffd54f; +} +.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + background: #ffd54f; + color: #151515; + border-color: #ffca28; +} +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #ffecb3; +} +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: #ffca28; + color: #151515; + border-color: #ffc107; +} +.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + background-color: transparent; + color: #ffe082; + border: 1px solid; +} +.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + background: rgba(255, 224, 130, 0.04); + color: #ffe082; + border: 1px solid; +} +.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(255, 224, 130, 0.16); + color: #ffe082; + border: 1px solid; +} +.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + background-color: transparent; + color: #ffe082; + border-color: transparent; +} +.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + background: rgba(255, 224, 130, 0.04); + border-color: transparent; + color: #ffe082; +} +.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + background: rgba(255, 224, 130, 0.16); + border-color: transparent; + color: #ffe082; +} + +.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #151515; + background: #b7a2e0; + border: 1px solid #9a7cd4; +} +.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + background: #9a7cd4; + color: #151515; + border-color: #845fca; +} +.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #d3c7ec; +} +.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: #845fca; + color: #151515; + border-color: #6d43c0; +} +.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + background-color: transparent; + color: #b7a2e0; + border: 1px solid; +} +.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + background: rgba(183, 162, 224, 0.04); + color: #b7a2e0; + border: 1px solid; +} +.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(183, 162, 224, 0.16); + color: #b7a2e0; + border: 1px solid; +} +.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + background-color: transparent; + color: #b7a2e0; + border-color: transparent; +} +.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + background: rgba(183, 162, 224, 0.04); + border-color: transparent; + color: #b7a2e0; +} +.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + background: rgba(183, 162, 224, 0.16); + border-color: transparent; + color: #b7a2e0; +} + +.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #151515; + background: #f19ea6; + border: 1px solid #e97984; +} +.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + background: #e97984; + color: #151515; + border-color: #f75965; +} +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #ffd0d9; +} +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: #f75965; + color: #151515; + border-color: #fd464e; +} +.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + background-color: transparent; + color: #f19ea6; + border: 1px solid; +} +.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + background: rgba(241, 158, 166, 0.04); + color: #f19ea6; + border: 1px solid; +} +.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(241, 158, 166, 0.16); + color: #f19ea6; + border: 1px solid; +} +.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + background-color: transparent; + color: #f19ea6; + border-color: transparent; +} +.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + background: rgba(241, 158, 166, 0.04); + border-color: transparent; + color: #f19ea6; +} +.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + background: rgba(241, 158, 166, 0.16); + border-color: transparent; + color: #f19ea6; +} + +.p-button.p-button-link { + color: #c298d8; + background: transparent; + border: transparent; +} +.p-button.p-button-link:enabled:hover { + background: transparent; + color: #aa70c7; + border-color: transparent; +} +.p-button.p-button-link:enabled:hover .p-button-label { + text-decoration: underline; +} +.p-button.p-button-link:enabled:focus { + background: transparent; + box-shadow: 0 0 0 1px #f0e6f5; + border-color: transparent; +} +.p-button.p-button-link:enabled:active { + background: transparent; + color: #c298d8; + border-color: transparent; +} + +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: #343e4d; + color: #fff; +} +.p-speeddial-action:hover { + background: #3f4b5b; + color: #fff; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +.p-splitbutton { + border-radius: 4px; +} +.p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #c298d8; + border: 1px solid; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(194, 152, 216, 0.04); + color: #c298d8; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(194, 152, 216, 0.16); + color: #c298d8; +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #c298d8; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(194, 152, 216, 0.04); + color: #c298d8; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(194, 152, 216, 0.16); + color: #c298d8; + border-color: transparent; +} +.p-splitbutton.p-button-text.p-button-plain > .p-button { + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-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); +} +.p-splitbutton.p-button-rounded { + border-radius: 2rem; +} +.p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; +} +.p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; +} +.p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; +} +.p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; +} +.p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; +} + +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #6c757d; + border: 1px solid; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(108, 117, 125, 0.04); + color: #6c757d; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(108, 117, 125, 0.16); + color: #6c757d; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #6c757d; + border-color: transparent; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(108, 117, 125, 0.04); + border-color: transparent; + color: #6c757d; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(108, 117, 125, 0.16); + border-color: transparent; + color: #6c757d; +} + +.p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #7fd8e6; + border: 1px solid; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(127, 216, 230, 0.04); + color: #7fd8e6; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(127, 216, 230, 0.16); + color: #7fd8e6; +} +.p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #7fd8e6; + border-color: transparent; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(127, 216, 230, 0.04); + border-color: transparent; + color: #7fd8e6; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(127, 216, 230, 0.16); + border-color: transparent; + color: #7fd8e6; +} + +.p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #9fdaa8; + border: 1px solid; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(159, 218, 168, 0.04); + color: #9fdaa8; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(159, 218, 168, 0.16); + color: #9fdaa8; +} +.p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #9fdaa8; + border-color: transparent; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(159, 218, 168, 0.04); + border-color: transparent; + color: #9fdaa8; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(159, 218, 168, 0.16); + border-color: transparent; + color: #9fdaa8; +} + +.p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #ffe082; + border: 1px solid; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 224, 130, 0.04); + color: #ffe082; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 224, 130, 0.16); + color: #ffe082; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #ffe082; + border-color: transparent; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 224, 130, 0.04); + border-color: transparent; + color: #ffe082; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 224, 130, 0.16); + border-color: transparent; + color: #ffe082; +} + +.p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #b7a2e0; + border: 1px solid; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(183, 162, 224, 0.04); + color: #b7a2e0; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(183, 162, 224, 0.16); + color: #b7a2e0; +} +.p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #b7a2e0; + border-color: transparent; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(183, 162, 224, 0.04); + border-color: transparent; + color: #b7a2e0; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(183, 162, 224, 0.16); + border-color: transparent; + color: #b7a2e0; +} + +.p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #f19ea6; + border: 1px solid; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(241, 158, 166, 0.04); + color: #f19ea6; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(241, 158, 166, 0.16); + color: #f19ea6; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #f19ea6; + border-color: transparent; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(241, 158, 166, 0.04); + border-color: transparent; + color: #f19ea6; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(241, 158, 166, 0.16); + border-color: transparent; + color: #f19ea6; +} + +.p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; + margin: 0.5rem; +} +.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: transparent; +} +.p-carousel .p-carousel-content .p-carousel-prev:focus, +.p-carousel .p-carousel-content .p-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; +} +.p-carousel .p-carousel-indicators { + padding: 1rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #3f4b5b; + width: 2rem; + height: 0.5rem; + transition: color 0.15s, box-shadow 0.15s; + border-radius: 0; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: rgba(255, 255, 255, 0.04); +} +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #c298d8; + color: #151515; +} + +.p-datatable .p-paginator-top { + border-width: 0; + border-radius: 0; +} +.p-datatable .p-paginator-bottom { + border-width: 1px 0 0 0; + border-radius: 0; +} +.p-datatable .p-datatable-header { + background: #2a323d; + color: rgba(255, 255, 255, 0.6); + border: solid #3f4b5b; + border-width: 1px 0 0 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-datatable .p-datatable-footer { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #3f4b5b; + border-width: 1px 0 2px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + transition: box-shadow 0.15s; +} +.p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #3f4b5b; + border-width: 1px 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; +} +.p-datatable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #151515; + background: #c298d8; + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column.p-highlight { + background: #2a323d; + color: #c298d8; +} +.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #c298d8; +} +.p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(255, 255, 255, 0.04); + color: #c298d8; +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #c298d8; +} +.p-datatable .p-sortable-column:focus { + box-shadow: inset 0 0 0 0.15rem #f0e6f5; + outline: 0 none; +} +.p-datatable .p-datatable-tbody > tr { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.15s; +} +.p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #3f4b5b; + border-width: 1px 0 0 0; + padding: 1rem 1rem; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: transparent; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; +} +.p-datatable .p-datatable-tbody > tr:focus { + outline: 0.15rem solid #f0e6f5; + outline-offset: 0.15rem; +} +.p-datatable .p-datatable-tbody > tr.p-highlight { + background: #c298d8; + color: #151515; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #c298d8; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #c298d8; +} +.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-column-resizer-helper { + background: #c298d8; +} +.p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #2a323d; +} +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #2a323d; +} +.p-datatable .p-datatable-loading-icon { + font-size: 2rem; +} +.p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #2f3641; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #c298d8; + color: #151515; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #151515; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #151515; +} +.p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; +} + +.p-dataview .p-paginator-top { + border-width: 0; + border-radius: 0; +} +.p-dataview .p-paginator-bottom { + border-width: 1px 0 0 0; + border-radius: 0; +} +.p-dataview .p-dataview-header { + background: #2a323d; + color: rgba(255, 255, 255, 0.6); + border: solid #3f4b5b; + border-width: 1px 0 0 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-dataview .p-dataview-content { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; +} +.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { + border: 1px solid #3f4b5b; + border-width: 1px 0 0 0; +} +.p-dataview .p-dataview-footer { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-dataview .p-dataview-loading-icon { + font-size: 2rem; +} +.p-dataview .p-dataview-emptymessage { + padding: 1.25rem; +} + +.p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; +} + +.p-column-filter-menu-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; +} +.p-column-filter-menu-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: transparent; +} +.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: transparent; + color: rgba(255, 255, 255, 0.87); +} +.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #c298d8; + color: #151515; +} +.p-column-filter-menu-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; +} + +.p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; +} +.p-column-filter-clear-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: transparent; +} +.p-column-filter-clear-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; +} + +.p-column-filter-overlay { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-radius: 4px; + box-shadow: none; + min-width: 12.5rem; +} +.p-column-filter-overlay .p-column-filter-row-items { + padding: 0.5rem 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.5rem 1.5rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.15s; + border-radius: 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #151515; + background: #c298d8; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #f0e6f5; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #3f4b5b; + margin: 0.5rem 0; +} + +.p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem 1.5rem; + border-bottom: 1px solid #3f4b5b; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1.25rem; + border-bottom: 1px solid #3f4b5b; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; +} +.p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.5rem 1.25rem; +} +.p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1.25rem; +} + +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { + background: #2a323d; + border: 1px solid #3f4b5b; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-view-container td.fc-widget-content { + background: #2a323d; + border: 1px solid #3f4b5b; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #3f4b5b; +} +.fc.fc-unthemed .fc-view-container .fc-row { + border-right: 1px solid #3f4b5b; +} +.fc.fc-unthemed .fc-view-container .fc-event { + background: #aa70c7; + border: 1px solid #aa70c7; + color: #151515; +} +.fc.fc-unthemed .fc-view-container .fc-divider { + background: #2a323d; + border: 1px solid #3f4b5b; +} +.fc.fc-unthemed .fc-toolbar .fc-button { + color: #151515; + background: #c298d8; + border: 1px solid #c298d8; + font-size: 1rem; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; + display: flex; + align-items: center; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { + background: #aa70c7; + color: #151515; + border-color: #aa70c7; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { + background: #9954bb; + color: #151515; + border-color: #9954bb; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-unthemed .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #6c757d; + border: 1px solid #6c757d; + color: #ffffff; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #5a6268; + border-color: #545b62; + color: #ffffff; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #545b62; + border-color: #4e555b; + color: #ffffff; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #545b62; + border-color: #4e555b; + color: #ffffff; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; + z-index: 1; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #3f4b5b; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #2a323d; + border-color: #3f4b5b; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness td { + color: rgba(255, 255, 255, 0.87); + border-color: #3f4b5b; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #2a323d; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover { + background: none; + border: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { + border: 1px solid #3f4b5b; + padding: 1rem 1.25rem; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { + opacity: 1; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; + font-family: "PrimeIcons" !important; + font-size: 1rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { + content: "\e90b"; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: transparent; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { + padding: 1.25rem; + border: 1px solid #3f4b5b; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #151515; + background: #aa70c7; + border-color: #aa70c7; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #151515; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: #aa70c7; + border-color: #aa70c7; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #2a323d; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #151515; + background: #c298d8; + border: 1px solid #c298d8; + font-size: 1rem; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: #aa70c7; + color: #151515; + border-color: #aa70c7; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: #9954bb; + color: #151515; + border-color: #9954bb; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.65; + color: #151515; + background: #c298d8; + border: 1px solid #c298d8; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #6c757d; + border: 1px solid #6c757d; + color: #ffffff; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #5a6268; + border-color: #545b62; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #545b62; + border-color: #4e555b; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #545b62; + border-color: #4e555b; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.fc.fc-theme-standard a { + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-highlight { + color: #151515; + background: #c298d8; +} + +.p-orderlist .p-orderlist-controls { + padding: 1.25rem; +} +.p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; +} +.p-orderlist .p-orderlist-header { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + padding: 1rem 1.25rem; + border-bottom: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; +} +.p-orderlist .p-orderlist-filter-container { + padding: 1rem 1.25rem; + background: #2a323d; + border: 1px solid #3f4b5b; + border-bottom: 0 none; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-orderlist .p-orderlist-list { + border: 1px solid #3f4b5b; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 1.5rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.15s; +} +.p-orderlist .p-orderlist-list .p-orderlist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #f0e6f5; +} +.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #151515; + background: #c298d8; +} +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 1.5rem; + color: rgba(255, 255, 255, 0.87); +} +.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: rgba(255, 255, 255, 0.02); +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.04); +} + +.p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 1.5rem; + box-shadow: none; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + margin: 0; +} + +.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #c298d8; + color: #151515; +} +.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #8942ae; +} +.p-organizationchart .p-organizationchart-line-down { + background: #3f4b5b; +} +.p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #3f4b5b; + border-color: #3f4b5b; +} +.p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #3f4b5b; + border-color: #3f4b5b; +} +.p-organizationchart .p-organizationchart-node-content { + border: 1px solid #3f4b5b; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; +} + +.p-paginator { + background: #2a323d; + color: #c298d8; + border: solid #3f4b5b; + border-width: 0; + padding: 0.75rem; + border-radius: 4px; +} +.p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 1px solid #3f4b5b; + color: #c298d8; + min-width: 2.357rem; + height: 2.357rem; + margin: 0 0 0 -1px; + transition: box-shadow 0.15s; + border-radius: 0; +} +.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + border-color: #3f4b5b; + color: #c298d8; +} +.p-paginator .p-paginator-first { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.357rem; +} +.p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; +} +.p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; +} +.p-paginator .p-paginator-page-input .p-inputtext { + max-width: 2.357rem; +} +.p-paginator .p-paginator-current { + background-color: transparent; + border: 1px solid #3f4b5b; + color: #c298d8; + min-width: 2.357rem; + height: 2.357rem; + margin: 0 0 0 -1px; + padding: 0 0.5rem; +} +.p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 1px solid #3f4b5b; + color: #c298d8; + min-width: 2.357rem; + height: 2.357rem; + margin: 0 0 0 -1px; + transition: box-shadow 0.15s; + border-radius: 0; +} +.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #c298d8; + border-color: #c298d8; + color: #151515; +} +.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + border-color: #3f4b5b; + color: #c298d8; +} + +.p-picklist .p-picklist-buttons { + padding: 1.25rem; +} +.p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; +} +.p-picklist .p-picklist-header { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + padding: 1rem 1.25rem; + border-bottom: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; +} +.p-picklist .p-picklist-filter-container { + padding: 1rem 1.25rem; + background: #2a323d; + border: 1px solid #3f4b5b; + border-bottom: 0 none; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-picklist .p-picklist-list { + border: 1px solid #3f4b5b; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 1.5rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.15s; +} +.p-picklist .p-picklist-list .p-picklist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #f0e6f5; +} +.p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #151515; + background: #c298d8; +} +.p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 1.5rem; + color: rgba(255, 255, 255, 0.87); +} +.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: rgba(255, 255, 255, 0.02); +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.04); +} + +.p-picklist-item.cdk-drag-preview { + padding: 0.5rem 1.5rem; + box-shadow: none; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + margin: 0; +} + +.p-timeline .p-timeline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #c298d8; +} +.p-timeline .p-timeline-event-connector { + background-color: #3f4b5b; +} +.p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; +} +.p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; +} + +.p-tree { + border: 1px solid #3f4b5b; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + border-radius: 4px; +} +.p-tree .p-tree-container .p-treenode { + padding: 0.143rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 4px; + transition: box-shadow 0.15s; + padding: 0.286rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: transparent; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #f0e6f5; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #c298d8; + color: #151515; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #151515; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #151515; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; +} +.p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; +} +.p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-tree .p-treenode-children { + padding: 0 0 0 1rem; +} +.p-tree .p-tree-loading-icon { + font-size: 2rem; +} +.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: #a263c4; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 4px; + border: 1px solid #3f4b5b; + background-color: #2a323d; + color: rgba(255, 255, 255, 0.87); + padding: 0.286rem; + transition: box-shadow 0.15s; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #c298d8; + color: #151515; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #151515; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; +} + +.p-treetable .p-paginator-top { + border-width: 0; + border-radius: 0; +} +.p-treetable .p-paginator-bottom { + border-width: 1px 0 0 0; + border-radius: 0; +} +.p-treetable .p-treetable-header { + background: #2a323d; + color: rgba(255, 255, 255, 0.6); + border: solid #3f4b5b; + border-width: 1px 0 0 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-treetable .p-treetable-footer { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #3f4b5b; + border-width: 1px 0 2px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + transition: box-shadow 0.15s; +} +.p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #3f4b5b; + border-width: 1px 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; +} +.p-treetable .p-sortable-column { + outline-color: #f0e6f5; +} +.p-treetable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #151515; + background: #c298d8; + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-sortable-column.p-highlight { + background: #2a323d; + color: #c298d8; +} +.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #c298d8; +} +.p-treetable .p-treetable-tbody > tr { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.15s; +} +.p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #3f4b5b; + border-width: 1px 0 0 0; + padding: 1rem 1rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: transparent; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-treetable-tbody > tr:focus { + outline: 0.15rem solid #f0e6f5; + outline-offset: -0.15rem; +} +.p-treetable .p-treetable-tbody > tr.p-highlight { + background: #c298d8; + color: #151515; +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #151515; +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #151515; +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-column-resizer-helper { + background: #c298d8; +} +.p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #2a323d; +} +.p-treetable .p-treetable-loading-icon { + font-size: 2rem; +} +.p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.875rem 0.875rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 1.25rem 1.25rem; +} + +.p-virtualscroller .p-virtualscroller-header { + background: #2a323d; + color: rgba(255, 255, 255, 0.6); + border: solid #3f4b5b; + border-width: 1px 0 0 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-virtualscroller .p-virtualscroller-content { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; +} +.p-virtualscroller .p-virtualscroller-footer { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1rem 1.25rem; + border: 1px solid #3f4b5b; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + font-weight: 600; + border-radius: 4px; + transition: box-shadow 0.15s; +} +.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; +} +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; +} +.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: rgba(255, 255, 255, 0.04); + border-color: #3f4b5b; + color: rgba(255, 255, 255, 0.87); +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #2a323d; + border-color: #3f4b5b; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #3f4b5b; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-accordion .p-accordion-content { + padding: 1.25rem; + border: 1px solid #3f4b5b; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; +} +.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; +} +.p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; +} +.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 none; +} +.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-top: 0 none; +} +.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-card { + background: #2a323d; + 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; +} +.p-card .p-card-body { + padding: 1.5rem; +} +.p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +.p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-card .p-card-content { + padding: 1rem 0; +} +.p-card .p-card-footer { + padding: 1rem 0 0 0; +} + +.p-divider .p-divider-content { + background-color: #2a323d; +} +.p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +.p-divider.p-divider-horizontal:before { + border-top: 1px #3f4b5b; +} +.p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; +} +.p-divider.p-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; +} +.p-divider.p-divider-vertical:before { + border-left: 1px #3f4b5b; +} +.p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; +} + +.p-fieldset { + border: 1px solid #3f4b5b; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; +} +.p-fieldset .p-fieldset-legend { + padding: 1rem 1.25rem; + border: 1px solid #3f4b5b; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + font-weight: 600; + border-radius: 4px; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: color 0.15s, box-shadow 0.15s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; + transition: box-shadow 0.15s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.04); + border-color: #3f4b5b; + color: rgba(255, 255, 255, 0.87); +} +.p-fieldset .p-fieldset-content { + padding: 1.25rem; +} + +.p-panel .p-panel-header { + border: 1px solid #3f4b5b; + padding: 1rem 1.25rem; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-panel .p-panel-header .p-panel-title { + font-weight: 600; +} +.p-panel .p-panel-header .p-panel-header-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; +} +.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: transparent; +} +.p-panel .p-panel-header .p-panel-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; +} +.p-panel.p-panel-toggleable .p-panel-header { + padding: 0.5rem 1.25rem; +} +.p-panel .p-panel-content { + padding: 1.25rem; + border: 1px solid #3f4b5b; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + border-top: 0 none; +} +.p-panel .p-panel-footer { + padding: 0.5rem 1.25rem; + border: 1px solid #3f4b5b; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} +.p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; +} +.p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; +} +.p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; +} + +.p-scrollpanel .p-scrollpanel-bar { + background: #3f4b5b; + border: 0 none; +} + +.p-splitter { + border: 1px solid #3f4b5b; + background: #2a323d; + border-radius: 4px; + color: rgba(255, 255, 255, 0.87); +} +.p-splitter .p-splitter-gutter { + transition: color 0.15s, box-shadow 0.15s; + background: rgba(255, 255, 255, 0.04); +} +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #3f4b5b; +} +.p-splitter .p-splitter-gutter-resizing { + background: #3f4b5b; +} + +.p-tabview .p-tabview-nav { + background: transparent; + border: 1px solid #3f4b5b; + border-width: 0 0 1px 0; +} +.p-tabview .p-tabview-nav li { + margin-right: 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid; + border-width: 1px; + border-color: #2a323d #2a323d #3f4b5b #2a323d; + background: #2a323d; + color: rgba(255, 255, 255, 0.6); + padding: 0.75rem 1rem; + font-weight: 600; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: box-shadow 0.15s; + margin: 0 0 -1px 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #f0e6f5; +} +.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #2a323d; + border-color: #3f4b5b; + color: rgba(255, 255, 255, 0.87); +} +.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #2a323d; + border-color: #3f4b5b #3f4b5b #2a323d #3f4b5b; + color: rgba(255, 255, 255, 0.6); +} +.p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; +} +.p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-close { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-nav-btn.p-link { + background: #2a323d; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + 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); + border-radius: 0; +} +.p-tabview .p-tabview-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #f0e6f5; +} +.p-tabview .p-tabview-panels { + background: #2a323d; + padding: 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-toolbar { + background: #2a323d; + border: 1px solid #3f4b5b; + padding: 1rem 1.25rem; + border-radius: 4px; + gap: 0.5rem; +} +.p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; +} + +.p-confirm-popup { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-radius: 4px; + box-shadow: none; +} +.p-confirm-popup .p-confirm-popup-content { + padding: 1.25rem; +} +.p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.5rem 1.25rem; +} +.p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; +} +.p-confirm-popup:after { + border: solid transparent; + border-color: rgba(42, 50, 61, 0); + border-bottom-color: #2a323d; +} +.p-confirm-popup:before { + border: solid transparent; + border-color: rgba(63, 75, 91, 0); + border-bottom-color: #3f4b5b; +} +.p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #2a323d; +} +.p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #3f4b5b; +} +.p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; +} +.p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; +} + +.p-dialog { + border-radius: 4px; + box-shadow: none; + border: 1px solid #3f4b5b; +} +.p-dialog .p-dialog-header { + border-bottom: 1px solid #3f4b5b; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + padding: 1rem; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.25rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; + margin-right: 0.5rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: transparent; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; +} +.p-dialog .p-dialog-content { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + padding: 1rem; +} +.p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-dialog .p-dialog-footer { + border-top: 1px solid #3f4b5b; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + padding: 1rem; + text-align: right; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; +} + +.p-overlaypanel { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-radius: 4px; + box-shadow: none; +} +.p-overlaypanel .p-overlaypanel-content { + padding: 1.25rem; +} +.p-overlaypanel .p-overlaypanel-close { + background: #c298d8; + color: #151515; + width: 2rem; + height: 2rem; + transition: color 0.15s, box-shadow 0.15s; + border-radius: 50%; + position: absolute; + top: -1rem; + right: -1rem; +} +.p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #aa70c7; + color: #151515; +} +.p-overlaypanel:after { + border: solid transparent; + border-color: rgba(42, 50, 61, 0); + border-bottom-color: #2a323d; +} +.p-overlaypanel:before { + border: solid transparent; + border-color: rgba(63, 75, 91, 0); + border-bottom-color: #3c4756; +} +.p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #2a323d; +} +.p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #3f4b5b; +} + +.p-sidebar { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + box-shadow: none; +} +.p-sidebar .p-sidebar-header { + padding: 1rem 1.25rem; +} +.p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; +} +.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: transparent; +} +.p-sidebar .p-sidebar-header .p-sidebar-close:focus, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; +} +.p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; +} +.p-sidebar .p-sidebar-content { + padding: 1.25rem; +} +.p-sidebar .p-sidebar-footer { + padding: 1rem 1.25rem; +} + +.p-tooltip .p-tooltip-text { + background: #3f4b5b; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem 0.75rem; + box-shadow: none; + border-radius: 4px; +} +.p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #3f4b5b; +} +.p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #3f4b5b; +} +.p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #3f4b5b; +} +.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #3f4b5b; +} + +.p-fileupload .p-fileupload-buttonbar { + background: #2a323d; + padding: 1rem 1.25rem; + border: 1px solid #3f4b5b; + color: rgba(255, 255, 255, 0.87); + border-bottom: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; +} +.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; +} +.p-fileupload .p-fileupload-content { + background: #2a323d; + padding: 2rem 1rem; + border: 1px solid #3f4b5b; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-fileupload .p-progressbar { + height: 0.25rem; +} +.p-fileupload .p-fileupload-row > div { + padding: 1rem 1rem; +} +.p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; +} + +.p-fileupload-choose:not(.p-disabled):hover { + background: #aa70c7; + color: #151515; + border-color: #aa70c7; +} +.p-fileupload-choose:not(.p-disabled):active { + background: #9954bb; + color: #151515; + border-color: #9954bb; +} + +.p-breadcrumb { + background: #343e4d; + border: 0 none; + border-radius: 4px; + padding: 1rem; +} +.p-breadcrumb ul li .p-menuitem-link { + transition: box-shadow 0.15s; + border-radius: 4px; +} +.p-breadcrumb ul li .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { + color: #c298d8; +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { + color: #c298d8; +} +.p-breadcrumb ul li.p-breadcrumb-chevron { + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.87); +} +.p-breadcrumb ul li:last-child .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-breadcrumb ul li:last-child .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} + +.p-contextmenu { + padding: 0.5rem 0; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + box-shadow: none; + border-radius: 4px; + width: 12.5rem; +} +.p-contextmenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.15s; + user-select: none; +} +.p-contextmenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-contextmenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #f0e6f5; +} +.p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #2a323d; + border: 1px solid #3f4b5b; + box-shadow: none; + border-radius: 4px; +} +.p-contextmenu .p-menuitem { + margin: 0; +} +.p-contextmenu .p-menuitem:last-child { + margin: 0; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #20262e; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menu-separator { + border-top: 1px solid #3f4b5b; + margin: 0.5rem 0; +} +.p-contextmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-contextmenu .p-menuitem-badge { + background: #c298d8; + color: #151515; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + +@media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } +} +.p-megamenu { + padding: 0.5rem 1rem; + background: #343e4d; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + border-radius: 4px; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 1rem; + color: rgba(255, 255, 255, 0.6); + border-radius: 4px; + transition: box-shadow 0.15s; + user-select: none; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: transparent; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #f0e6f5; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: transparent; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.15s; + user-select: none; +} +.p-megamenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-megamenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #f0e6f5; +} +.p-megamenu .p-megamenu-panel { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + box-shadow: none; +} +.p-megamenu .p-megamenu-submenu-header { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + font-weight: 600; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-megamenu .p-megamenu-submenu { + padding: 0.5rem 0; + width: 12.5rem; +} +.p-megamenu .p-megamenu-submenu .p-menu-separator { + border-top: 1px solid #3f4b5b; + margin: 0.5rem 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem { + margin: 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #20262e; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.5rem 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem { + margin: 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem-badge { + background: #c298d8; + color: #151515; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menu { + padding: 0.5rem 0; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-radius: 4px; + width: 12.5rem; +} +.p-menu .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.15s; + user-select: none; +} +.p-menu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #f0e6f5; +} +.p-menu.p-menu-overlay { + background: #2a323d; + border: 1px solid #3f4b5b; + box-shadow: none; +} +.p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.p-menu .p-menu-separator { + border-top: 1px solid #3f4b5b; + margin: 0.5rem 0; +} +.p-menu .p-menuitem { + margin: 0; +} +.p-menu .p-menuitem:last-child { + margin: 0; +} +.p-menu .p-menuitem-badge { + background: #c298d8; + color: #151515; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menubar { + padding: 0.5rem 1rem; + background: #343e4d; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + border-radius: 4px; +} +.p-menubar .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.15s; + user-select: none; +} +.p-menubar .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menubar .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #f0e6f5; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 1rem; + color: rgba(255, 255, 255, 0.6); + border-radius: 4px; + transition: box-shadow 0.15s; + user-select: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: transparent; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #f0e6f5; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: transparent; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-submenu-list { + padding: 0.5rem 0; + background: #2a323d; + border: 1px solid #3f4b5b; + box-shadow: none; + width: 12.5rem; +} +.p-menubar .p-submenu-list .p-menu-separator { + border-top: 1px solid #3f4b5b; + margin: 0.5rem 0; +} +.p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; +} +.p-menubar .p-submenu-list .p-menuitem { + margin: 0; +} +.p-menubar .p-submenu-list .p-menuitem:last-child { + margin: 0; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #20262e; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-badge { + background: #c298d8; + color: #151515; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +@media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.5rem 0; + background: #2a323d; + border: 1px solid #3f4b5b; + box-shadow: none; + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menu-separator { + border-top: 1px solid #3f4b5b; + margin: 0.5rem 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.15s; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #f0e6f5; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { + margin-left: auto; + transition: transform 0.15s; + } + .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.15s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } +} +.p-panelmenu .p-panelmenu-header > a { + padding: 1rem 1.25rem; + border: 1px solid #3f4b5b; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + font-weight: 600; + border-radius: 4px; + transition: box-shadow 0.15s; +} +.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; +} +.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + background: rgba(255, 255, 255, 0.04); + border-color: #3f4b5b; + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-header.p-highlight { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight > a { + background: #2a323d; + border-color: #3f4b5b; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + border-color: #3f4b5b; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content { + padding: 0.5rem 0; + border: 1px solid #3f4b5b; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + margin-bottom: 0; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.15s; + user-select: none; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #f0e6f5; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { + padding: 0 0 0 1rem; +} +.p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { + border-radius: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; +} +.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { + border-top: 0 none; +} +.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { + border-top: 0 none; +} +.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-panelmenu .p-menuitem-badge { + background: #c298d8; + color: #151515; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-slidemenu { + padding: 0.5rem 0; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-radius: 4px; + width: 12.5rem; +} +.p-slidemenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.15s; + user-select: none; +} +.p-slidemenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-slidemenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #f0e6f5; +} +.p-slidemenu.p-slidemenu-overlay { + background: #2a323d; + border: 1px solid #3f4b5b; + box-shadow: none; +} +.p-slidemenu .p-slidemenu-list { + padding: 0.5rem 0; + background: #2a323d; + border: 1px solid #3f4b5b; + box-shadow: none; +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { + background: #20262e; +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-slidemenu-separator { + border-top: 1px solid #3f4b5b; + margin: 0.5rem 0; +} +.p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; +} +.p-slidemenu .p-slidemenu-backward { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-badge { + background: #c298d8; + color: #151515; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: box-shadow 0.15s; + border-radius: 4px; + background: transparent; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 4px; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; +} +.p-steps .p-steps-item.p-highlight .p-steps-number { + background: #c298d8; + color: #151515; +} +.p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 600; + color: rgba(255, 255, 255, 0.87); +} +.p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #3f4b5b; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; +} + +.p-tabmenu .p-tabmenu-nav { + background: transparent; + border: 1px solid #3f4b5b; + border-width: 0 0 1px 0; +} +.p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #c298d8; + color: #151515; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid; + border-width: 1px; + border-color: #2a323d #2a323d #3f4b5b #2a323d; + background: #2a323d; + color: rgba(255, 255, 255, 0.6); + padding: 0.75rem 1rem; + font-weight: 600; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: box-shadow 0.15s; + margin: 0 0 -1px 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #f0e6f5; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #2a323d; + border-color: #3f4b5b; + color: rgba(255, 255, 255, 0.87); +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #2a323d; + border-color: #3f4b5b #3f4b5b #2a323d #3f4b5b; + color: rgba(255, 255, 255, 0.6); +} +.p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #2a323d; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + 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); + border-radius: 0; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #f0e6f5; +} + +.p-tieredmenu { + padding: 0.5rem 0; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-radius: 4px; + width: 12.5rem; +} +.p-tieredmenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.15s; + user-select: none; +} +.p-tieredmenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-tieredmenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #f0e6f5; +} +.p-tieredmenu.p-tieredmenu-overlay { + background: #2a323d; + border: 1px solid #3f4b5b; + box-shadow: none; +} +.p-tieredmenu .p-submenu-list { + padding: 0.5rem 0; + background: #2a323d; + border: 1px solid #3f4b5b; + box-shadow: none; +} +.p-tieredmenu .p-menuitem { + margin: 0; +} +.p-tieredmenu .p-menuitem:last-child { + margin: 0; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #20262e; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menu-separator { + border-top: 1px solid #3f4b5b; + margin: 0.5rem 0; +} +.p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-tieredmenu .p-menuitem-badge { + background: #c298d8; + color: #151515; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-inline-message { + padding: 0.5rem 0.75rem; + margin: 0; + border-radius: 4px; +} +.p-inline-message.p-inline-message-info { + background: #cce5ff; + border: solid #b8daff; + border-width: 0px; + color: #004085; +} +.p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #004085; +} +.p-inline-message.p-inline-message-success { + background: #d4edda; + border: solid #c3e6cb; + border-width: 0px; + color: #155724; +} +.p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #155724; +} +.p-inline-message.p-inline-message-warn { + background: #fff3cd; + border: solid #ffeeba; + border-width: 0px; + color: #856404; +} +.p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #856404; +} +.p-inline-message.p-inline-message-error { + background: #f8d7da; + border: solid #f5c6cb; + border-width: 0px; + color: #721c24; +} +.p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #721c24; +} +.p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; +} +.p-inline-message .p-inline-message-text { + font-size: 1rem; +} +.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; +} + +.p-message { + margin: 1rem 0; + border-radius: 4px; +} +.p-message .p-message-wrapper { + padding: 1rem 1.25rem; +} +.p-message .p-message-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: color 0.15s, box-shadow 0.15s; +} +.p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-message .p-message-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; +} +.p-message.p-message-info { + background: #cce5ff; + border: solid #b8daff; + border-width: 1px; + color: #004085; +} +.p-message.p-message-info .p-message-icon { + color: #004085; +} +.p-message.p-message-info .p-message-close { + color: #004085; +} +.p-message.p-message-success { + background: #d4edda; + border: solid #c3e6cb; + border-width: 1px; + color: #155724; +} +.p-message.p-message-success .p-message-icon { + color: #155724; +} +.p-message.p-message-success .p-message-close { + color: #155724; +} +.p-message.p-message-warn { + background: #fff3cd; + border: solid #ffeeba; + border-width: 1px; + color: #856404; +} +.p-message.p-message-warn .p-message-icon { + color: #856404; +} +.p-message.p-message-warn .p-message-close { + color: #856404; +} +.p-message.p-message-error { + background: #f8d7da; + border: solid #f5c6cb; + border-width: 1px; + color: #721c24; +} +.p-message.p-message-error .p-message-icon { + color: #721c24; +} +.p-message.p-message-error .p-message-close { + color: #721c24; +} +.p-message .p-message-text { + font-size: 1rem; + font-weight: 500; +} +.p-message .p-message-icon { + font-size: 1.5rem; + margin-right: 0.5rem; +} +.p-message .p-message-summary { + font-weight: 700; +} +.p-message .p-message-detail { + margin-left: 0.5rem; +} + +.p-toast { + opacity: 1; +} +.p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); + border-radius: 4px; +} +.p-toast .p-toast-message .p-toast-message-content { + padding: 1rem; + border-width: 0; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 1rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 2rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 700; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; +} +.p-toast .p-toast-message .p-toast-icon-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: color 0.15s, box-shadow 0.15s; +} +.p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-toast .p-toast-message .p-toast-icon-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; +} +.p-toast .p-toast-message.p-toast-message-info { + background: #cce5ff; + border: solid #b8daff; + border-width: 1px; + color: #004085; +} +.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #004085; +} +.p-toast .p-toast-message.p-toast-message-success { + background: #d4edda; + border: solid #c3e6cb; + border-width: 1px; + color: #155724; +} +.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #155724; +} +.p-toast .p-toast-message.p-toast-message-warn { + background: #fff3cd; + border: solid #ffeeba; + border-width: 1px; + color: #856404; +} +.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #856404; +} +.p-toast .p-toast-message.p-toast-message-error { + background: #f8d7da; + border: solid #f5c6cb; + border-width: 1px; + color: #721c24; +} +.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #721c24; +} + +.p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 4rem; + height: 4rem; + transition: color 0.15s, box-shadow 0.15s; + border-radius: 4px; +} +.p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria .p-galleria-item-nav { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 4rem; + height: 4rem; + transition: color 0.15s, box-shadow 0.15s; + border-radius: 4px; + margin: 0 0.5rem; +} +.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.6); +} +.p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.6); + padding: 1rem; +} +.p-galleria .p-galleria-indicators { + padding: 1rem; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #7789a1; + width: 1rem; + height: 1rem; + transition: color 0.15s, box-shadow 0.15s; + border-radius: 4px; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #687c97; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #c298d8; + color: #151515; +} +.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; +} +.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #c298d8; + color: #151515; +} +.p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2rem; + height: 2rem; + transition: color 0.15s, box-shadow 0.15s; + border-radius: 4px; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.6); +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; +} + +.p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-preview-indicator { + background-color: transparent; + color: #f8f9fa; + transition: color 0.15s, box-shadow 0.15s; +} + +.p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); +} + +.p-image-toolbar { + padding: 1rem; +} + +.p-image-action.p-link { + color: #f8f9fa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; + margin-right: 0.5rem; +} +.p-image-action.p-link:last-child { + margin-right: 0; +} +.p-image-action.p-link:hover { + color: #f8f9fa; + background-color: rgba(255, 255, 255, 0.1); +} +.p-image-action.p-link i { + font-size: 1.5rem; +} + +.p-avatar { + background-color: #3f4b5b; + border-radius: 4px; +} +.p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +.p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; +} +.p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +.p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; +} + +.p-avatar-group .p-avatar { + border: 2px solid #2a323d; +} + +.p-badge { + background: #c298d8; + color: #151515; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +.p-badge.p-badge-secondary { + background-color: #6c757d; + color: #ffffff; +} +.p-badge.p-badge-success { + background-color: #9fdaa8; + color: #151515; +} +.p-badge.p-badge-info { + background-color: #7fd8e6; + color: #151515; +} +.p-badge.p-badge-warning { + background-color: #ffe082; + color: #151515; +} +.p-badge.p-badge-danger { + background-color: #f19ea6; + color: #151515; +} +.p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +.p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} + +.p-chip { + background-color: #3f4b5b; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + padding: 0 0.75rem; +} +.p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} +.p-chip .p-chip-icon { + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; +} +.p-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.75rem; + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + border-radius: 4px; + transition: color 0.15s, box-shadow 0.15s; +} +.p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; +} + +.p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 4px; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; +} +.p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; +} + +.p-progressbar { + border: 0 none; + height: 1.5rem; + background: #3f4b5b; + border-radius: 4px; +} +.p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #c298d8; +} +.p-progressbar .p-progressbar-label { + color: #151515; + line-height: 1.5rem; +} + +.p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 4px; + box-shadow: none; + transition: color 0.15s, box-shadow 0.15s; +} +.p-scrolltop.p-link { + background: #c298d8; +} +.p-scrolltop.p-link:hover { + background: #aa70c7; +} +.p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #151515; +} + +.p-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 4px; +} +.p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); +} + +.p-tag { + background: #c298d8; + color: #151515; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; +} +.p-tag.p-tag-success { + background-color: #9fdaa8; + color: #151515; +} +.p-tag.p-tag-info { + background-color: #7fd8e6; + color: #151515; +} +.p-tag.p-tag-warning { + background-color: #ffe082; + color: #151515; +} +.p-tag.p-tag-danger { + background-color: #f19ea6; + color: #151515; +} +.p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +.p-terminal { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + padding: 1.25rem; +} +.p-terminal .p-terminal-input { + font-size: 1rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; +} + +/* Vendor extensions to the designer enhanced bootstrap compatibility */ +.p-breadcrumb .p-breadcrumb-chevron { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; +} +.p-breadcrumb .p-breadcrumb-chevron:before { + content: "/"; +} + +.fc.fc-theme-standard .fc-highlight { + background: #614c6c; +} + +/* Customizations to the designer theme should be defined here */ diff --git a/assets/layout/styles/theme/bootstrap4-dark-purple/theme.css.br b/assets/layout/styles/theme/bootstrap4-dark-purple/theme.css.br new file mode 100644 index 0000000..9981303 Binary files /dev/null and b/assets/layout/styles/theme/bootstrap4-dark-purple/theme.css.br differ diff --git a/assets/layout/styles/theme/bootstrap4-dark-purple/theme.css.gz b/assets/layout/styles/theme/bootstrap4-dark-purple/theme.css.gz new file mode 100644 index 0000000..d8a5651 Binary files /dev/null and b/assets/layout/styles/theme/bootstrap4-dark-purple/theme.css.gz differ diff --git a/assets/layout/styles/theme/bootstrap4-light-blue/theme.css b/assets/layout/styles/theme/bootstrap4-light-blue/theme.css new file mode 100644 index 0000000..640f783 --- /dev/null +++ b/assets/layout/styles/theme/bootstrap4-light-blue/theme.css @@ -0,0 +1,6314 @@ +:root { + --surface-a:#ffffff; + --surface-b:#efefef; + --surface-c:#e9ecef; + --surface-d:#dee2e6; + --surface-e:#ffffff; + --surface-f:#ffffff; + --text-color:#212529; + --text-color-secondary:#6c757d; + --primary-color:#007bff; + --primary-color-text:#ffffff; + --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --surface-0: #ffffff; + --surface-50: #f9fafb; + --surface-100: #f8f9fa; + --surface-200: #e9ecef; + --surface-300: #dee2e6; + --surface-400: #ced4da; + --surface-500: #adb5bd; + --surface-600: #6c757d; + --surface-700: #495057; + --surface-800: #343a40; + --surface-900: #212529; + --gray-50: #f9fafb; + --gray-100: #f8f9fa; + --gray-200: #e9ecef; + --gray-300: #dee2e6; + --gray-400: #ced4da; + --gray-500: #adb5bd; + --gray-600: #6c757d; + --gray-700: #495057; + --gray-800: #343a40; + --gray-900: #212529; + --content-padding:1.25rem; + --inline-spacing:0.5rem; + --border-radius:4px; + --surface-ground:#efefef; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#dee2e6; + --surface-hover:#e9ecef; + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); + color-scheme: light; +} + +* { + box-sizing: border-box; +} + +.p-component { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + font-weight: normal; +} + +.p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.15s; +} + +.p-disabled, .p-component:disabled { + opacity: 0.65; +} + +.p-error { + color: #dc3545; +} + +.p-text-secondary { + color: #6c757d; +} + +.pi { + font-size: 1rem; +} + +.p-link { + font-size: 1rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + border-radius: 4px; +} +.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); +} + +.p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; +} + +.p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; +} + +@keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } +} +@keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } +} + +:root { + --blue-50:#f3f8ff; + --blue-100:#c5dcff; + --blue-200:#97c1fe; + --blue-300:#69a5fe; + --blue-400:#3b8afd; + --blue-500:#0d6efd; + --blue-600:#0b5ed7; + --blue-700:#094db1; + --blue-800:#073d8b; + --blue-900:#052c65; + --green-50:#f4f9f6; + --green-100:#c8e2d6; + --green-200:#9ccbb5; + --green-300:#70b595; + --green-400:#459e74; + --green-500:#198754; + --green-600:#157347; + --green-700:#125f3b; + --green-800:#0e4a2e; + --green-900:#0a3622; + --yellow-50:#fffcf3; + --yellow-100:#fff0c3; + --yellow-200:#ffe494; + --yellow-300:#ffd965; + --yellow-400:#ffcd36; + --yellow-500:#ffc107; + --yellow-600:#d9a406; + --yellow-700:#b38705; + --yellow-800:#8c6a04; + --yellow-900:#664d03; + --cyan-50:#f3fcfe; + --cyan-100:#c5f2fb; + --cyan-200:#97e8f9; + --cyan-300:#69def6; + --cyan-400:#3bd4f3; + --cyan-500:#0dcaf0; + --cyan-600:#0baccc; + --cyan-700:#098da8; + --cyan-800:#076f84; + --cyan-900:#055160; + --pink-50:#fdf5f9; + --pink-100:#f5cee1; + --pink-200:#eda7ca; + --pink-300:#e681b3; + --pink-400:#de5a9b; + --pink-500:#d63384; + --pink-600:#b62b70; + --pink-700:#96245c; + --pink-800:#761c49; + --pink-900:#561435; + --indigo-50:#f7f3fe; + --indigo-100:#dac6fc; + --indigo-200:#bd98f9; + --indigo-300:#a06bf7; + --indigo-400:#833df4; + --indigo-500:#6610f2; + --indigo-600:#570ece; + --indigo-700:#470ba9; + --indigo-800:#380985; + --indigo-900:#290661; + --teal-50:#f4fcfa; + --teal-100:#c9f2e6; + --teal-200:#9fe8d2; + --teal-300:#75debf; + --teal-400:#4ad3ab; + --teal-500:#20c997; + --teal-600:#1bab80; + --teal-700:#168d6a; + --teal-800:#126f53; + --teal-900:#0d503c; + --orange-50:#fff9f3; + --orange-100:#ffe0c7; + --orange-200:#fec89a; + --orange-300:#feaf6d; + --orange-400:#fd9741; + --orange-500:#fd7e14; + --orange-600:#d76b11; + --orange-700:#b1580e; + --orange-800:#8b450b; + --orange-900:#653208; + --bluegray-50:#f8f9fb; + --bluegray-100:#e0e4ea; + --bluegray-200:#c7ced9; + --bluegray-300:#aeb9c8; + --bluegray-400:#95a3b8; + --bluegray-500:#7c8ea7; + --bluegray-600:#69798e; + --bluegray-700:#576375; + --bluegray-800:#444e5c; + --bluegray-900:#323943; + --purple-50:#f8f6fc; + --purple-100:#dcd2f0; + --purple-200:#c1aee4; + --purple-300:#a68ad9; + --purple-400:#8a66cd; + --purple-500:#6f42c1; + --purple-600:#5e38a4; + --purple-700:#4e2e87; + --purple-800:#3d246a; + --purple-900:#2c1a4d; + --red-50:#fdf5f6; + --red-100:#f7cfd2; + --red-200:#f0a8af; + --red-300:#e9828c; + --red-400:#e35b68; + --red-500:#dc3545; + --red-600:#bb2d3b; + --red-700:#9a2530; + --red-800:#791d26; + --red-900:#58151c; + --primary-50:#f2f8ff; + --primary-100:#c2dfff; + --primary-200:#91c6ff; + --primary-300:#61adff; + --primary-400:#3094ff; + --primary-500:#007bff; + --primary-600:#0069d9; + --primary-700:#0056b3; + --primary-800:#00448c; + --primary-900:#003166; +} + +.p-autocomplete .p-autocomplete-loader { + right: 0.75rem; +} +.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.107rem; +} +.p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + border-color: #ced4da; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); + border-color: #007bff; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.25rem 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #212529; + padding: 0; + margin: 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #007bff; + color: #ffffff; + border-radius: 4px; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; +} + +p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #dc3545; +} + +.p-autocomplete-panel { + background: #ffffff; + color: #212529; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 4px; + box-shadow: none; +} +.p-autocomplete-panel .p-autocomplete-items { + padding: 0.5rem 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.5rem 1.5rem; + border: 0 none; + color: #212529; + background: transparent; + transition: box-shadow 0.15s; + border-radius: 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { + color: #212529; + background: #e9ecef; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #ffffff; + background: #007bff; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 1.5rem; + color: #212529; + background: transparent; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: #212529; + background: #ffffff; + font-weight: 600; +} + +p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; +} +p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #495057; + right: 0.75rem; +} + +p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #495057; + right: 3.107rem; +} + +p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #dc3545; +} + +.p-datepicker { + padding: 0; + background: #ffffff; + color: #212529; + border: 1px solid #ced4da; + border-radius: 4px; +} +.p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: none; +} +.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #efefef; +} +.p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: #212529; + background: #ffffff; + font-weight: 600; + margin: 0; + border-bottom: 1px solid #dee2e6; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: box-shadow 0.15s; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #495057; + border-color: transparent; + background: transparent; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); +} +.p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 2rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #212529; + transition: box-shadow 0.15s; + font-weight: 600; + padding: 0.5rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #007bff; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; +} +.p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0; +} +.p-datepicker table th { + padding: 0.5rem; +} +.p-datepicker table th > span { + width: 2.5rem; + height: 2.5rem; +} +.p-datepicker table td { + padding: 0.5rem; +} +.p-datepicker table td > span { + width: 2.5rem; + height: 2.5rem; + border-radius: 4px; + transition: box-shadow 0.15s; + border: 1px solid transparent; +} +.p-datepicker table td > span.p-highlight { + color: #ffffff; + background: #007bff; +} +.p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); +} +.p-datepicker table td.p-datepicker-today > span { + background: #ced4da; + color: #212529; + border-color: transparent; +} +.p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #ffffff; + background: #007bff; +} +.p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #dee2e6; +} +.p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; +} +.p-datepicker .p-timepicker { + border-top: 1px solid #dee2e6; + padding: 0.5rem; +} +.p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: box-shadow 0.15s; +} +.p-datepicker .p-timepicker button:enabled:hover { + color: #495057; + border-color: transparent; + background: transparent; +} +.p-datepicker .p-timepicker button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); +} +.p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; +} +.p-datepicker .p-timepicker span { + font-size: 1.25rem; +} +.p-datepicker .p-timepicker > div { + padding: 0 0.5rem; +} +.p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; +} +.p-datepicker .p-monthpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.5rem; + transition: box-shadow 0.15s; + border-radius: 4px; +} +.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #ffffff; + background: #007bff; +} +.p-datepicker .p-yearpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.5rem; + transition: box-shadow 0.15s; + border-radius: 4px; +} +.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #ffffff; + background: #007bff; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #dee2e6; + padding-right: 0; + padding-left: 0; + padding-top: 0; + padding-bottom: 0; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: #e9ecef; +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: #e9ecef; +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: #e9ecef; +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); +} + +p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; +} +p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #495057; + right: 0.75rem; +} + +p-calendar.p-calendar-clearable.p-calendar-w-btn .p-calendar-clear-icon { + color: #495057; + right: 3.107rem; +} + +@media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } +} +.p-cascadeselect { + background: #ffffff; + border: 1px solid #ced4da; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; +} +.p-cascadeselect:not(.p-disabled):hover { + border-color: #ced4da; +} +.p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); + border-color: #007bff; +} +.p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; +} +.p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #6c757d; +} +.p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #495057; + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-cascadeselect-panel { + background: #ffffff; + color: #212529; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 4px; + box-shadow: none; +} +.p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.5rem 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: #212529; + background: transparent; + transition: box-shadow 0.15s; + border-radius: 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 1.5rem; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #ffffff; + background: #007bff; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #212529; + background: #e9ecef; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; +} + +p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #dc3545; +} + +.p-input-filled .p-cascadeselect { + background: #efefef; +} +.p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #efefef; +} +.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #efefef; +} + +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; +} +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #495057; + right: 2.357rem; +} + +.p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; +} +.p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); +} + +.p-checkbox { + width: 20px; + height: 20px; +} +.p-checkbox .p-checkbox-box { + border: 2px solid #ced4da; + background: #ffffff; + width: 20px; + height: 20px; + color: #212529; + border-radius: 4px; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; +} +.p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.15s; + color: #ffffff; + font-size: 14px; +} +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #007bff; + background: #007bff; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #ced4da; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); + border-color: #007bff; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #0062cc; + background: #0062cc; + color: #ffffff; +} + +p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #dc3545; +} + +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #efefef; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #007bff; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #efefef; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #0062cc; +} + +.p-checkbox-label { + margin-left: 0.5rem; +} + +.p-highlight .p-checkbox .p-checkbox-box { + border-color: #ffffff; +} + +.p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; +} +.p-chips .p-chips-multiple-container:not(.p-disabled):hover { + border-color: #ced4da; +} +.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); + border-color: #007bff; +} +.p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + background: #007bff; + color: #ffffff; + border-radius: 4px; +} +.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; +} +.p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.25rem 0; +} +.p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #212529; + padding: 0; + margin: 0; +} + +p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #dc3545; +} + +p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; +} +p-chips.p-chips-clearable .p-chips-clear-icon { + color: #495057; + right: 0.75rem; +} + +.p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; +} + +.p-colorpicker-panel { + background: #212529; + border: 1px solid #212529; +} +.p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; +} + +.p-colorpicker-overlay-panel { + box-shadow: none; +} + +.p-dropdown { + background: #ffffff; + border: 1px solid #ced4da; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; +} +.p-dropdown:not(.p-disabled):hover { + border-color: #ced4da; +} +.p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); + border-color: #007bff; +} +.p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; +} +.p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; +} +.p-dropdown .p-dropdown-label.p-placeholder { + color: #6c757d; +} +.p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-dropdown .p-dropdown-trigger { + background: transparent; + color: #495057; + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-dropdown .p-dropdown-clear-icon { + color: #495057; + right: 2.357rem; +} + +.p-dropdown-panel { + background: #ffffff; + color: #212529; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 4px; + box-shadow: none; +} +.p-dropdown-panel .p-dropdown-header { + padding: 0.75rem 1.5rem; + border-bottom: 1px solid #dee2e6; + color: #212529; + background: #efefef; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #495057; +} +.p-dropdown-panel .p-dropdown-items { + padding: 0.5rem 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.5rem 1.5rem; + border: 0 none; + color: #212529; + background: transparent; + transition: box-shadow 0.15s; + border-radius: 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #ffffff; + background: #007bff; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #212529; + background: #e9ecef; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1.5rem; + color: #212529; + background: transparent; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: #212529; + background: #ffffff; + font-weight: 600; +} + +p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #dc3545; +} + +.p-input-filled .p-dropdown { + background: #efefef; +} +.p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #efefef; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #efefef; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; +} + +.p-editor-container .p-editor-toolbar { + background: #efefef; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #dee2e6; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #6c757d; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #6c757d; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #6c757d; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #212529; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #212529; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #212529; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #212529; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #212529; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #212529; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: none; + border-radius: 4px; + padding: 0.5rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #212529; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #212529; + background: #e9ecef; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1.5rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #dee2e6; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #495057; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #212529; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #212529; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #212529; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #007bff; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #007bff; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #007bff; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #007bff; +} + +.p-inputgroup-addon { + background: #e9ecef; + color: #495057; + border-top: 1px solid #ced4da; + border-left: 1px solid #ced4da; + border-bottom: 1px solid #ced4da; + padding: 0.5rem 0.75rem; + min-width: 2.357rem; +} +.p-inputgroup-addon:last-child { + border-right: 1px solid #ced4da; +} + +.p-inputgroup > .p-component, +.p-inputgroup > .p-element, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; +} +.p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-element + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; +} +.p-inputgroup > .p-component:focus, +.p-inputgroup > .p-element:focus, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; +} +.p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-element:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; +} + +.p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-fluid .p-inputgroup .p-button { + width: auto; +} +.p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.357rem; +} + +p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #dc3545; +} + +p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; +} +p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #495057; + right: 0.75rem; +} + +p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #dc3545; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #495057; + right: 0.75rem; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.107rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.107rem; +} + +.p-inputswitch { + width: 3rem; + height: 1.75rem; +} +.p-inputswitch .p-inputswitch-slider { + background: #ced4da; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; +} +.p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 4px; + transition-duration: 0.15s; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1.25rem); +} +.p-inputswitch.p-focus .p-inputswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); +} +.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #ced4da; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #007bff; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; +} +.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #007bff; +} + +p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + border-color: #dc3545; +} + +.p-inputtext { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #495057; + background: #ffffff; + padding: 0.5rem 0.75rem; + border: 1px solid #ced4da; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + appearance: none; + border-radius: 4px; +} +.p-inputtext:enabled:hover { + border-color: #ced4da; +} +.p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); + border-color: #007bff; +} +.p-inputtext.ng-dirty.ng-invalid { + border-color: #dc3545; +} +.p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; +} +.p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; +} + +.p-float-label > label { + left: 0.75rem; + color: #6c757d; + transition-duration: 0.15s; +} + +.p-float-label > .ng-invalid.ng-dirty + label { + color: #dc3545; +} + +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #495057; +} + +.p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; +} + +.p-input-icon-left.p-float-label > label { + left: 2.5rem; +} + +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #495057; +} + +.p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; +} + +::-webkit-input-placeholder { + color: #6c757d; +} + +:-moz-placeholder { + color: #6c757d; +} + +::-moz-placeholder { + color: #6c757d; +} + +:-ms-input-placeholder { + color: #6c757d; +} + +.p-input-filled .p-inputtext { + background-color: #efefef; +} +.p-input-filled .p-inputtext:enabled:hover { + background-color: #efefef; +} +.p-input-filled .p-inputtext:enabled:focus { + background-color: #efefef; +} + +.p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; +} + +.p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; +} + +.p-listbox { + background: #ffffff; + color: #212529; + border: 1px solid #ced4da; + border-radius: 4px; +} +.p-listbox .p-listbox-header { + padding: 0.75rem 1.5rem; + border-bottom: 1px solid #dee2e6; + color: #212529; + background: #efefef; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; +} +.p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #495057; +} +.p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list { + padding: 0.5rem 0; +} +.p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.5rem 1.5rem; + border: 0 none; + color: #212529; + transition: box-shadow 0.15s; + border-radius: 0; +} +.p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #ffffff; + background: #007bff; +} +.p-listbox .p-listbox-list .p-listbox-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); +} +.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: #212529; + background: #ffffff; + font-weight: 600; +} +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 1.5rem; + color: #212529; + background: transparent; +} +.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #212529; + background: #e9ecef; +} + +p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #dc3545; +} + +.p-multiselect { + background: #ffffff; + border: 1px solid #ced4da; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; +} +.p-multiselect:not(.p-disabled):hover { + border-color: #ced4da; +} +.p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); + border-color: #007bff; +} +.p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; +} +.p-multiselect .p-multiselect-label.p-placeholder { + color: #6c757d; +} +.p-multiselect.p-multiselect-chip .p-multiselect-label { + gap: 0.5rem; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + background: #007bff; + color: #ffffff; + border-radius: 4px; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; +} +.p-multiselect .p-multiselect-trigger { + background: transparent; + color: #495057; + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; +} + +.p-multiselect-panel { + background: #ffffff; + color: #212529; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 4px; + box-shadow: none; +} +.p-multiselect-panel .p-multiselect-header { + padding: 0.75rem 1.5rem; + border-bottom: 1px solid #dee2e6; + color: #212529; + background: #efefef; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #495057; +} +.p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: box-shadow 0.15s; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #495057; + border-color: transparent; + background: transparent; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); +} +.p-multiselect-panel .p-multiselect-items { + padding: 0.5rem 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.5rem 1.5rem; + border: 0 none; + color: #212529; + background: transparent; + transition: box-shadow 0.15s; + border-radius: 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #ffffff; + background: #007bff; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #212529; + background: #e9ecef; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: #212529; + background: #ffffff; + font-weight: 600; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 1.5rem; + color: #212529; + background: transparent; +} + +p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #dc3545; +} + +.p-input-filled .p-multiselect { + background: #efefef; +} +.p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #efefef; +} +.p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #efefef; +} + +p-multiselect.p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; +} +p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { + color: #495057; + right: 2.357rem; +} + +p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #dc3545; +} + +.p-password-panel { + padding: 1.25rem; + background: #ffffff; + color: #212529; + border: 1px solid rgba(0, 0, 0, 0.2); + box-shadow: none; + border-radius: 4px; +} +.p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #e9ecef; +} +.p-password-panel .p-password-meter .p-password-strength.weak { + background: #dc3545; +} +.p-password-panel .p-password-meter .p-password-strength.medium { + background: #ffc107; +} +.p-password-panel .p-password-meter .p-password-strength.strong { + background: #28a745; +} + +p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; +} +p-password.p-password-clearable .p-password-clear-icon { + color: #495057; + right: 0.75rem; +} + +p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; +} +p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #495057; + right: 2.5rem; +} + +.p-radiobutton { + width: 20px; + height: 20px; +} +.p-radiobutton .p-radiobutton-box { + border: 2px solid #ced4da; + background: #ffffff; + width: 20px; + height: 20px; + color: #212529; + border-radius: 50%; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #ced4da; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); + border-color: #007bff; +} +.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 12px; + height: 12px; + transition-duration: 0.15s; + background-color: #ffffff; +} +.p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #007bff; + background: #007bff; +} +.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #0062cc; + background: #0062cc; + color: #ffffff; +} + +p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #dc3545; +} + +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #efefef; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #efefef; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #007bff; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #0062cc; +} + +.p-radiobutton-label { + margin-left: 0.5rem; +} + +.p-highlight .p-radiobutton .p-radiobutton-box { + border-color: #ffffff; +} + +.p-rating .p-rating-icon { + color: #495057; + margin-left: 0.5rem; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + font-size: 1.143rem; +} +.p-rating .p-rating-icon.p-rating-cancel { + color: #dc3545; +} +.p-rating .p-rating-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); +} +.p-rating .p-rating-icon:first-child { + margin-left: 0; +} +.p-rating .p-rating-icon.pi-star-fill { + color: #007bff; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + color: #007bff; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + color: #dc3545; +} + +.p-highlight .p-rating .p-rating-icon { + color: #ffffff; +} + +.p-selectbutton .p-button { + background: #6c757d; + border: 1px solid #6c757d; + color: #ffffff; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; +} +.p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #ffffff; +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #5a6268; + border-color: #545b62; + color: #ffffff; +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #ffffff; +} +.p-selectbutton .p-button.p-highlight { + background: #545b62; + border-color: #4e555b; + color: #ffffff; +} +.p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #ffffff; +} +.p-selectbutton .p-button.p-highlight:hover { + background: #545b62; + border-color: #4e555b; + color: #ffffff; +} +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; +} + +p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #dc3545; +} + +.p-slider { + background: #e9ecef; + border: 0 none; + border-radius: 4px; +} +.p-slider.p-slider-horizontal { + height: 0.286rem; +} +.p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -0.5715rem; + margin-left: -0.5715rem; +} +.p-slider.p-slider-vertical { + width: 0.286rem; +} +.p-slider.p-slider-vertical .p-slider-handle { + margin-left: -0.5715rem; + margin-bottom: -0.5715rem; +} +.p-slider .p-slider-handle { + height: 1.143rem; + width: 1.143rem; + background: #007bff; + border: 2px solid #007bff; + border-radius: 4px; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; +} +.p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); +} +.p-slider .p-slider-range { + background: #007bff; +} +.p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #0069d9; + border-color: #0069d9; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s, left 0.15s; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.15s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s, bottom 0.15s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.15s; +} + +.p-togglebutton.p-button { + background: #6c757d; + border: 1px solid #6c757d; + color: #ffffff; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; +} +.p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #ffffff; +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #5a6268; + border-color: #545b62; + color: #ffffff; +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #ffffff; +} +.p-togglebutton.p-button.p-highlight { + background: #545b62; + border-color: #4e555b; + color: #ffffff; +} +.p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #ffffff; +} +.p-togglebutton.p-button.p-highlight:hover { + background: #545b62; + border-color: #4e555b; + color: #ffffff; +} +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; +} + +p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #dc3545; +} + +.p-treeselect { + background: #ffffff; + border: 1px solid #ced4da; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; +} +.p-treeselect:not(.p-disabled):hover { + border-color: #ced4da; +} +.p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); + border-color: #007bff; +} +.p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; +} +.p-treeselect .p-treeselect-label.p-placeholder { + color: #6c757d; +} +.p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #dee2e6; + color: #212529; + border-radius: 16px; +} +.p-treeselect .p-treeselect-trigger { + background: transparent; + color: #495057; + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #dc3545; +} + +.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; +} + +.p-treeselect-panel { + background: #ffffff; + color: #212529; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 4px; + box-shadow: none; +} +.p-treeselect-panel .p-treeselect-header { + padding: 0.75rem 1.5rem; + border-bottom: 1px solid #dee2e6; + color: #212529; + background: #efefef; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #495057; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: box-shadow 0.15s; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #495057; + border-color: transparent; + background: transparent; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.5rem 1.5rem; + color: #212529; + background: transparent; +} + +.p-input-filled .p-treeselect { + background: #efefef; +} +.p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #efefef; +} +.p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #efefef; +} + +p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; +} +p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #495057; + right: 2.357rem; +} + +.p-button { + color: #ffffff; + background: #007bff; + border: 1px solid #007bff; + padding: 0.5rem 0.75rem; + font-size: 1rem; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; +} +.p-button:enabled:hover { + background: #0069d9; + color: #ffffff; + border-color: #0069d9; +} +.p-button:enabled:active { + background: #0062cc; + color: #ffffff; + border-color: #0062cc; +} +.p-button.p-button-outlined { + background-color: transparent; + color: #007bff; + border: 1px solid; +} +.p-button.p-button-outlined:enabled:hover { + background: rgba(0, 123, 255, 0.04); + color: #007bff; + border: 1px solid; +} +.p-button.p-button-outlined:enabled:active { + background: rgba(0, 123, 255, 0.16); + color: #007bff; + border: 1px solid; +} +.p-button.p-button-outlined.p-button-plain { + color: #6c757d; + border-color: #6c757d; +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: #e9ecef; + color: #6c757d; +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: #dee2e6; + color: #6c757d; +} +.p-button.p-button-text { + background-color: transparent; + color: #007bff; + border-color: transparent; +} +.p-button.p-button-text:enabled:hover { + background: rgba(0, 123, 255, 0.04); + color: #007bff; + border-color: transparent; +} +.p-button.p-button-text:enabled:active { + background: rgba(0, 123, 255, 0.16); + color: #007bff; + border-color: transparent; +} +.p-button.p-button-text.p-button-plain { + color: #6c757d; +} +.p-button.p-button-text.p-button-plain:enabled:hover { + background: #e9ecef; + color: #6c757d; +} +.p-button.p-button-text.p-button-plain:enabled:active { + background: #dee2e6; + color: #6c757d; +} +.p-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); +} +.p-button .p-button-label { + transition-duration: 0.15s; +} +.p-button .p-button-icon-left { + margin-right: 0.5rem; +} +.p-button .p-button-icon-right { + margin-left: 0.5rem; +} +.p-button .p-button-icon-bottom { + margin-top: 0.5rem; +} +.p-button .p-button-icon-top { + margin-bottom: 0.5rem; +} +.p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #007bff; + background-color: #ffffff; +} +.p-button.p-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); +} +.p-button.p-button-rounded { + border-radius: 2rem; +} +.p-button.p-button-icon-only { + width: 2.357rem; + padding: 0.5rem 0; +} +.p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; +} +.p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.357rem; +} +.p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; +} +.p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; +} +.p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; +} +.p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; +} +.p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; +} +.p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; +} + +.p-fluid .p-button { + width: 100%; +} +.p-fluid .p-button-icon-only { + width: 2.357rem; +} +.p-fluid .p-buttonset { + display: flex; +} +.p-fluid .p-buttonset .p-button { + flex: 1; +} + +.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + color: #ffffff; + background: #6c757d; + border: 1px solid #6c757d; +} +.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + background: #5a6268; + color: #ffffff; + border-color: #5a6268; +} +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); +} +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: #545b62; + color: #ffffff; + border-color: #4e555b; +} +.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + background-color: transparent; + color: #6c757d; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + background: rgba(108, 117, 125, 0.04); + color: #6c757d; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(108, 117, 125, 0.16); + color: #6c757d; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + background-color: transparent; + color: #6c757d; + border-color: transparent; +} +.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + background: rgba(108, 117, 125, 0.04); + border-color: transparent; + color: #6c757d; +} +.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + background: rgba(108, 117, 125, 0.16); + border-color: transparent; + color: #6c757d; +} + +.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #17a2b8; + border: 1px solid #17a2b8; +} +.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + background: #138496; + color: #ffffff; + border-color: #117a8b; +} +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); +} +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: #138496; + color: #ffffff; + border-color: #117a8b; +} +.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + background-color: transparent; + color: #17a2b8; + border: 1px solid; +} +.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + background: rgba(23, 162, 184, 0.04); + color: #17a2b8; + border: 1px solid; +} +.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(23, 162, 184, 0.16); + color: #17a2b8; + border: 1px solid; +} +.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + background-color: transparent; + color: #17a2b8; + border-color: transparent; +} +.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + background: rgba(23, 162, 184, 0.04); + border-color: transparent; + color: #17a2b8; +} +.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + background: rgba(23, 162, 184, 0.16); + border-color: transparent; + color: #17a2b8; +} + +.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #28a745; + border: 1px solid #28a745; +} +.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + background: #218838; + color: #ffffff; + border-color: #1e7e34; +} +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); +} +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: #1e7e34; + color: #ffffff; + border-color: #1c7430; +} +.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + background-color: transparent; + color: #28a745; + border: 1px solid; +} +.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + background: rgba(40, 167, 69, 0.04); + color: #28a745; + border: 1px solid; +} +.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(40, 167, 69, 0.16); + color: #28a745; + border: 1px solid; +} +.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + background-color: transparent; + color: #28a745; + border-color: transparent; +} +.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + background: rgba(40, 167, 69, 0.04); + border-color: transparent; + color: #28a745; +} +.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + background: rgba(40, 167, 69, 0.16); + border-color: transparent; + color: #28a745; +} + +.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #212529; + background: #ffc107; + border: 1px solid #ffc107; +} +.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + background: #e0a800; + color: #212529; + border-color: #d39e00; +} +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); +} +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: #d39e00; + color: #212529; + border-color: #c69500; +} +.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + background-color: transparent; + color: #ffc107; + border: 1px solid; +} +.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + background: rgba(255, 193, 7, 0.04); + color: #ffc107; + border: 1px solid; +} +.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(255, 193, 7, 0.16); + color: #ffc107; + border: 1px solid; +} +.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + background-color: transparent; + color: #ffc107; + border-color: transparent; +} +.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + background: rgba(255, 193, 7, 0.04); + border-color: transparent; + color: #ffc107; +} +.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + background: rgba(255, 193, 7, 0.16); + border-color: transparent; + color: #ffc107; +} + +.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #6f42c1; + border: 1px solid #6f42c1; +} +.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + background: #633bad; + color: #ffffff; + border-color: #58349a; +} +.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #d3c6ec; +} +.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: #58349a; + color: #ffffff; + border-color: #4d2e87; +} +.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + background-color: transparent; + color: #6f42c1; + border: 1px solid; +} +.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + background: rgba(111, 66, 193, 0.04); + color: #6f42c1; + border: 1px solid; +} +.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(111, 66, 193, 0.16); + color: #6f42c1; + border: 1px solid; +} +.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + background-color: transparent; + color: #6f42c1; + border-color: transparent; +} +.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + background: rgba(111, 66, 193, 0.04); + border-color: transparent; + color: #6f42c1; +} +.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + background: rgba(111, 66, 193, 0.16); + border-color: transparent; + color: #6f42c1; +} + +.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #dc3545; + border: 1px solid #dc3545; +} +.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + background: #c82333; + color: #ffffff; + border-color: #bd2130; +} +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); +} +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: #bd2130; + color: #ffffff; + border-color: #b21f2d; +} +.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + background-color: transparent; + color: #dc3545; + border: 1px solid; +} +.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + background: rgba(220, 53, 69, 0.04); + color: #dc3545; + border: 1px solid; +} +.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(220, 53, 69, 0.16); + color: #dc3545; + border: 1px solid; +} +.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + background-color: transparent; + color: #dc3545; + border-color: transparent; +} +.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + background: rgba(220, 53, 69, 0.04); + border-color: transparent; + color: #dc3545; +} +.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + background: rgba(220, 53, 69, 0.16); + border-color: transparent; + color: #dc3545; +} + +.p-button.p-button-link { + color: #007bff; + background: transparent; + border: transparent; +} +.p-button.p-button-link:enabled:hover { + background: transparent; + color: #0069d9; + border-color: transparent; +} +.p-button.p-button-link:enabled:hover .p-button-label { + text-decoration: underline; +} +.p-button.p-button-link:enabled:focus { + background: transparent; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); + border-color: transparent; +} +.p-button.p-button-link:enabled:active { + background: transparent; + color: #007bff; + border-color: transparent; +} + +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: #495057; + color: #fff; +} +.p-speeddial-action:hover { + background: #343a40; + color: #fff; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +.p-splitbutton { + border-radius: 4px; +} +.p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #007bff; + border: 1px solid; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(0, 123, 255, 0.04); + color: #007bff; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(0, 123, 255, 0.16); + color: #007bff; +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: #6c757d; + border-color: #6c757d; +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: #e9ecef; + color: #6c757d; +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: #dee2e6; + color: #6c757d; +} +.p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #007bff; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(0, 123, 255, 0.04); + color: #007bff; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(0, 123, 255, 0.16); + color: #007bff; + border-color: transparent; +} +.p-splitbutton.p-button-text.p-button-plain > .p-button { + color: #6c757d; +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: #e9ecef; + color: #6c757d; +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: #dee2e6; + color: #6c757d; +} +.p-splitbutton.p-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); +} +.p-splitbutton.p-button-rounded { + border-radius: 2rem; +} +.p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; +} +.p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; +} +.p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; +} +.p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; +} +.p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; +} + +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #6c757d; + border: 1px solid; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(108, 117, 125, 0.04); + color: #6c757d; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(108, 117, 125, 0.16); + color: #6c757d; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #6c757d; + border-color: transparent; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(108, 117, 125, 0.04); + border-color: transparent; + color: #6c757d; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(108, 117, 125, 0.16); + border-color: transparent; + color: #6c757d; +} + +.p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #17a2b8; + border: 1px solid; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(23, 162, 184, 0.04); + color: #17a2b8; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(23, 162, 184, 0.16); + color: #17a2b8; +} +.p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #17a2b8; + border-color: transparent; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(23, 162, 184, 0.04); + border-color: transparent; + color: #17a2b8; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(23, 162, 184, 0.16); + border-color: transparent; + color: #17a2b8; +} + +.p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #28a745; + border: 1px solid; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(40, 167, 69, 0.04); + color: #28a745; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(40, 167, 69, 0.16); + color: #28a745; +} +.p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #28a745; + border-color: transparent; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(40, 167, 69, 0.04); + border-color: transparent; + color: #28a745; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(40, 167, 69, 0.16); + border-color: transparent; + color: #28a745; +} + +.p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #ffc107; + border: 1px solid; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 193, 7, 0.04); + color: #ffc107; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 193, 7, 0.16); + color: #ffc107; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #ffc107; + border-color: transparent; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 193, 7, 0.04); + border-color: transparent; + color: #ffc107; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 193, 7, 0.16); + border-color: transparent; + color: #ffc107; +} + +.p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #6f42c1; + border: 1px solid; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(111, 66, 193, 0.04); + color: #6f42c1; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(111, 66, 193, 0.16); + color: #6f42c1; +} +.p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #6f42c1; + border-color: transparent; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(111, 66, 193, 0.04); + border-color: transparent; + color: #6f42c1; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(111, 66, 193, 0.16); + border-color: transparent; + color: #6f42c1; +} + +.p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #dc3545; + border: 1px solid; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(220, 53, 69, 0.04); + color: #dc3545; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(220, 53, 69, 0.16); + color: #dc3545; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #dc3545; + border-color: transparent; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(220, 53, 69, 0.04); + border-color: transparent; + color: #dc3545; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(220, 53, 69, 0.16); + border-color: transparent; + color: #dc3545; +} + +.p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: box-shadow 0.15s; + margin: 0.5rem; +} +.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #495057; + border-color: transparent; + background: transparent; +} +.p-carousel .p-carousel-content .p-carousel-prev:focus, +.p-carousel .p-carousel-content .p-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); +} +.p-carousel .p-carousel-indicators { + padding: 1rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #e9ecef; + width: 2rem; + height: 0.5rem; + transition: box-shadow 0.15s; + border-radius: 0; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #dee2e6; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #007bff; + color: #ffffff; +} + +.p-datatable .p-paginator-top { + border-width: 1px 0 0 0; + border-radius: 0; +} +.p-datatable .p-paginator-bottom { + border-width: 1px 0 0 0; + border-radius: 0; +} +.p-datatable .p-datatable-header { + background: #efefef; + color: #212529; + border: solid #dee2e6; + border-width: 1px 0 0 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-datatable .p-datatable-footer { + background: #efefef; + color: #212529; + border: 1px solid #dee2e6; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #dee2e6; + border-width: 1px 0 2px 0; + font-weight: 600; + color: #212529; + background: #ffffff; + transition: box-shadow 0.15s; +} +.p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #dee2e6; + border-width: 1px 0 1px 0; + font-weight: 600; + color: #212529; + background: #ffffff; +} +.p-datatable .p-sortable-column .p-sortable-column-icon { + color: #6c757d; + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #ffffff; + background: #007bff; + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #e9ecef; + color: #212529; +} +.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #6c757d; +} +.p-datatable .p-sortable-column.p-highlight { + background: #ffffff; + color: #007bff; +} +.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #007bff; +} +.p-datatable .p-sortable-column.p-highlight:hover { + background: #e9ecef; + color: #007bff; +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #007bff; +} +.p-datatable .p-sortable-column:focus { + box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); + outline: 0 none; +} +.p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #212529; + transition: box-shadow 0.15s; +} +.p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #dee2e6; + border-width: 1px 0 0 0; + padding: 1rem 1rem; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: box-shadow 0.15s; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: #495057; + border-color: transparent; + background: transparent; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); +} +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; +} +.p-datatable .p-datatable-tbody > tr:focus { + outline: 0.15rem solid rgba(38, 143, 255, 0.5); + outline-offset: 0.15rem; +} +.p-datatable .p-datatable-tbody > tr.p-highlight { + background: #007bff; + color: #ffffff; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #007bff; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #007bff; +} +.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #e9ecef; + color: #212529; +} +.p-datatable .p-column-resizer-helper { + background: #007bff; +} +.p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #efefef; +} +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #ffffff; +} +.p-datatable .p-datatable-loading-icon { + font-size: 2rem; +} +.p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: rgba(0, 0, 0, 0.05); +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #007bff; + color: #ffffff; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #ffffff; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #ffffff; +} +.p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; +} + +.p-dataview .p-paginator-top { + border-width: 1px 0 0 0; + border-radius: 0; +} +.p-dataview .p-paginator-bottom { + border-width: 1px 0 0 0; + border-radius: 0; +} +.p-dataview .p-dataview-header { + background: #efefef; + color: #212529; + border: solid #dee2e6; + border-width: 1px 0 0 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-dataview .p-dataview-content { + background: #ffffff; + color: #212529; + border: 0 none; + padding: 0; +} +.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { + border: 1px solid #dee2e6; + border-width: 1px 0 0 0; +} +.p-dataview .p-dataview-footer { + background: #efefef; + color: #212529; + border: 1px solid #dee2e6; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-dataview .p-dataview-loading-icon { + font-size: 2rem; +} +.p-dataview .p-dataview-emptymessage { + padding: 1.25rem; +} + +.p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; +} + +.p-column-filter-menu-button { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: box-shadow 0.15s; +} +.p-column-filter-menu-button:hover { + color: #495057; + border-color: transparent; + background: transparent; +} +.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: transparent; + color: #495057; +} +.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #007bff; + color: #ffffff; +} +.p-column-filter-menu-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); +} + +.p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: box-shadow 0.15s; +} +.p-column-filter-clear-button:hover { + color: #495057; + border-color: transparent; + background: transparent; +} +.p-column-filter-clear-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); +} + +.p-column-filter-overlay { + background: #ffffff; + color: #212529; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 4px; + box-shadow: none; + min-width: 12.5rem; +} +.p-column-filter-overlay .p-column-filter-row-items { + padding: 0.5rem 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.5rem 1.5rem; + border: 0 none; + color: #212529; + background: transparent; + transition: box-shadow 0.15s; + border-radius: 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #ffffff; + background: #007bff; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #212529; + background: #e9ecef; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #dee2e6; + margin: 0.5rem 0; +} + +.p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem 1.5rem; + border-bottom: 1px solid #dee2e6; + color: #212529; + background: #efefef; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1.25rem; + border-bottom: 1px solid #dee2e6; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; +} +.p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.5rem 1.25rem; +} +.p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1.25rem; +} + +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { + background: #efefef; + border: 1px solid #dee2e6; + color: #212529; +} +.fc.fc-unthemed .fc-view-container td.fc-widget-content { + background: #ffffff; + border: 1px solid #dee2e6; + color: #212529; +} +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #dee2e6; +} +.fc.fc-unthemed .fc-view-container .fc-row { + border-right: 1px solid #dee2e6; +} +.fc.fc-unthemed .fc-view-container .fc-event { + background: #0069d9; + border: 1px solid #0069d9; + color: #ffffff; +} +.fc.fc-unthemed .fc-view-container .fc-divider { + background: #efefef; + border: 1px solid #dee2e6; +} +.fc.fc-unthemed .fc-toolbar .fc-button { + color: #ffffff; + background: #007bff; + border: 1px solid #007bff; + font-size: 1rem; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; + display: flex; + align-items: center; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { + background: #0069d9; + color: #ffffff; + border-color: #0069d9; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { + background: #0062cc; + color: #ffffff; + border-color: #0062cc; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-unthemed .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #6c757d; + border: 1px solid #6c757d; + color: #ffffff; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #5a6268; + border-color: #545b62; + color: #ffffff; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #545b62; + border-color: #4e555b; + color: #ffffff; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #545b62; + border-color: #4e555b; + color: #ffffff; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); + z-index: 1; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #dee2e6; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #efefef; + border-color: #dee2e6; + color: #212529; +} +.fc.fc-theme-standard .fc-view-harness td { + color: #212529; + border-color: #dee2e6; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover { + background: none; + border: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { + border: 1px solid #dee2e6; + padding: 1rem 1.25rem; + background: #efefef; + color: #212529; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { + opacity: 1; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; + font-family: "PrimeIcons" !important; + font-size: 1rem; + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: box-shadow 0.15s; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { + content: "\e90b"; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { + color: #495057; + border-color: transparent; + background: transparent; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { + padding: 1.25rem; + border: 1px solid #dee2e6; + background: #ffffff; + color: #212529; + border-top: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #ffffff; + background: #0069d9; + border-color: #0069d9; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: #0069d9; + border-color: #0069d9; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: #e9ecef; + color: #212529; +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #efefef; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #ffffff; + background: #007bff; + border: 1px solid #007bff; + font-size: 1rem; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: #0069d9; + color: #ffffff; + border-color: #0069d9; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: #0062cc; + color: #ffffff; + border-color: #0062cc; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.65; + color: #ffffff; + background: #007bff; + border: 1px solid #007bff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #6c757d; + border: 1px solid #6c757d; + color: #ffffff; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #5a6268; + border-color: #545b62; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #545b62; + border-color: #4e555b; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #545b62; + border-color: #4e555b; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.fc.fc-theme-standard a { + color: #212529; +} +.fc.fc-theme-standard .fc-highlight { + color: #ffffff; + background: #007bff; +} + +.p-orderlist .p-orderlist-controls { + padding: 1.25rem; +} +.p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; +} +.p-orderlist .p-orderlist-header { + background: #efefef; + color: #212529; + border: 1px solid #dee2e6; + padding: 1rem 1.25rem; + border-bottom: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; +} +.p-orderlist .p-orderlist-filter-container { + padding: 1rem 1.25rem; + background: #ffffff; + border: 1px solid #dee2e6; + border-bottom: 0 none; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #495057; +} +.p-orderlist .p-orderlist-list { + border: 1px solid #dee2e6; + background: #ffffff; + color: #212529; + padding: 0.5rem 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 1.5rem; + margin: 0; + border: 0 none; + color: #212529; + background: transparent; + transition: box-shadow 0.15s; +} +.p-orderlist .p-orderlist-list .p-orderlist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); +} +.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #ffffff; + background: #007bff; +} +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 1.5rem; + color: #212529; +} +.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #e9ecef; + color: #212529; +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: rgba(0, 0, 0, 0.05); +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: #e9ecef; +} + +.p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 1.5rem; + box-shadow: none; + border: 0 none; + color: #212529; + background: #ffffff; + margin: 0; +} + +.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #e9ecef; + color: #212529; +} +.p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #007bff; + color: #ffffff; +} +.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #003e80; +} +.p-organizationchart .p-organizationchart-line-down { + background: #dee2e6; +} +.p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #dee2e6; + border-color: #dee2e6; +} +.p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #dee2e6; + border-color: #dee2e6; +} +.p-organizationchart .p-organizationchart-node-content { + border: 1px solid #dee2e6; + background: #ffffff; + color: #212529; + padding: 1.25rem; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); +} + +.p-paginator { + background: #ffffff; + color: #007bff; + border: solid #dee2e6; + border-width: 0; + padding: 0.75rem; + border-radius: 4px; +} +.p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: #ffffff; + border: 1px solid #dee2e6; + color: #007bff; + min-width: 2.357rem; + height: 2.357rem; + margin: 0 0 0 -1px; + transition: box-shadow 0.15s; + border-radius: 0; +} +.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: #e9ecef; + border-color: #dee2e6; + color: #007bff; +} +.p-paginator .p-paginator-first { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.357rem; +} +.p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; +} +.p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; +} +.p-paginator .p-paginator-page-input .p-inputtext { + max-width: 2.357rem; +} +.p-paginator .p-paginator-current { + background-color: #ffffff; + border: 1px solid #dee2e6; + color: #007bff; + min-width: 2.357rem; + height: 2.357rem; + margin: 0 0 0 -1px; + padding: 0 0.5rem; +} +.p-paginator .p-paginator-pages .p-paginator-page { + background-color: #ffffff; + border: 1px solid #dee2e6; + color: #007bff; + min-width: 2.357rem; + height: 2.357rem; + margin: 0 0 0 -1px; + transition: box-shadow 0.15s; + border-radius: 0; +} +.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #007bff; + border-color: #007bff; + color: #ffffff; +} +.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #e9ecef; + border-color: #dee2e6; + color: #007bff; +} + +.p-picklist .p-picklist-buttons { + padding: 1.25rem; +} +.p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; +} +.p-picklist .p-picklist-header { + background: #efefef; + color: #212529; + border: 1px solid #dee2e6; + padding: 1rem 1.25rem; + border-bottom: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; +} +.p-picklist .p-picklist-filter-container { + padding: 1rem 1.25rem; + background: #ffffff; + border: 1px solid #dee2e6; + border-bottom: 0 none; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #495057; +} +.p-picklist .p-picklist-list { + border: 1px solid #dee2e6; + background: #ffffff; + color: #212529; + padding: 0.5rem 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 1.5rem; + margin: 0; + border: 0 none; + color: #212529; + background: transparent; + transition: box-shadow 0.15s; +} +.p-picklist .p-picklist-list .p-picklist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); +} +.p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #ffffff; + background: #007bff; +} +.p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 1.5rem; + color: #212529; +} +.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #e9ecef; + color: #212529; +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: rgba(0, 0, 0, 0.05); +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: #e9ecef; +} + +.p-picklist-item.cdk-drag-preview { + padding: 0.5rem 1.5rem; + box-shadow: none; + border: 0 none; + color: #212529; + background: #ffffff; + margin: 0; +} + +.p-timeline .p-timeline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #007bff; +} +.p-timeline .p-timeline-event-connector { + background-color: #dee2e6; +} +.p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; +} +.p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; +} + +.p-tree { + border: 1px solid #dee2e6; + background: #ffffff; + color: #212529; + padding: 1.25rem; + border-radius: 4px; +} +.p-tree .p-tree-container .p-treenode { + padding: 0.143rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 4px; + transition: box-shadow 0.15s; + padding: 0.286rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: box-shadow 0.15s; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #495057; + border-color: transparent; + background: transparent; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #6c757d; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #212529; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #007bff; + color: #ffffff; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #ffffff; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #ffffff; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #e9ecef; + color: #212529; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #e9ecef; + color: #212529; +} +.p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; +} +.p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; +} +.p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #495057; +} +.p-tree .p-treenode-children { + padding: 0 0 0 1rem; +} +.p-tree .p-tree-loading-icon { + font-size: 2rem; +} +.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: #0062cc; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 4px; + border: 1px solid #dee2e6; + background-color: #ffffff; + color: #212529; + padding: 0.286rem; + transition: box-shadow 0.15s; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #007bff; + color: #ffffff; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #ffffff; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #e9ecef; + color: #212529; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); +} + +.p-treetable .p-paginator-top { + border-width: 1px 0 0 0; + border-radius: 0; +} +.p-treetable .p-paginator-bottom { + border-width: 1px 0 0 0; + border-radius: 0; +} +.p-treetable .p-treetable-header { + background: #efefef; + color: #212529; + border: solid #dee2e6; + border-width: 1px 0 0 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-treetable .p-treetable-footer { + background: #efefef; + color: #212529; + border: 1px solid #dee2e6; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #dee2e6; + border-width: 1px 0 2px 0; + font-weight: 600; + color: #212529; + background: #ffffff; + transition: box-shadow 0.15s; +} +.p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #dee2e6; + border-width: 1px 0 1px 0; + font-weight: 600; + color: #212529; + background: #ffffff; +} +.p-treetable .p-sortable-column { + outline-color: rgba(38, 143, 255, 0.5); +} +.p-treetable .p-sortable-column .p-sortable-column-icon { + color: #6c757d; + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #ffffff; + background: #007bff; + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #e9ecef; + color: #212529; +} +.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #6c757d; +} +.p-treetable .p-sortable-column.p-highlight { + background: #ffffff; + color: #007bff; +} +.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #007bff; +} +.p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #212529; + transition: box-shadow 0.15s; +} +.p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #dee2e6; + border-width: 1px 0 0 0; + padding: 1rem 1rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: box-shadow 0.15s; + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #495057; + border-color: transparent; + background: transparent; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #212529; +} +.p-treetable .p-treetable-tbody > tr:focus { + outline: 0.15rem solid rgba(38, 143, 255, 0.5); + outline-offset: -0.15rem; +} +.p-treetable .p-treetable-tbody > tr.p-highlight { + background: #007bff; + color: #ffffff; +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #ffffff; +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #ffffff; +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: #e9ecef; + color: #212529; +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #212529; +} +.p-treetable .p-column-resizer-helper { + background: #007bff; +} +.p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #efefef; +} +.p-treetable .p-treetable-loading-icon { + font-size: 2rem; +} +.p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.875rem 0.875rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 1.25rem 1.25rem; +} + +.p-virtualscroller .p-virtualscroller-header { + background: #efefef; + color: #212529; + border: solid #dee2e6; + border-width: 1px 0 0 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #212529; + border: 0 none; + padding: 0; +} +.p-virtualscroller .p-virtualscroller-footer { + background: #efefef; + color: #212529; + border: 1px solid #dee2e6; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1rem 1.25rem; + border: 1px solid #dee2e6; + color: #212529; + background: #efefef; + font-weight: 600; + border-radius: 4px; + transition: box-shadow 0.15s; +} +.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; +} +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); +} +.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #e9ecef; + border-color: #dee2e6; + color: #212529; +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #efefef; + border-color: #dee2e6; + color: #212529; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #dee2e6; + background: #e9ecef; + color: #212529; +} +.p-accordion .p-accordion-content { + padding: 1.25rem; + border: 1px solid #dee2e6; + background: #ffffff; + color: #212529; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; +} +.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; +} +.p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; +} +.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 none; +} +.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-top: 0 none; +} +.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-card { + background: #ffffff; + color: #212529; + 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; +} +.p-card .p-card-body { + padding: 1.5rem; +} +.p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +.p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #6c757d; +} +.p-card .p-card-content { + padding: 1rem 0; +} +.p-card .p-card-footer { + padding: 1rem 0 0 0; +} + +.p-divider .p-divider-content { + background-color: #ffffff; +} +.p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +.p-divider.p-divider-horizontal:before { + border-top: 1px #dee2e6; +} +.p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; +} +.p-divider.p-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; +} +.p-divider.p-divider-vertical:before { + border-left: 1px #dee2e6; +} +.p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; +} + +.p-fieldset { + border: 1px solid #dee2e6; + background: #ffffff; + color: #212529; + border-radius: 4px; +} +.p-fieldset .p-fieldset-legend { + padding: 1rem 1.25rem; + border: 1px solid #dee2e6; + color: #212529; + background: #efefef; + font-weight: 600; + border-radius: 4px; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: box-shadow 0.15s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1rem 1.25rem; + color: #212529; + border-radius: 4px; + transition: box-shadow 0.15s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #e9ecef; + border-color: #dee2e6; + color: #212529; +} +.p-fieldset .p-fieldset-content { + padding: 1.25rem; +} + +.p-panel .p-panel-header { + border: 1px solid #dee2e6; + padding: 1rem 1.25rem; + background: #efefef; + color: #212529; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-panel .p-panel-header .p-panel-title { + font-weight: 600; +} +.p-panel .p-panel-header .p-panel-header-icon { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: box-shadow 0.15s; +} +.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #495057; + border-color: transparent; + background: transparent; +} +.p-panel .p-panel-header .p-panel-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); +} +.p-panel.p-panel-toggleable .p-panel-header { + padding: 0.5rem 1.25rem; +} +.p-panel .p-panel-content { + padding: 1.25rem; + border: 1px solid #dee2e6; + background: #ffffff; + color: #212529; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + border-top: 0 none; +} +.p-panel .p-panel-footer { + padding: 0.5rem 1.25rem; + border: 1px solid #dee2e6; + background: #ffffff; + color: #212529; + border-top: 0 none; +} +.p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; +} +.p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; +} +.p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; +} + +.p-scrollpanel .p-scrollpanel-bar { + background: #efefef; + border: 0 none; +} + +.p-splitter { + border: 1px solid #dee2e6; + background: #ffffff; + border-radius: 4px; + color: #212529; +} +.p-splitter .p-splitter-gutter { + transition: box-shadow 0.15s; + background: #efefef; +} +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #dee2e6; +} +.p-splitter .p-splitter-gutter-resizing { + background: #dee2e6; +} + +.p-tabview .p-tabview-nav { + background: transparent; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; +} +.p-tabview .p-tabview-nav li { + margin-right: 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid; + border-width: 1px; + border-color: #ffffff #ffffff #dee2e6 #ffffff; + background: #ffffff; + color: #6c757d; + padding: 0.75rem 1rem; + font-weight: 600; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: box-shadow 0.15s; + margin: 0 0 -1px 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(38, 143, 255, 0.5); +} +.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #dee2e6; + color: #6c757d; +} +.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #dee2e6 #dee2e6 #ffffff #dee2e6; + color: #495057; +} +.p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; +} +.p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-close { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #495057; + width: 2.357rem; + 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); + border-radius: 0; +} +.p-tabview .p-tabview-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(38, 143, 255, 0.5); +} +.p-tabview .p-tabview-panels { + background: #ffffff; + padding: 1.25rem; + border: 0 none; + color: #212529; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-toolbar { + background: #efefef; + border: 1px solid #dee2e6; + padding: 1rem 1.25rem; + border-radius: 4px; + gap: 0.5rem; +} +.p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; +} + +.p-confirm-popup { + background: #ffffff; + color: #212529; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 4px; + box-shadow: none; +} +.p-confirm-popup .p-confirm-popup-content { + padding: 1.25rem; +} +.p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.5rem 1.25rem; +} +.p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; +} +.p-confirm-popup:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +.p-confirm-popup:before { + border: solid transparent; + border-color: rgba(0, 0, 0, 0); + border-bottom-color: rgba(0, 0, 0, 0.2); +} +.p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #ffffff; +} +.p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: rgba(0, 0, 0, 0.2); +} +.p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; +} +.p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; +} + +.p-dialog { + border-radius: 4px; + box-shadow: none; + border: 1px solid rgba(0, 0, 0, 0.2); +} +.p-dialog .p-dialog-header { + border-bottom: 1px solid #e9ecef; + background: #ffffff; + color: #212529; + padding: 1rem; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.25rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: box-shadow 0.15s; + margin-right: 0.5rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #495057; + border-color: transparent; + background: transparent; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); +} +.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; +} +.p-dialog .p-dialog-content { + background: #ffffff; + color: #212529; + padding: 1rem; +} +.p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-dialog .p-dialog-footer { + border-top: 1px solid #e9ecef; + background: #ffffff; + color: #212529; + padding: 1rem; + text-align: right; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; +} + +.p-overlaypanel { + background: #ffffff; + color: #212529; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 4px; + box-shadow: none; +} +.p-overlaypanel .p-overlaypanel-content { + padding: 1.25rem; +} +.p-overlaypanel .p-overlaypanel-close { + background: #007bff; + color: #ffffff; + width: 2rem; + height: 2rem; + transition: box-shadow 0.15s; + border-radius: 50%; + position: absolute; + top: -1rem; + right: -1rem; +} +.p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #0069d9; + color: #ffffff; +} +.p-overlaypanel:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +.p-overlaypanel:before { + border: solid transparent; + border-color: rgba(0, 0, 0, 0); + border-bottom-color: rgba(0, 0, 0, 0.2); +} +.p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #ffffff; +} +.p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: rgba(0, 0, 0, 0.2); +} + +.p-sidebar { + background: #ffffff; + color: #212529; + border: 1px solid rgba(0, 0, 0, 0.2); + box-shadow: none; +} +.p-sidebar .p-sidebar-header { + padding: 1rem 1.25rem; +} +.p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: box-shadow 0.15s; +} +.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #495057; + border-color: transparent; + background: transparent; +} +.p-sidebar .p-sidebar-header .p-sidebar-close:focus, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); +} +.p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; +} +.p-sidebar .p-sidebar-content { + padding: 1.25rem; +} +.p-sidebar .p-sidebar-footer { + padding: 1rem 1.25rem; +} + +.p-tooltip .p-tooltip-text { + background: #212529; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: none; + border-radius: 4px; +} +.p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #212529; +} +.p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #212529; +} +.p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #212529; +} +.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #212529; +} + +.p-fileupload .p-fileupload-buttonbar { + background: #efefef; + padding: 1rem 1.25rem; + border: 1px solid #dee2e6; + color: #212529; + border-bottom: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; +} +.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); +} +.p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 2rem 1rem; + border: 1px solid #dee2e6; + color: #212529; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-fileupload .p-progressbar { + height: 0.25rem; +} +.p-fileupload .p-fileupload-row > div { + padding: 1rem 1rem; +} +.p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; +} + +.p-fileupload-choose:not(.p-disabled):hover { + background: #0069d9; + color: #ffffff; + border-color: #0069d9; +} +.p-fileupload-choose:not(.p-disabled):active { + background: #0062cc; + color: #ffffff; + border-color: #0062cc; +} + +.p-breadcrumb { + background: #efefef; + border: 0 none; + border-radius: 4px; + padding: 1rem; +} +.p-breadcrumb ul li .p-menuitem-link { + transition: box-shadow 0.15s; + border-radius: 4px; +} +.p-breadcrumb ul li .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { + color: #007bff; +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { + color: #007bff; +} +.p-breadcrumb ul li.p-breadcrumb-chevron { + margin: 0 0.5rem 0 0.5rem; + color: #6c757d; +} +.p-breadcrumb ul li:last-child .p-menuitem-text { + color: #6c757d; +} +.p-breadcrumb ul li:last-child .p-menuitem-icon { + color: #6c757d; +} + +.p-contextmenu { + padding: 0.5rem 0; + background: #ffffff; + color: #212529; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: none; + border-radius: 4px; + width: 12.5rem; +} +.p-contextmenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: #212529; + border-radius: 0; + transition: box-shadow 0.15s; + user-select: none; +} +.p-contextmenu .p-menuitem-link .p-menuitem-text { + color: #212529; +} +.p-contextmenu .p-menuitem-link .p-menuitem-icon { + color: #212529; + margin-right: 0.5rem; +} +.p-contextmenu .p-menuitem-link .p-submenu-icon { + color: #212529; +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #212529; +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #212529; +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #212529; +} +.p-contextmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); +} +.p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: none; + border-radius: 4px; +} +.p-contextmenu .p-menuitem { + margin: 0; +} +.p-contextmenu .p-menuitem:last-child { + margin: 0; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #e9ecef; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: #212529; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: #212529; +} +.p-contextmenu .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.5rem 0; +} +.p-contextmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-contextmenu .p-menuitem-badge { + background: #007bff; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + +@media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } +} +.p-megamenu { + padding: 0.5rem 1rem; + background: #efefef; + color: rgba(0, 0, 0, 0.9); + border: 0 none; + border-radius: 4px; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 1rem; + color: rgba(0, 0, 0, 0.5); + border-radius: 4px; + transition: box-shadow 0.15s; + user-select: none; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.5); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.5); + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.5); + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: transparent; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.7); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.7); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.7); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: transparent; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.9); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.9); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.9); +} +.p-megamenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: #212529; + border-radius: 0; + transition: box-shadow 0.15s; + user-select: none; +} +.p-megamenu .p-menuitem-link .p-menuitem-text { + color: #212529; +} +.p-megamenu .p-menuitem-link .p-menuitem-icon { + color: #212529; + margin-right: 0.5rem; +} +.p-megamenu .p-menuitem-link .p-submenu-icon { + color: #212529; +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #212529; +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #212529; +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #212529; +} +.p-megamenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); +} +.p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #212529; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: none; +} +.p-megamenu .p-megamenu-submenu-header { + margin: 0; + padding: 0.75rem 1rem; + color: #212529; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-megamenu .p-megamenu-submenu { + padding: 0.5rem 0; + width: 12.5rem; +} +.p-megamenu .p-megamenu-submenu .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.5rem 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem { + margin: 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #e9ecef; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: #212529; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: #212529; +} +.p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.5rem 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem { + margin: 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem-badge { + background: #007bff; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menu { + padding: 0.5rem 0; + background: #ffffff; + color: #212529; + border: 1px solid #dee2e6; + border-radius: 4px; + width: 12.5rem; +} +.p-menu .p-menuitem-link { + padding: 0.75rem 1rem; + color: #212529; + border-radius: 0; + transition: box-shadow 0.15s; + user-select: none; +} +.p-menu .p-menuitem-link .p-menuitem-text { + color: #212529; +} +.p-menu .p-menuitem-link .p-menuitem-icon { + color: #212529; + margin-right: 0.5rem; +} +.p-menu .p-menuitem-link .p-submenu-icon { + color: #212529; +} +.p-menu .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #212529; +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #212529; +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #212529; +} +.p-menu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); +} +.p-menu.p-menu-overlay { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: none; +} +.p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem 1rem; + color: #212529; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.p-menu .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.5rem 0; +} +.p-menu .p-menuitem { + margin: 0; +} +.p-menu .p-menuitem:last-child { + margin: 0; +} +.p-menu .p-menuitem-badge { + background: #007bff; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menubar { + padding: 0.5rem 1rem; + background: #efefef; + color: rgba(0, 0, 0, 0.9); + border: 0 none; + border-radius: 4px; +} +.p-menubar .p-menuitem-link { + padding: 0.75rem 1rem; + color: #212529; + border-radius: 0; + transition: box-shadow 0.15s; + user-select: none; +} +.p-menubar .p-menuitem-link .p-menuitem-text { + color: #212529; +} +.p-menubar .p-menuitem-link .p-menuitem-icon { + color: #212529; + margin-right: 0.5rem; +} +.p-menubar .p-menuitem-link .p-submenu-icon { + color: #212529; +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #212529; +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #212529; +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #212529; +} +.p-menubar .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 1rem; + color: rgba(0, 0, 0, 0.5); + border-radius: 4px; + transition: box-shadow 0.15s; + user-select: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.5); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.5); + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.5); + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: transparent; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.7); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.7); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.7); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: transparent; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.9); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.9); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.9); +} +.p-menubar .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: none; + width: 12.5rem; +} +.p-menubar .p-submenu-list .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.5rem 0; +} +.p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; +} +.p-menubar .p-submenu-list .p-menuitem { + margin: 0; +} +.p-menubar .p-submenu-list .p-menuitem:last-child { + margin: 0; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #e9ecef; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: #212529; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: #212529; +} +.p-menubar .p-menuitem-badge { + background: #007bff; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +@media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.5); + border-radius: 50%; + transition: box-shadow 0.15s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(0, 0, 0, 0.7); + background: transparent; + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: none; + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.5rem 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: #212529; + border-radius: 0; + transition: box-shadow 0.15s; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #212529; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #212529; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #212529; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #212529; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #212529; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { + margin-left: auto; + transition: transform 0.15s; + } + .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.15s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } +} +.p-panelmenu .p-panelmenu-header > a { + padding: 1rem 1.25rem; + border: 1px solid #dee2e6; + color: #212529; + background: #efefef; + font-weight: 600; + border-radius: 4px; + transition: box-shadow 0.15s; +} +.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); +} +.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + background: #e9ecef; + border-color: #dee2e6; + color: #212529; +} +.p-panelmenu .p-panelmenu-header.p-highlight { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight > a { + background: #efefef; + border-color: #dee2e6; + color: #212529; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + border-color: #dee2e6; + background: #e9ecef; + color: #212529; +} +.p-panelmenu .p-panelmenu-content { + padding: 0.5rem 0; + border: 1px solid #dee2e6; + background: #ffffff; + color: #212529; + margin-bottom: 0; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { + padding: 0.75rem 1rem; + color: #212529; + border-radius: 0; + transition: box-shadow 0.15s; + user-select: none; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + color: #212529; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + color: #212529; + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + color: #212529; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #212529; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #212529; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #212529; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { + padding: 0 0 0 1rem; +} +.p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { + border-radius: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; +} +.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { + border-top: 0 none; +} +.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { + border-top: 0 none; +} +.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-panelmenu .p-menuitem-badge { + background: #007bff; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-slidemenu { + padding: 0.5rem 0; + background: #ffffff; + color: #212529; + border: 1px solid #dee2e6; + border-radius: 4px; + width: 12.5rem; +} +.p-slidemenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: #212529; + border-radius: 0; + transition: box-shadow 0.15s; + user-select: none; +} +.p-slidemenu .p-menuitem-link .p-menuitem-text { + color: #212529; +} +.p-slidemenu .p-menuitem-link .p-menuitem-icon { + color: #212529; + margin-right: 0.5rem; +} +.p-slidemenu .p-menuitem-link .p-submenu-icon { + color: #212529; +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #212529; +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #212529; +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #212529; +} +.p-slidemenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); +} +.p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: none; +} +.p-slidemenu .p-slidemenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: none; +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { + background: #e9ecef; +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { + color: #212529; +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { + color: #212529; +} +.p-slidemenu .p-slidemenu-separator { + border-top: 1px solid #dee2e6; + margin: 0.5rem 0; +} +.p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; +} +.p-slidemenu .p-slidemenu-backward { + padding: 0.75rem 1rem; + color: #212529; +} +.p-slidemenu .p-menuitem-badge { + background: #007bff; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: box-shadow 0.15s; + border-radius: 4px; + background: transparent; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #212529; + border: 1px solid #dee2e6; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 4px; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: #6c757d; +} +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); +} +.p-steps .p-steps-item.p-highlight .p-steps-number { + background: #007bff; + color: #ffffff; +} +.p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 600; + color: #212529; +} +.p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #dee2e6; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; +} + +.p-tabmenu .p-tabmenu-nav { + background: transparent; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; +} +.p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #007bff; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid; + border-width: 1px; + border-color: #ffffff #ffffff #dee2e6 #ffffff; + background: #ffffff; + color: #6c757d; + padding: 0.75rem 1rem; + font-weight: 600; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: box-shadow 0.15s; + margin: 0 0 -1px 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(38, 143, 255, 0.5); +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #dee2e6; + color: #6c757d; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #dee2e6 #dee2e6 #ffffff #dee2e6; + color: #495057; +} +.p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #ffffff; + color: #495057; + width: 2.357rem; + 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); + border-radius: 0; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(38, 143, 255, 0.5); +} + +.p-tieredmenu { + padding: 0.5rem 0; + background: #ffffff; + color: #212529; + border: 1px solid #dee2e6; + border-radius: 4px; + width: 12.5rem; +} +.p-tieredmenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: #212529; + border-radius: 0; + transition: box-shadow 0.15s; + user-select: none; +} +.p-tieredmenu .p-menuitem-link .p-menuitem-text { + color: #212529; +} +.p-tieredmenu .p-menuitem-link .p-menuitem-icon { + color: #212529; + margin-right: 0.5rem; +} +.p-tieredmenu .p-menuitem-link .p-submenu-icon { + color: #212529; +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #212529; +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #212529; +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #212529; +} +.p-tieredmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); +} +.p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: none; +} +.p-tieredmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: none; +} +.p-tieredmenu .p-menuitem { + margin: 0; +} +.p-tieredmenu .p-menuitem:last-child { + margin: 0; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #e9ecef; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: #212529; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: #212529; +} +.p-tieredmenu .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.5rem 0; +} +.p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-tieredmenu .p-menuitem-badge { + background: #007bff; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-inline-message { + padding: 0.5rem 0.75rem; + margin: 0; + border-radius: 4px; +} +.p-inline-message.p-inline-message-info { + background: #cce5ff; + border: solid #b8daff; + border-width: 0px; + color: #004085; +} +.p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #004085; +} +.p-inline-message.p-inline-message-success { + background: #d4edda; + border: solid #c3e6cb; + border-width: 0px; + color: #155724; +} +.p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #155724; +} +.p-inline-message.p-inline-message-warn { + background: #fff3cd; + border: solid #ffeeba; + border-width: 0px; + color: #856404; +} +.p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #856404; +} +.p-inline-message.p-inline-message-error { + background: #f8d7da; + border: solid #f5c6cb; + border-width: 0px; + color: #721c24; +} +.p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #721c24; +} +.p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; +} +.p-inline-message .p-inline-message-text { + font-size: 1rem; +} +.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; +} + +.p-message { + margin: 1rem 0; + border-radius: 4px; +} +.p-message .p-message-wrapper { + padding: 1rem 1.25rem; +} +.p-message .p-message-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: box-shadow 0.15s; +} +.p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-message .p-message-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); +} +.p-message.p-message-info { + background: #cce5ff; + border: solid #b8daff; + border-width: 1px; + color: #004085; +} +.p-message.p-message-info .p-message-icon { + color: #004085; +} +.p-message.p-message-info .p-message-close { + color: #004085; +} +.p-message.p-message-success { + background: #d4edda; + border: solid #c3e6cb; + border-width: 1px; + color: #155724; +} +.p-message.p-message-success .p-message-icon { + color: #155724; +} +.p-message.p-message-success .p-message-close { + color: #155724; +} +.p-message.p-message-warn { + background: #fff3cd; + border: solid #ffeeba; + border-width: 1px; + color: #856404; +} +.p-message.p-message-warn .p-message-icon { + color: #856404; +} +.p-message.p-message-warn .p-message-close { + color: #856404; +} +.p-message.p-message-error { + background: #f8d7da; + border: solid #f5c6cb; + border-width: 1px; + color: #721c24; +} +.p-message.p-message-error .p-message-icon { + color: #721c24; +} +.p-message.p-message-error .p-message-close { + color: #721c24; +} +.p-message .p-message-text { + font-size: 1rem; + font-weight: 500; +} +.p-message .p-message-icon { + font-size: 1.5rem; + margin-right: 0.5rem; +} +.p-message .p-message-summary { + font-weight: 700; +} +.p-message .p-message-detail { + margin-left: 0.5rem; +} + +.p-toast { + opacity: 1; +} +.p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); + border-radius: 4px; +} +.p-toast .p-toast-message .p-toast-message-content { + padding: 1rem; + border-width: 0; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 1rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 2rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 700; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; +} +.p-toast .p-toast-message .p-toast-icon-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: box-shadow 0.15s; +} +.p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-toast .p-toast-message .p-toast-icon-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); +} +.p-toast .p-toast-message.p-toast-message-info { + background: #cce5ff; + border: solid #b8daff; + border-width: 1px; + color: #004085; +} +.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #004085; +} +.p-toast .p-toast-message.p-toast-message-success { + background: #d4edda; + border: solid #c3e6cb; + border-width: 1px; + color: #155724; +} +.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #155724; +} +.p-toast .p-toast-message.p-toast-message-warn { + background: #fff3cd; + border: solid #ffeeba; + border-width: 1px; + color: #856404; +} +.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #856404; +} +.p-toast .p-toast-message.p-toast-message-error { + background: #f8d7da; + border: solid #f5c6cb; + border-width: 1px; + color: #721c24; +} +.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #721c24; +} + +.p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #efefef; + width: 4rem; + height: 4rem; + transition: box-shadow 0.15s; + border-radius: 4px; +} +.p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #efefef; +} +.p-galleria .p-galleria-item-nav { + background: transparent; + color: #efefef; + width: 4rem; + height: 4rem; + transition: box-shadow 0.15s; + border-radius: 4px; + margin: 0 0.5rem; +} +.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #efefef; +} +.p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #efefef; + padding: 1rem; +} +.p-galleria .p-galleria-indicators { + padding: 1rem; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #e9ecef; + width: 1rem; + height: 1rem; + transition: box-shadow 0.15s; + border-radius: 4px; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #dee2e6; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #007bff; + color: #ffffff; +} +.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; +} +.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #007bff; + color: #ffffff; +} +.p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #efefef; + width: 2rem; + height: 2rem; + transition: box-shadow 0.15s; + border-radius: 4px; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #efefef; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); +} + +.p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-preview-indicator { + background-color: transparent; + color: #f8f9fa; + transition: box-shadow 0.15s; +} + +.p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); +} + +.p-image-toolbar { + padding: 1rem; +} + +.p-image-action.p-link { + color: #f8f9fa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: box-shadow 0.15s; + margin-right: 0.5rem; +} +.p-image-action.p-link:last-child { + margin-right: 0; +} +.p-image-action.p-link:hover { + color: #f8f9fa; + background-color: rgba(255, 255, 255, 0.1); +} +.p-image-action.p-link i { + font-size: 1.5rem; +} + +.p-avatar { + background-color: #dee2e6; + border-radius: 4px; +} +.p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +.p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; +} +.p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +.p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; +} + +.p-avatar-group .p-avatar { + border: 2px solid #ffffff; +} + +.p-badge { + background: #007bff; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +.p-badge.p-badge-secondary { + background-color: #6c757d; + color: #ffffff; +} +.p-badge.p-badge-success { + background-color: #28a745; + color: #ffffff; +} +.p-badge.p-badge-info { + background-color: #17a2b8; + color: #ffffff; +} +.p-badge.p-badge-warning { + background-color: #ffc107; + color: #212529; +} +.p-badge.p-badge-danger { + background-color: #dc3545; + color: #ffffff; +} +.p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +.p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} + +.p-chip { + background-color: #dee2e6; + color: #212529; + border-radius: 16px; + padding: 0 0.75rem; +} +.p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} +.p-chip .p-chip-icon { + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; +} +.p-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.75rem; + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + border-radius: 4px; + transition: box-shadow 0.15s; +} +.p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); +} + +.p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 4px; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; +} +.p-inplace .p-inplace-display:not(.p-disabled):hover { + background: #e9ecef; + color: #212529; +} +.p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); +} + +.p-progressbar { + border: 0 none; + height: 1.5rem; + background: #e9ecef; + border-radius: 4px; +} +.p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #007bff; +} +.p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.5rem; +} + +.p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 4px; + box-shadow: none; + transition: box-shadow 0.15s; +} +.p-scrolltop.p-link { + background: rgba(0, 0, 0, 0.7); +} +.p-scrolltop.p-link:hover { + background: rgba(0, 0, 0, 0.8); +} +.p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #efefef; +} + +.p-skeleton { + background-color: #e9ecef; + border-radius: 4px; +} +.p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); +} + +.p-tag { + background: #007bff; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; +} +.p-tag.p-tag-success { + background-color: #28a745; + color: #ffffff; +} +.p-tag.p-tag-info { + background-color: #17a2b8; + color: #ffffff; +} +.p-tag.p-tag-warning { + background-color: #ffc107; + color: #212529; +} +.p-tag.p-tag-danger { + background-color: #dc3545; + color: #ffffff; +} +.p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +.p-terminal { + background: #ffffff; + color: #212529; + border: 1px solid #dee2e6; + padding: 1.25rem; +} +.p-terminal .p-terminal-input { + font-size: 1rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; +} + +/* Vendor extensions to the designer enhanced bootstrap compatibility */ +.p-breadcrumb .p-breadcrumb-chevron { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; +} +.p-breadcrumb .p-breadcrumb-chevron:before { + content: "/"; +} + +.fc.fc-theme-standard .fc-highlight { + background: #cce5ff; +} + +/* Customizations to the designer theme should be defined here */ diff --git a/assets/layout/styles/theme/bootstrap4-light-blue/theme.css.br b/assets/layout/styles/theme/bootstrap4-light-blue/theme.css.br new file mode 100644 index 0000000..ecf579c Binary files /dev/null and b/assets/layout/styles/theme/bootstrap4-light-blue/theme.css.br differ diff --git a/assets/layout/styles/theme/bootstrap4-light-blue/theme.css.gz b/assets/layout/styles/theme/bootstrap4-light-blue/theme.css.gz new file mode 100644 index 0000000..12971a5 Binary files /dev/null and b/assets/layout/styles/theme/bootstrap4-light-blue/theme.css.gz differ diff --git a/assets/layout/styles/theme/bootstrap4-light-purple/theme.css b/assets/layout/styles/theme/bootstrap4-light-purple/theme.css new file mode 100644 index 0000000..36cd263 --- /dev/null +++ b/assets/layout/styles/theme/bootstrap4-light-purple/theme.css @@ -0,0 +1,6314 @@ +:root { + --surface-a:#ffffff; + --surface-b:#efefef; + --surface-c:#e9ecef; + --surface-d:#dee2e6; + --surface-e:#ffffff; + --surface-f:#ffffff; + --text-color:#212529; + --text-color-secondary:#6c757d; + --primary-color:#883cae; + --primary-color-text:#ffffff; + --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --surface-0: #ffffff; + --surface-50: #f9fafb; + --surface-100: #f8f9fa; + --surface-200: #e9ecef; + --surface-300: #dee2e6; + --surface-400: #ced4da; + --surface-500: #adb5bd; + --surface-600: #6c757d; + --surface-700: #495057; + --surface-800: #343a40; + --surface-900: #212529; + --gray-50: #f9fafb; + --gray-100: #f8f9fa; + --gray-200: #e9ecef; + --gray-300: #dee2e6; + --gray-400: #ced4da; + --gray-500: #adb5bd; + --gray-600: #6c757d; + --gray-700: #495057; + --gray-800: #343a40; + --gray-900: #212529; + --content-padding:1.25rem; + --inline-spacing:0.5rem; + --border-radius:4px; + --surface-ground:#efefef; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#dee2e6; + --surface-hover:#e9ecef; + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); + color-scheme: light; +} + +* { + box-sizing: border-box; +} + +.p-component { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + font-weight: normal; +} + +.p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.15s; +} + +.p-disabled, .p-component:disabled { + opacity: 0.65; +} + +.p-error { + color: #dc3545; +} + +.p-text-secondary { + color: #6c757d; +} + +.pi { + font-size: 1rem; +} + +.p-link { + font-size: 1rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + border-radius: 4px; +} +.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); +} + +.p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; +} + +.p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; +} + +@keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } +} +@keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } +} + +:root { + --blue-50:#f3f8ff; + --blue-100:#c5dcff; + --blue-200:#97c1fe; + --blue-300:#69a5fe; + --blue-400:#3b8afd; + --blue-500:#0d6efd; + --blue-600:#0b5ed7; + --blue-700:#094db1; + --blue-800:#073d8b; + --blue-900:#052c65; + --green-50:#f4f9f6; + --green-100:#c8e2d6; + --green-200:#9ccbb5; + --green-300:#70b595; + --green-400:#459e74; + --green-500:#198754; + --green-600:#157347; + --green-700:#125f3b; + --green-800:#0e4a2e; + --green-900:#0a3622; + --yellow-50:#fffcf3; + --yellow-100:#fff0c3; + --yellow-200:#ffe494; + --yellow-300:#ffd965; + --yellow-400:#ffcd36; + --yellow-500:#ffc107; + --yellow-600:#d9a406; + --yellow-700:#b38705; + --yellow-800:#8c6a04; + --yellow-900:#664d03; + --cyan-50:#f3fcfe; + --cyan-100:#c5f2fb; + --cyan-200:#97e8f9; + --cyan-300:#69def6; + --cyan-400:#3bd4f3; + --cyan-500:#0dcaf0; + --cyan-600:#0baccc; + --cyan-700:#098da8; + --cyan-800:#076f84; + --cyan-900:#055160; + --pink-50:#fdf5f9; + --pink-100:#f5cee1; + --pink-200:#eda7ca; + --pink-300:#e681b3; + --pink-400:#de5a9b; + --pink-500:#d63384; + --pink-600:#b62b70; + --pink-700:#96245c; + --pink-800:#761c49; + --pink-900:#561435; + --indigo-50:#f7f3fe; + --indigo-100:#dac6fc; + --indigo-200:#bd98f9; + --indigo-300:#a06bf7; + --indigo-400:#833df4; + --indigo-500:#6610f2; + --indigo-600:#570ece; + --indigo-700:#470ba9; + --indigo-800:#380985; + --indigo-900:#290661; + --teal-50:#f4fcfa; + --teal-100:#c9f2e6; + --teal-200:#9fe8d2; + --teal-300:#75debf; + --teal-400:#4ad3ab; + --teal-500:#20c997; + --teal-600:#1bab80; + --teal-700:#168d6a; + --teal-800:#126f53; + --teal-900:#0d503c; + --orange-50:#fff9f3; + --orange-100:#ffe0c7; + --orange-200:#fec89a; + --orange-300:#feaf6d; + --orange-400:#fd9741; + --orange-500:#fd7e14; + --orange-600:#d76b11; + --orange-700:#b1580e; + --orange-800:#8b450b; + --orange-900:#653208; + --bluegray-50:#f8f9fb; + --bluegray-100:#e0e4ea; + --bluegray-200:#c7ced9; + --bluegray-300:#aeb9c8; + --bluegray-400:#95a3b8; + --bluegray-500:#7c8ea7; + --bluegray-600:#69798e; + --bluegray-700:#576375; + --bluegray-800:#444e5c; + --bluegray-900:#323943; + --purple-50:#f8f6fc; + --purple-100:#dcd2f0; + --purple-200:#c1aee4; + --purple-300:#a68ad9; + --purple-400:#8a66cd; + --purple-500:#6f42c1; + --purple-600:#5e38a4; + --purple-700:#4e2e87; + --purple-800:#3d246a; + --purple-900:#2c1a4d; + --red-50:#fdf5f6; + --red-100:#f7cfd2; + --red-200:#f0a8af; + --red-300:#e9828c; + --red-400:#e35b68; + --red-500:#dc3545; + --red-600:#bb2d3b; + --red-700:#9a2530; + --red-800:#791d26; + --red-900:#58151c; + --primary-50:#f9f5fb; + --primary-100:#e2d0ec; + --primary-200:#ccabdc; + --primary-300:#b586cd; + --primary-400:#9f61bd; + --primary-500:#883cae; + --primary-600:#743394; + --primary-700:#5f2a7a; + --primary-800:#4b2160; + --primary-900:#361846; +} + +.p-autocomplete .p-autocomplete-loader { + right: 0.75rem; +} +.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.107rem; +} +.p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + border-color: #ced4da; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); + border-color: #883cae; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.25rem 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #212529; + padding: 0; + margin: 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #883cae; + color: #ffffff; + border-radius: 4px; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; +} + +p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #dc3545; +} + +.p-autocomplete-panel { + background: #ffffff; + color: #212529; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 4px; + box-shadow: none; +} +.p-autocomplete-panel .p-autocomplete-items { + padding: 0.5rem 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.5rem 1.5rem; + border: 0 none; + color: #212529; + background: transparent; + transition: box-shadow 0.15s; + border-radius: 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { + color: #212529; + background: #e9ecef; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #ffffff; + background: #883cae; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 1.5rem; + color: #212529; + background: transparent; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: #212529; + background: #ffffff; + font-weight: 600; +} + +p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; +} +p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #495057; + right: 0.75rem; +} + +p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #495057; + right: 3.107rem; +} + +p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #dc3545; +} + +.p-datepicker { + padding: 0; + background: #ffffff; + color: #212529; + border: 1px solid #ced4da; + border-radius: 4px; +} +.p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: none; +} +.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #efefef; +} +.p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: #212529; + background: #ffffff; + font-weight: 600; + margin: 0; + border-bottom: 1px solid #dee2e6; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: box-shadow 0.15s; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #495057; + border-color: transparent; + background: transparent; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); +} +.p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 2rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #212529; + transition: box-shadow 0.15s; + font-weight: 600; + padding: 0.5rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #883cae; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; +} +.p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0; +} +.p-datepicker table th { + padding: 0.5rem; +} +.p-datepicker table th > span { + width: 2.5rem; + height: 2.5rem; +} +.p-datepicker table td { + padding: 0.5rem; +} +.p-datepicker table td > span { + width: 2.5rem; + height: 2.5rem; + border-radius: 4px; + transition: box-shadow 0.15s; + border: 1px solid transparent; +} +.p-datepicker table td > span.p-highlight { + color: #ffffff; + background: #883cae; +} +.p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); +} +.p-datepicker table td.p-datepicker-today > span { + background: #ced4da; + color: #212529; + border-color: transparent; +} +.p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #ffffff; + background: #883cae; +} +.p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #dee2e6; +} +.p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; +} +.p-datepicker .p-timepicker { + border-top: 1px solid #dee2e6; + padding: 0.5rem; +} +.p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: box-shadow 0.15s; +} +.p-datepicker .p-timepicker button:enabled:hover { + color: #495057; + border-color: transparent; + background: transparent; +} +.p-datepicker .p-timepicker button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); +} +.p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; +} +.p-datepicker .p-timepicker span { + font-size: 1.25rem; +} +.p-datepicker .p-timepicker > div { + padding: 0 0.5rem; +} +.p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; +} +.p-datepicker .p-monthpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.5rem; + transition: box-shadow 0.15s; + border-radius: 4px; +} +.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #ffffff; + background: #883cae; +} +.p-datepicker .p-yearpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.5rem; + transition: box-shadow 0.15s; + border-radius: 4px; +} +.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #ffffff; + background: #883cae; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #dee2e6; + padding-right: 0; + padding-left: 0; + padding-top: 0; + padding-bottom: 0; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: #e9ecef; +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: #e9ecef; +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: #e9ecef; +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); +} + +p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; +} +p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #495057; + right: 0.75rem; +} + +p-calendar.p-calendar-clearable.p-calendar-w-btn .p-calendar-clear-icon { + color: #495057; + right: 3.107rem; +} + +@media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } +} +.p-cascadeselect { + background: #ffffff; + border: 1px solid #ced4da; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; +} +.p-cascadeselect:not(.p-disabled):hover { + border-color: #ced4da; +} +.p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); + border-color: #883cae; +} +.p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; +} +.p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #6c757d; +} +.p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #495057; + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-cascadeselect-panel { + background: #ffffff; + color: #212529; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 4px; + box-shadow: none; +} +.p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.5rem 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: #212529; + background: transparent; + transition: box-shadow 0.15s; + border-radius: 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 1.5rem; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #ffffff; + background: #883cae; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #212529; + background: #e9ecef; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; +} + +p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #dc3545; +} + +.p-input-filled .p-cascadeselect { + background: #efefef; +} +.p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #efefef; +} +.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #efefef; +} + +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; +} +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #495057; + right: 2.357rem; +} + +.p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; +} +.p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); +} + +.p-checkbox { + width: 20px; + height: 20px; +} +.p-checkbox .p-checkbox-box { + border: 2px solid #ced4da; + background: #ffffff; + width: 20px; + height: 20px; + color: #212529; + border-radius: 4px; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; +} +.p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.15s; + color: #ffffff; + font-size: 14px; +} +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #883cae; + background: #883cae; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #ced4da; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); + border-color: #883cae; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #68329e; + background: #68329e; + color: #ffffff; +} + +p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #dc3545; +} + +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #efefef; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #883cae; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #efefef; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #68329e; +} + +.p-checkbox-label { + margin-left: 0.5rem; +} + +.p-highlight .p-checkbox .p-checkbox-box { + border-color: #ffffff; +} + +.p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; +} +.p-chips .p-chips-multiple-container:not(.p-disabled):hover { + border-color: #ced4da; +} +.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); + border-color: #883cae; +} +.p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + background: #883cae; + color: #ffffff; + border-radius: 4px; +} +.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; +} +.p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.25rem 0; +} +.p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #212529; + padding: 0; + margin: 0; +} + +p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #dc3545; +} + +p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; +} +p-chips.p-chips-clearable .p-chips-clear-icon { + color: #495057; + right: 0.75rem; +} + +.p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; +} + +.p-colorpicker-panel { + background: #212529; + border: 1px solid #212529; +} +.p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; +} + +.p-colorpicker-overlay-panel { + box-shadow: none; +} + +.p-dropdown { + background: #ffffff; + border: 1px solid #ced4da; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; +} +.p-dropdown:not(.p-disabled):hover { + border-color: #ced4da; +} +.p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); + border-color: #883cae; +} +.p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; +} +.p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; +} +.p-dropdown .p-dropdown-label.p-placeholder { + color: #6c757d; +} +.p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-dropdown .p-dropdown-trigger { + background: transparent; + color: #495057; + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-dropdown .p-dropdown-clear-icon { + color: #495057; + right: 2.357rem; +} + +.p-dropdown-panel { + background: #ffffff; + color: #212529; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 4px; + box-shadow: none; +} +.p-dropdown-panel .p-dropdown-header { + padding: 0.75rem 1.5rem; + border-bottom: 1px solid #dee2e6; + color: #212529; + background: #efefef; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #495057; +} +.p-dropdown-panel .p-dropdown-items { + padding: 0.5rem 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.5rem 1.5rem; + border: 0 none; + color: #212529; + background: transparent; + transition: box-shadow 0.15s; + border-radius: 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #ffffff; + background: #883cae; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #212529; + background: #e9ecef; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1.5rem; + color: #212529; + background: transparent; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: #212529; + background: #ffffff; + font-weight: 600; +} + +p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #dc3545; +} + +.p-input-filled .p-dropdown { + background: #efefef; +} +.p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #efefef; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #efefef; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; +} + +.p-editor-container .p-editor-toolbar { + background: #efefef; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #dee2e6; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #6c757d; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #6c757d; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #6c757d; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #212529; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #212529; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #212529; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #212529; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #212529; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #212529; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: none; + border-radius: 4px; + padding: 0.5rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #212529; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #212529; + background: #e9ecef; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1.5rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #dee2e6; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #495057; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #212529; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #212529; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #212529; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #883cae; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #883cae; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #883cae; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #883cae; +} + +.p-inputgroup-addon { + background: #e9ecef; + color: #495057; + border-top: 1px solid #ced4da; + border-left: 1px solid #ced4da; + border-bottom: 1px solid #ced4da; + padding: 0.5rem 0.75rem; + min-width: 2.357rem; +} +.p-inputgroup-addon:last-child { + border-right: 1px solid #ced4da; +} + +.p-inputgroup > .p-component, +.p-inputgroup > .p-element, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; +} +.p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-element + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; +} +.p-inputgroup > .p-component:focus, +.p-inputgroup > .p-element:focus, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; +} +.p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-element:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; +} + +.p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-fluid .p-inputgroup .p-button { + width: auto; +} +.p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.357rem; +} + +p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #dc3545; +} + +p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; +} +p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #495057; + right: 0.75rem; +} + +p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #dc3545; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #495057; + right: 0.75rem; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.107rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.107rem; +} + +.p-inputswitch { + width: 3rem; + height: 1.75rem; +} +.p-inputswitch .p-inputswitch-slider { + background: #ced4da; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; +} +.p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 4px; + transition-duration: 0.15s; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1.25rem); +} +.p-inputswitch.p-focus .p-inputswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); +} +.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #ced4da; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #883cae; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; +} +.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #883cae; +} + +p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + border-color: #dc3545; +} + +.p-inputtext { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #495057; + background: #ffffff; + padding: 0.5rem 0.75rem; + border: 1px solid #ced4da; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + appearance: none; + border-radius: 4px; +} +.p-inputtext:enabled:hover { + border-color: #ced4da; +} +.p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); + border-color: #883cae; +} +.p-inputtext.ng-dirty.ng-invalid { + border-color: #dc3545; +} +.p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; +} +.p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; +} + +.p-float-label > label { + left: 0.75rem; + color: #6c757d; + transition-duration: 0.15s; +} + +.p-float-label > .ng-invalid.ng-dirty + label { + color: #dc3545; +} + +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #495057; +} + +.p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; +} + +.p-input-icon-left.p-float-label > label { + left: 2.5rem; +} + +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #495057; +} + +.p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; +} + +::-webkit-input-placeholder { + color: #6c757d; +} + +:-moz-placeholder { + color: #6c757d; +} + +::-moz-placeholder { + color: #6c757d; +} + +:-ms-input-placeholder { + color: #6c757d; +} + +.p-input-filled .p-inputtext { + background-color: #efefef; +} +.p-input-filled .p-inputtext:enabled:hover { + background-color: #efefef; +} +.p-input-filled .p-inputtext:enabled:focus { + background-color: #efefef; +} + +.p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; +} + +.p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; +} + +.p-listbox { + background: #ffffff; + color: #212529; + border: 1px solid #ced4da; + border-radius: 4px; +} +.p-listbox .p-listbox-header { + padding: 0.75rem 1.5rem; + border-bottom: 1px solid #dee2e6; + color: #212529; + background: #efefef; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; +} +.p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #495057; +} +.p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list { + padding: 0.5rem 0; +} +.p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.5rem 1.5rem; + border: 0 none; + color: #212529; + transition: box-shadow 0.15s; + border-radius: 0; +} +.p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #ffffff; + background: #883cae; +} +.p-listbox .p-listbox-list .p-listbox-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); +} +.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: #212529; + background: #ffffff; + font-weight: 600; +} +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 1.5rem; + color: #212529; + background: transparent; +} +.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #212529; + background: #e9ecef; +} + +p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #dc3545; +} + +.p-multiselect { + background: #ffffff; + border: 1px solid #ced4da; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; +} +.p-multiselect:not(.p-disabled):hover { + border-color: #ced4da; +} +.p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); + border-color: #883cae; +} +.p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; +} +.p-multiselect .p-multiselect-label.p-placeholder { + color: #6c757d; +} +.p-multiselect.p-multiselect-chip .p-multiselect-label { + gap: 0.5rem; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + background: #883cae; + color: #ffffff; + border-radius: 4px; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; +} +.p-multiselect .p-multiselect-trigger { + background: transparent; + color: #495057; + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; +} + +.p-multiselect-panel { + background: #ffffff; + color: #212529; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 4px; + box-shadow: none; +} +.p-multiselect-panel .p-multiselect-header { + padding: 0.75rem 1.5rem; + border-bottom: 1px solid #dee2e6; + color: #212529; + background: #efefef; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #495057; +} +.p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: box-shadow 0.15s; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #495057; + border-color: transparent; + background: transparent; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); +} +.p-multiselect-panel .p-multiselect-items { + padding: 0.5rem 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.5rem 1.5rem; + border: 0 none; + color: #212529; + background: transparent; + transition: box-shadow 0.15s; + border-radius: 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #ffffff; + background: #883cae; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #212529; + background: #e9ecef; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: #212529; + background: #ffffff; + font-weight: 600; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 1.5rem; + color: #212529; + background: transparent; +} + +p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #dc3545; +} + +.p-input-filled .p-multiselect { + background: #efefef; +} +.p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #efefef; +} +.p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #efefef; +} + +p-multiselect.p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; +} +p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { + color: #495057; + right: 2.357rem; +} + +p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #dc3545; +} + +.p-password-panel { + padding: 1.25rem; + background: #ffffff; + color: #212529; + border: 1px solid rgba(0, 0, 0, 0.2); + box-shadow: none; + border-radius: 4px; +} +.p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #e9ecef; +} +.p-password-panel .p-password-meter .p-password-strength.weak { + background: #dc3545; +} +.p-password-panel .p-password-meter .p-password-strength.medium { + background: #ffc107; +} +.p-password-panel .p-password-meter .p-password-strength.strong { + background: #28a745; +} + +p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; +} +p-password.p-password-clearable .p-password-clear-icon { + color: #495057; + right: 0.75rem; +} + +p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; +} +p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #495057; + right: 2.5rem; +} + +.p-radiobutton { + width: 20px; + height: 20px; +} +.p-radiobutton .p-radiobutton-box { + border: 2px solid #ced4da; + background: #ffffff; + width: 20px; + height: 20px; + color: #212529; + border-radius: 50%; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #ced4da; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); + border-color: #883cae; +} +.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 12px; + height: 12px; + transition-duration: 0.15s; + background-color: #ffffff; +} +.p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #883cae; + background: #883cae; +} +.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #68329e; + background: #68329e; + color: #ffffff; +} + +p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #dc3545; +} + +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #efefef; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #efefef; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #883cae; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #68329e; +} + +.p-radiobutton-label { + margin-left: 0.5rem; +} + +.p-highlight .p-radiobutton .p-radiobutton-box { + border-color: #ffffff; +} + +.p-rating .p-rating-icon { + color: #495057; + margin-left: 0.5rem; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + font-size: 1.143rem; +} +.p-rating .p-rating-icon.p-rating-cancel { + color: #dc3545; +} +.p-rating .p-rating-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); +} +.p-rating .p-rating-icon:first-child { + margin-left: 0; +} +.p-rating .p-rating-icon.pi-star-fill { + color: #883cae; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + color: #883cae; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + color: #dc3545; +} + +.p-highlight .p-rating .p-rating-icon { + color: #ffffff; +} + +.p-selectbutton .p-button { + background: #6c757d; + border: 1px solid #6c757d; + color: #ffffff; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; +} +.p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #ffffff; +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #5a6268; + border-color: #545b62; + color: #ffffff; +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #ffffff; +} +.p-selectbutton .p-button.p-highlight { + background: #545b62; + border-color: #4e555b; + color: #ffffff; +} +.p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #ffffff; +} +.p-selectbutton .p-button.p-highlight:hover { + background: #545b62; + border-color: #4e555b; + color: #ffffff; +} +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; +} + +p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #dc3545; +} + +.p-slider { + background: #e9ecef; + border: 0 none; + border-radius: 4px; +} +.p-slider.p-slider-horizontal { + height: 0.286rem; +} +.p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -0.5715rem; + margin-left: -0.5715rem; +} +.p-slider.p-slider-vertical { + width: 0.286rem; +} +.p-slider.p-slider-vertical .p-slider-handle { + margin-left: -0.5715rem; + margin-bottom: -0.5715rem; +} +.p-slider .p-slider-handle { + height: 1.143rem; + width: 1.143rem; + background: #883cae; + border: 2px solid #883cae; + border-radius: 4px; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; +} +.p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); +} +.p-slider .p-slider-range { + background: #883cae; +} +.p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #7a38a7; + border-color: #7a38a7; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s, left 0.15s; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.15s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s, bottom 0.15s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.15s; +} + +.p-togglebutton.p-button { + background: #6c757d; + border: 1px solid #6c757d; + color: #ffffff; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; +} +.p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #ffffff; +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #5a6268; + border-color: #545b62; + color: #ffffff; +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #ffffff; +} +.p-togglebutton.p-button.p-highlight { + background: #545b62; + border-color: #4e555b; + color: #ffffff; +} +.p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #ffffff; +} +.p-togglebutton.p-button.p-highlight:hover { + background: #545b62; + border-color: #4e555b; + color: #ffffff; +} +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; +} + +p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #dc3545; +} + +.p-treeselect { + background: #ffffff; + border: 1px solid #ced4da; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; +} +.p-treeselect:not(.p-disabled):hover { + border-color: #ced4da; +} +.p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); + border-color: #883cae; +} +.p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; +} +.p-treeselect .p-treeselect-label.p-placeholder { + color: #6c757d; +} +.p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #dee2e6; + color: #212529; + border-radius: 16px; +} +.p-treeselect .p-treeselect-trigger { + background: transparent; + color: #495057; + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #dc3545; +} + +.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; +} + +.p-treeselect-panel { + background: #ffffff; + color: #212529; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 4px; + box-shadow: none; +} +.p-treeselect-panel .p-treeselect-header { + padding: 0.75rem 1.5rem; + border-bottom: 1px solid #dee2e6; + color: #212529; + background: #efefef; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #495057; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: box-shadow 0.15s; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #495057; + border-color: transparent; + background: transparent; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.5rem 1.5rem; + color: #212529; + background: transparent; +} + +.p-input-filled .p-treeselect { + background: #efefef; +} +.p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #efefef; +} +.p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #efefef; +} + +p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; +} +p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #495057; + right: 2.357rem; +} + +.p-button { + color: #ffffff; + background: #883cae; + border: 1px solid #883cae; + padding: 0.5rem 0.75rem; + font-size: 1rem; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; +} +.p-button:enabled:hover { + background: #7a38a7; + color: #ffffff; + border-color: #7a38a7; +} +.p-button:enabled:active { + background: #68329e; + color: #ffffff; + border-color: #68329e; +} +.p-button.p-button-outlined { + background-color: transparent; + color: #883cae; + border: 1px solid; +} +.p-button.p-button-outlined:enabled:hover { + background: rgba(136, 60, 174, 0.04); + color: #883cae; + border: 1px solid; +} +.p-button.p-button-outlined:enabled:active { + background: rgba(136, 60, 174, 0.16); + color: #883cae; + border: 1px solid; +} +.p-button.p-button-outlined.p-button-plain { + color: #6c757d; + border-color: #6c757d; +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: #e9ecef; + color: #6c757d; +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: #dee2e6; + color: #6c757d; +} +.p-button.p-button-text { + background-color: transparent; + color: #883cae; + border-color: transparent; +} +.p-button.p-button-text:enabled:hover { + background: rgba(136, 60, 174, 0.04); + color: #883cae; + border-color: transparent; +} +.p-button.p-button-text:enabled:active { + background: rgba(136, 60, 174, 0.16); + color: #883cae; + border-color: transparent; +} +.p-button.p-button-text.p-button-plain { + color: #6c757d; +} +.p-button.p-button-text.p-button-plain:enabled:hover { + background: #e9ecef; + color: #6c757d; +} +.p-button.p-button-text.p-button-plain:enabled:active { + background: #dee2e6; + color: #6c757d; +} +.p-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); +} +.p-button .p-button-label { + transition-duration: 0.15s; +} +.p-button .p-button-icon-left { + margin-right: 0.5rem; +} +.p-button .p-button-icon-right { + margin-left: 0.5rem; +} +.p-button .p-button-icon-bottom { + margin-top: 0.5rem; +} +.p-button .p-button-icon-top { + margin-bottom: 0.5rem; +} +.p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #883cae; + background-color: #ffffff; +} +.p-button.p-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); +} +.p-button.p-button-rounded { + border-radius: 2rem; +} +.p-button.p-button-icon-only { + width: 2.357rem; + padding: 0.5rem 0; +} +.p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; +} +.p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.357rem; +} +.p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; +} +.p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; +} +.p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; +} +.p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; +} +.p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; +} +.p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; +} + +.p-fluid .p-button { + width: 100%; +} +.p-fluid .p-button-icon-only { + width: 2.357rem; +} +.p-fluid .p-buttonset { + display: flex; +} +.p-fluid .p-buttonset .p-button { + flex: 1; +} + +.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + color: #ffffff; + background: #6c757d; + border: 1px solid #6c757d; +} +.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + background: #5a6268; + color: #ffffff; + border-color: #5a6268; +} +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); +} +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: #545b62; + color: #ffffff; + border-color: #4e555b; +} +.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + background-color: transparent; + color: #6c757d; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + background: rgba(108, 117, 125, 0.04); + color: #6c757d; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(108, 117, 125, 0.16); + color: #6c757d; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + background-color: transparent; + color: #6c757d; + border-color: transparent; +} +.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + background: rgba(108, 117, 125, 0.04); + border-color: transparent; + color: #6c757d; +} +.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + background: rgba(108, 117, 125, 0.16); + border-color: transparent; + color: #6c757d; +} + +.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #17a2b8; + border: 1px solid #17a2b8; +} +.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + background: #138496; + color: #ffffff; + border-color: #117a8b; +} +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); +} +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: #138496; + color: #ffffff; + border-color: #117a8b; +} +.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + background-color: transparent; + color: #17a2b8; + border: 1px solid; +} +.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + background: rgba(23, 162, 184, 0.04); + color: #17a2b8; + border: 1px solid; +} +.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(23, 162, 184, 0.16); + color: #17a2b8; + border: 1px solid; +} +.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + background-color: transparent; + color: #17a2b8; + border-color: transparent; +} +.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + background: rgba(23, 162, 184, 0.04); + border-color: transparent; + color: #17a2b8; +} +.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + background: rgba(23, 162, 184, 0.16); + border-color: transparent; + color: #17a2b8; +} + +.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #28a745; + border: 1px solid #28a745; +} +.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + background: #218838; + color: #ffffff; + border-color: #1e7e34; +} +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); +} +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: #1e7e34; + color: #ffffff; + border-color: #1c7430; +} +.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + background-color: transparent; + color: #28a745; + border: 1px solid; +} +.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + background: rgba(40, 167, 69, 0.04); + color: #28a745; + border: 1px solid; +} +.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(40, 167, 69, 0.16); + color: #28a745; + border: 1px solid; +} +.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + background-color: transparent; + color: #28a745; + border-color: transparent; +} +.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + background: rgba(40, 167, 69, 0.04); + border-color: transparent; + color: #28a745; +} +.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + background: rgba(40, 167, 69, 0.16); + border-color: transparent; + color: #28a745; +} + +.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #212529; + background: #ffc107; + border: 1px solid #ffc107; +} +.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + background: #e0a800; + color: #212529; + border-color: #d39e00; +} +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); +} +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: #d39e00; + color: #212529; + border-color: #c69500; +} +.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + background-color: transparent; + color: #ffc107; + border: 1px solid; +} +.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + background: rgba(255, 193, 7, 0.04); + color: #ffc107; + border: 1px solid; +} +.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(255, 193, 7, 0.16); + color: #ffc107; + border: 1px solid; +} +.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + background-color: transparent; + color: #ffc107; + border-color: transparent; +} +.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + background: rgba(255, 193, 7, 0.04); + border-color: transparent; + color: #ffc107; +} +.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + background: rgba(255, 193, 7, 0.16); + border-color: transparent; + color: #ffc107; +} + +.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #6f42c1; + border: 1px solid #6f42c1; +} +.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + background: #633bad; + color: #ffffff; + border-color: #58349a; +} +.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #d3c6ec; +} +.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: #58349a; + color: #ffffff; + border-color: #4d2e87; +} +.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + background-color: transparent; + color: #6f42c1; + border: 1px solid; +} +.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + background: rgba(111, 66, 193, 0.04); + color: #6f42c1; + border: 1px solid; +} +.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(111, 66, 193, 0.16); + color: #6f42c1; + border: 1px solid; +} +.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + background-color: transparent; + color: #6f42c1; + border-color: transparent; +} +.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + background: rgba(111, 66, 193, 0.04); + border-color: transparent; + color: #6f42c1; +} +.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + background: rgba(111, 66, 193, 0.16); + border-color: transparent; + color: #6f42c1; +} + +.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #dc3545; + border: 1px solid #dc3545; +} +.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + background: #c82333; + color: #ffffff; + border-color: #bd2130; +} +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); +} +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: #bd2130; + color: #ffffff; + border-color: #b21f2d; +} +.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + background-color: transparent; + color: #dc3545; + border: 1px solid; +} +.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + background: rgba(220, 53, 69, 0.04); + color: #dc3545; + border: 1px solid; +} +.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(220, 53, 69, 0.16); + color: #dc3545; + border: 1px solid; +} +.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + background-color: transparent; + color: #dc3545; + border-color: transparent; +} +.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + background: rgba(220, 53, 69, 0.04); + border-color: transparent; + color: #dc3545; +} +.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + background: rgba(220, 53, 69, 0.16); + border-color: transparent; + color: #dc3545; +} + +.p-button.p-button-link { + color: #883cae; + background: transparent; + border: transparent; +} +.p-button.p-button-link:enabled:hover { + background: transparent; + color: #7a38a7; + border-color: transparent; +} +.p-button.p-button-link:enabled:hover .p-button-label { + text-decoration: underline; +} +.p-button.p-button-link:enabled:focus { + background: transparent; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); + border-color: transparent; +} +.p-button.p-button-link:enabled:active { + background: transparent; + color: #883cae; + border-color: transparent; +} + +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: #495057; + color: #fff; +} +.p-speeddial-action:hover { + background: #343a40; + color: #fff; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +.p-splitbutton { + border-radius: 4px; +} +.p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #883cae; + border: 1px solid; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(136, 60, 174, 0.04); + color: #883cae; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(136, 60, 174, 0.16); + color: #883cae; +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: #6c757d; + border-color: #6c757d; +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: #e9ecef; + color: #6c757d; +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: #dee2e6; + color: #6c757d; +} +.p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #883cae; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(136, 60, 174, 0.04); + color: #883cae; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(136, 60, 174, 0.16); + color: #883cae; + border-color: transparent; +} +.p-splitbutton.p-button-text.p-button-plain > .p-button { + color: #6c757d; +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: #e9ecef; + color: #6c757d; +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: #dee2e6; + color: #6c757d; +} +.p-splitbutton.p-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); +} +.p-splitbutton.p-button-rounded { + border-radius: 2rem; +} +.p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; +} +.p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; +} +.p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; +} +.p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; +} +.p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; +} + +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #6c757d; + border: 1px solid; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(108, 117, 125, 0.04); + color: #6c757d; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(108, 117, 125, 0.16); + color: #6c757d; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #6c757d; + border-color: transparent; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(108, 117, 125, 0.04); + border-color: transparent; + color: #6c757d; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(108, 117, 125, 0.16); + border-color: transparent; + color: #6c757d; +} + +.p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #17a2b8; + border: 1px solid; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(23, 162, 184, 0.04); + color: #17a2b8; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(23, 162, 184, 0.16); + color: #17a2b8; +} +.p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #17a2b8; + border-color: transparent; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(23, 162, 184, 0.04); + border-color: transparent; + color: #17a2b8; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(23, 162, 184, 0.16); + border-color: transparent; + color: #17a2b8; +} + +.p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #28a745; + border: 1px solid; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(40, 167, 69, 0.04); + color: #28a745; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(40, 167, 69, 0.16); + color: #28a745; +} +.p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #28a745; + border-color: transparent; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(40, 167, 69, 0.04); + border-color: transparent; + color: #28a745; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(40, 167, 69, 0.16); + border-color: transparent; + color: #28a745; +} + +.p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #ffc107; + border: 1px solid; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 193, 7, 0.04); + color: #ffc107; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 193, 7, 0.16); + color: #ffc107; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #ffc107; + border-color: transparent; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 193, 7, 0.04); + border-color: transparent; + color: #ffc107; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 193, 7, 0.16); + border-color: transparent; + color: #ffc107; +} + +.p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #6f42c1; + border: 1px solid; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(111, 66, 193, 0.04); + color: #6f42c1; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(111, 66, 193, 0.16); + color: #6f42c1; +} +.p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #6f42c1; + border-color: transparent; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(111, 66, 193, 0.04); + border-color: transparent; + color: #6f42c1; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(111, 66, 193, 0.16); + border-color: transparent; + color: #6f42c1; +} + +.p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #dc3545; + border: 1px solid; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(220, 53, 69, 0.04); + color: #dc3545; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(220, 53, 69, 0.16); + color: #dc3545; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #dc3545; + border-color: transparent; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(220, 53, 69, 0.04); + border-color: transparent; + color: #dc3545; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(220, 53, 69, 0.16); + border-color: transparent; + color: #dc3545; +} + +.p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: box-shadow 0.15s; + margin: 0.5rem; +} +.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #495057; + border-color: transparent; + background: transparent; +} +.p-carousel .p-carousel-content .p-carousel-prev:focus, +.p-carousel .p-carousel-content .p-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); +} +.p-carousel .p-carousel-indicators { + padding: 1rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #e9ecef; + width: 2rem; + height: 0.5rem; + transition: box-shadow 0.15s; + border-radius: 0; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #dee2e6; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #883cae; + color: #ffffff; +} + +.p-datatable .p-paginator-top { + border-width: 1px 0 0 0; + border-radius: 0; +} +.p-datatable .p-paginator-bottom { + border-width: 1px 0 0 0; + border-radius: 0; +} +.p-datatable .p-datatable-header { + background: #efefef; + color: #212529; + border: solid #dee2e6; + border-width: 1px 0 0 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-datatable .p-datatable-footer { + background: #efefef; + color: #212529; + border: 1px solid #dee2e6; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #dee2e6; + border-width: 1px 0 2px 0; + font-weight: 600; + color: #212529; + background: #ffffff; + transition: box-shadow 0.15s; +} +.p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #dee2e6; + border-width: 1px 0 1px 0; + font-weight: 600; + color: #212529; + background: #ffffff; +} +.p-datatable .p-sortable-column .p-sortable-column-icon { + color: #6c757d; + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #ffffff; + background: #883cae; + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #e9ecef; + color: #212529; +} +.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #6c757d; +} +.p-datatable .p-sortable-column.p-highlight { + background: #ffffff; + color: #883cae; +} +.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #883cae; +} +.p-datatable .p-sortable-column.p-highlight:hover { + background: #e9ecef; + color: #883cae; +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #883cae; +} +.p-datatable .p-sortable-column:focus { + box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); + outline: 0 none; +} +.p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #212529; + transition: box-shadow 0.15s; +} +.p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #dee2e6; + border-width: 1px 0 0 0; + padding: 1rem 1rem; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: box-shadow 0.15s; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: #495057; + border-color: transparent; + background: transparent; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); +} +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; +} +.p-datatable .p-datatable-tbody > tr:focus { + outline: 0.15rem solid rgba(136, 60, 174, 0.5); + outline-offset: 0.15rem; +} +.p-datatable .p-datatable-tbody > tr.p-highlight { + background: #883cae; + color: #ffffff; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #883cae; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #883cae; +} +.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #e9ecef; + color: #212529; +} +.p-datatable .p-column-resizer-helper { + background: #883cae; +} +.p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #efefef; +} +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #ffffff; +} +.p-datatable .p-datatable-loading-icon { + font-size: 2rem; +} +.p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: rgba(0, 0, 0, 0.05); +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #883cae; + color: #ffffff; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #ffffff; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #ffffff; +} +.p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; +} + +.p-dataview .p-paginator-top { + border-width: 1px 0 0 0; + border-radius: 0; +} +.p-dataview .p-paginator-bottom { + border-width: 1px 0 0 0; + border-radius: 0; +} +.p-dataview .p-dataview-header { + background: #efefef; + color: #212529; + border: solid #dee2e6; + border-width: 1px 0 0 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-dataview .p-dataview-content { + background: #ffffff; + color: #212529; + border: 0 none; + padding: 0; +} +.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { + border: 1px solid #dee2e6; + border-width: 1px 0 0 0; +} +.p-dataview .p-dataview-footer { + background: #efefef; + color: #212529; + border: 1px solid #dee2e6; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-dataview .p-dataview-loading-icon { + font-size: 2rem; +} +.p-dataview .p-dataview-emptymessage { + padding: 1.25rem; +} + +.p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; +} + +.p-column-filter-menu-button { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: box-shadow 0.15s; +} +.p-column-filter-menu-button:hover { + color: #495057; + border-color: transparent; + background: transparent; +} +.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: transparent; + color: #495057; +} +.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #883cae; + color: #ffffff; +} +.p-column-filter-menu-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); +} + +.p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: box-shadow 0.15s; +} +.p-column-filter-clear-button:hover { + color: #495057; + border-color: transparent; + background: transparent; +} +.p-column-filter-clear-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); +} + +.p-column-filter-overlay { + background: #ffffff; + color: #212529; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 4px; + box-shadow: none; + min-width: 12.5rem; +} +.p-column-filter-overlay .p-column-filter-row-items { + padding: 0.5rem 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.5rem 1.5rem; + border: 0 none; + color: #212529; + background: transparent; + transition: box-shadow 0.15s; + border-radius: 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #ffffff; + background: #883cae; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #212529; + background: #e9ecef; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #dee2e6; + margin: 0.5rem 0; +} + +.p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem 1.5rem; + border-bottom: 1px solid #dee2e6; + color: #212529; + background: #efefef; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1.25rem; + border-bottom: 1px solid #dee2e6; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; +} +.p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.5rem 1.25rem; +} +.p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1.25rem; +} + +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { + background: #efefef; + border: 1px solid #dee2e6; + color: #212529; +} +.fc.fc-unthemed .fc-view-container td.fc-widget-content { + background: #ffffff; + border: 1px solid #dee2e6; + color: #212529; +} +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #dee2e6; +} +.fc.fc-unthemed .fc-view-container .fc-row { + border-right: 1px solid #dee2e6; +} +.fc.fc-unthemed .fc-view-container .fc-event { + background: #7a38a7; + border: 1px solid #7a38a7; + color: #ffffff; +} +.fc.fc-unthemed .fc-view-container .fc-divider { + background: #efefef; + border: 1px solid #dee2e6; +} +.fc.fc-unthemed .fc-toolbar .fc-button { + color: #ffffff; + background: #883cae; + border: 1px solid #883cae; + font-size: 1rem; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; + display: flex; + align-items: center; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { + background: #7a38a7; + color: #ffffff; + border-color: #7a38a7; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { + background: #68329e; + color: #ffffff; + border-color: #68329e; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-unthemed .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #6c757d; + border: 1px solid #6c757d; + color: #ffffff; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #5a6268; + border-color: #545b62; + color: #ffffff; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #545b62; + border-color: #4e555b; + color: #ffffff; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #545b62; + border-color: #4e555b; + color: #ffffff; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); + z-index: 1; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #dee2e6; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #efefef; + border-color: #dee2e6; + color: #212529; +} +.fc.fc-theme-standard .fc-view-harness td { + color: #212529; + border-color: #dee2e6; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover { + background: none; + border: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { + border: 1px solid #dee2e6; + padding: 1rem 1.25rem; + background: #efefef; + color: #212529; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { + opacity: 1; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; + font-family: "PrimeIcons" !important; + font-size: 1rem; + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: box-shadow 0.15s; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { + content: "\e90b"; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { + color: #495057; + border-color: transparent; + background: transparent; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { + padding: 1.25rem; + border: 1px solid #dee2e6; + background: #ffffff; + color: #212529; + border-top: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #ffffff; + background: #7a38a7; + border-color: #7a38a7; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: #7a38a7; + border-color: #7a38a7; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: #e9ecef; + color: #212529; +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #efefef; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #ffffff; + background: #883cae; + border: 1px solid #883cae; + font-size: 1rem; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: #7a38a7; + color: #ffffff; + border-color: #7a38a7; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: #68329e; + color: #ffffff; + border-color: #68329e; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.65; + color: #ffffff; + background: #883cae; + border: 1px solid #883cae; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #6c757d; + border: 1px solid #6c757d; + color: #ffffff; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #5a6268; + border-color: #545b62; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #545b62; + border-color: #4e555b; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #545b62; + border-color: #4e555b; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.fc.fc-theme-standard a { + color: #212529; +} +.fc.fc-theme-standard .fc-highlight { + color: #ffffff; + background: #883cae; +} + +.p-orderlist .p-orderlist-controls { + padding: 1.25rem; +} +.p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; +} +.p-orderlist .p-orderlist-header { + background: #efefef; + color: #212529; + border: 1px solid #dee2e6; + padding: 1rem 1.25rem; + border-bottom: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; +} +.p-orderlist .p-orderlist-filter-container { + padding: 1rem 1.25rem; + background: #ffffff; + border: 1px solid #dee2e6; + border-bottom: 0 none; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #495057; +} +.p-orderlist .p-orderlist-list { + border: 1px solid #dee2e6; + background: #ffffff; + color: #212529; + padding: 0.5rem 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 1.5rem; + margin: 0; + border: 0 none; + color: #212529; + background: transparent; + transition: box-shadow 0.15s; +} +.p-orderlist .p-orderlist-list .p-orderlist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); +} +.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #ffffff; + background: #883cae; +} +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 1.5rem; + color: #212529; +} +.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #e9ecef; + color: #212529; +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: rgba(0, 0, 0, 0.05); +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: #e9ecef; +} + +.p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 1.5rem; + box-shadow: none; + border: 0 none; + color: #212529; + background: #ffffff; + margin: 0; +} + +.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #e9ecef; + color: #212529; +} +.p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #883cae; + color: #ffffff; +} +.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #3e1b4f; +} +.p-organizationchart .p-organizationchart-line-down { + background: #dee2e6; +} +.p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #dee2e6; + border-color: #dee2e6; +} +.p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #dee2e6; + border-color: #dee2e6; +} +.p-organizationchart .p-organizationchart-node-content { + border: 1px solid #dee2e6; + background: #ffffff; + color: #212529; + padding: 1.25rem; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); +} + +.p-paginator { + background: #ffffff; + color: #883cae; + border: solid #dee2e6; + border-width: 0; + padding: 0.75rem; + border-radius: 4px; +} +.p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: #ffffff; + border: 1px solid #dee2e6; + color: #883cae; + min-width: 2.357rem; + height: 2.357rem; + margin: 0 0 0 -1px; + transition: box-shadow 0.15s; + border-radius: 0; +} +.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: #e9ecef; + border-color: #dee2e6; + color: #883cae; +} +.p-paginator .p-paginator-first { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.357rem; +} +.p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; +} +.p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; +} +.p-paginator .p-paginator-page-input .p-inputtext { + max-width: 2.357rem; +} +.p-paginator .p-paginator-current { + background-color: #ffffff; + border: 1px solid #dee2e6; + color: #883cae; + min-width: 2.357rem; + height: 2.357rem; + margin: 0 0 0 -1px; + padding: 0 0.5rem; +} +.p-paginator .p-paginator-pages .p-paginator-page { + background-color: #ffffff; + border: 1px solid #dee2e6; + color: #883cae; + min-width: 2.357rem; + height: 2.357rem; + margin: 0 0 0 -1px; + transition: box-shadow 0.15s; + border-radius: 0; +} +.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #883cae; + border-color: #883cae; + color: #ffffff; +} +.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #e9ecef; + border-color: #dee2e6; + color: #883cae; +} + +.p-picklist .p-picklist-buttons { + padding: 1.25rem; +} +.p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; +} +.p-picklist .p-picklist-header { + background: #efefef; + color: #212529; + border: 1px solid #dee2e6; + padding: 1rem 1.25rem; + border-bottom: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; +} +.p-picklist .p-picklist-filter-container { + padding: 1rem 1.25rem; + background: #ffffff; + border: 1px solid #dee2e6; + border-bottom: 0 none; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #495057; +} +.p-picklist .p-picklist-list { + border: 1px solid #dee2e6; + background: #ffffff; + color: #212529; + padding: 0.5rem 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 1.5rem; + margin: 0; + border: 0 none; + color: #212529; + background: transparent; + transition: box-shadow 0.15s; +} +.p-picklist .p-picklist-list .p-picklist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); +} +.p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #ffffff; + background: #883cae; +} +.p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 1.5rem; + color: #212529; +} +.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #e9ecef; + color: #212529; +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: rgba(0, 0, 0, 0.05); +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: #e9ecef; +} + +.p-picklist-item.cdk-drag-preview { + padding: 0.5rem 1.5rem; + box-shadow: none; + border: 0 none; + color: #212529; + background: #ffffff; + margin: 0; +} + +.p-timeline .p-timeline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #883cae; +} +.p-timeline .p-timeline-event-connector { + background-color: #dee2e6; +} +.p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; +} +.p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; +} + +.p-tree { + border: 1px solid #dee2e6; + background: #ffffff; + color: #212529; + padding: 1.25rem; + border-radius: 4px; +} +.p-tree .p-tree-container .p-treenode { + padding: 0.143rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 4px; + transition: box-shadow 0.15s; + padding: 0.286rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: box-shadow 0.15s; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #495057; + border-color: transparent; + background: transparent; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #6c757d; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #212529; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #883cae; + color: #ffffff; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #ffffff; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #ffffff; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #e9ecef; + color: #212529; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #e9ecef; + color: #212529; +} +.p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; +} +.p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; +} +.p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #495057; +} +.p-tree .p-treenode-children { + padding: 0 0 0 1rem; +} +.p-tree .p-tree-loading-icon { + font-size: 2rem; +} +.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: #6d308b; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 4px; + border: 1px solid #dee2e6; + background-color: #ffffff; + color: #212529; + padding: 0.286rem; + transition: box-shadow 0.15s; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #883cae; + color: #ffffff; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #ffffff; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #e9ecef; + color: #212529; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); +} + +.p-treetable .p-paginator-top { + border-width: 1px 0 0 0; + border-radius: 0; +} +.p-treetable .p-paginator-bottom { + border-width: 1px 0 0 0; + border-radius: 0; +} +.p-treetable .p-treetable-header { + background: #efefef; + color: #212529; + border: solid #dee2e6; + border-width: 1px 0 0 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-treetable .p-treetable-footer { + background: #efefef; + color: #212529; + border: 1px solid #dee2e6; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #dee2e6; + border-width: 1px 0 2px 0; + font-weight: 600; + color: #212529; + background: #ffffff; + transition: box-shadow 0.15s; +} +.p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #dee2e6; + border-width: 1px 0 1px 0; + font-weight: 600; + color: #212529; + background: #ffffff; +} +.p-treetable .p-sortable-column { + outline-color: rgba(136, 60, 174, 0.5); +} +.p-treetable .p-sortable-column .p-sortable-column-icon { + color: #6c757d; + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #ffffff; + background: #883cae; + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #e9ecef; + color: #212529; +} +.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #6c757d; +} +.p-treetable .p-sortable-column.p-highlight { + background: #ffffff; + color: #883cae; +} +.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #883cae; +} +.p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #212529; + transition: box-shadow 0.15s; +} +.p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #dee2e6; + border-width: 1px 0 0 0; + padding: 1rem 1rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: box-shadow 0.15s; + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #495057; + border-color: transparent; + background: transparent; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #212529; +} +.p-treetable .p-treetable-tbody > tr:focus { + outline: 0.15rem solid rgba(136, 60, 174, 0.5); + outline-offset: -0.15rem; +} +.p-treetable .p-treetable-tbody > tr.p-highlight { + background: #883cae; + color: #ffffff; +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #ffffff; +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #ffffff; +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: #e9ecef; + color: #212529; +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #212529; +} +.p-treetable .p-column-resizer-helper { + background: #883cae; +} +.p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #efefef; +} +.p-treetable .p-treetable-loading-icon { + font-size: 2rem; +} +.p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.875rem 0.875rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 1.25rem 1.25rem; +} + +.p-virtualscroller .p-virtualscroller-header { + background: #efefef; + color: #212529; + border: solid #dee2e6; + border-width: 1px 0 0 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #212529; + border: 0 none; + padding: 0; +} +.p-virtualscroller .p-virtualscroller-footer { + background: #efefef; + color: #212529; + border: 1px solid #dee2e6; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1rem 1.25rem; + border: 1px solid #dee2e6; + color: #212529; + background: #efefef; + font-weight: 600; + border-radius: 4px; + transition: box-shadow 0.15s; +} +.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; +} +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); +} +.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #e9ecef; + border-color: #dee2e6; + color: #212529; +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #efefef; + border-color: #dee2e6; + color: #212529; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #dee2e6; + background: #e9ecef; + color: #212529; +} +.p-accordion .p-accordion-content { + padding: 1.25rem; + border: 1px solid #dee2e6; + background: #ffffff; + color: #212529; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; +} +.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; +} +.p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; +} +.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 none; +} +.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-top: 0 none; +} +.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-card { + background: #ffffff; + color: #212529; + 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; +} +.p-card .p-card-body { + padding: 1.5rem; +} +.p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +.p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #6c757d; +} +.p-card .p-card-content { + padding: 1rem 0; +} +.p-card .p-card-footer { + padding: 1rem 0 0 0; +} + +.p-divider .p-divider-content { + background-color: #ffffff; +} +.p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +.p-divider.p-divider-horizontal:before { + border-top: 1px #dee2e6; +} +.p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; +} +.p-divider.p-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; +} +.p-divider.p-divider-vertical:before { + border-left: 1px #dee2e6; +} +.p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; +} + +.p-fieldset { + border: 1px solid #dee2e6; + background: #ffffff; + color: #212529; + border-radius: 4px; +} +.p-fieldset .p-fieldset-legend { + padding: 1rem 1.25rem; + border: 1px solid #dee2e6; + color: #212529; + background: #efefef; + font-weight: 600; + border-radius: 4px; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: box-shadow 0.15s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1rem 1.25rem; + color: #212529; + border-radius: 4px; + transition: box-shadow 0.15s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #e9ecef; + border-color: #dee2e6; + color: #212529; +} +.p-fieldset .p-fieldset-content { + padding: 1.25rem; +} + +.p-panel .p-panel-header { + border: 1px solid #dee2e6; + padding: 1rem 1.25rem; + background: #efefef; + color: #212529; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-panel .p-panel-header .p-panel-title { + font-weight: 600; +} +.p-panel .p-panel-header .p-panel-header-icon { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: box-shadow 0.15s; +} +.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #495057; + border-color: transparent; + background: transparent; +} +.p-panel .p-panel-header .p-panel-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); +} +.p-panel.p-panel-toggleable .p-panel-header { + padding: 0.5rem 1.25rem; +} +.p-panel .p-panel-content { + padding: 1.25rem; + border: 1px solid #dee2e6; + background: #ffffff; + color: #212529; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + border-top: 0 none; +} +.p-panel .p-panel-footer { + padding: 0.5rem 1.25rem; + border: 1px solid #dee2e6; + background: #ffffff; + color: #212529; + border-top: 0 none; +} +.p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; +} +.p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; +} +.p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; +} + +.p-scrollpanel .p-scrollpanel-bar { + background: #efefef; + border: 0 none; +} + +.p-splitter { + border: 1px solid #dee2e6; + background: #ffffff; + border-radius: 4px; + color: #212529; +} +.p-splitter .p-splitter-gutter { + transition: box-shadow 0.15s; + background: #efefef; +} +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #dee2e6; +} +.p-splitter .p-splitter-gutter-resizing { + background: #dee2e6; +} + +.p-tabview .p-tabview-nav { + background: transparent; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; +} +.p-tabview .p-tabview-nav li { + margin-right: 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid; + border-width: 1px; + border-color: #ffffff #ffffff #dee2e6 #ffffff; + background: #ffffff; + color: #6c757d; + padding: 0.75rem 1rem; + font-weight: 600; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: box-shadow 0.15s; + margin: 0 0 -1px 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(136, 60, 174, 0.5); +} +.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #dee2e6; + color: #6c757d; +} +.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #dee2e6 #dee2e6 #ffffff #dee2e6; + color: #495057; +} +.p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; +} +.p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-close { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #495057; + width: 2.357rem; + 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); + border-radius: 0; +} +.p-tabview .p-tabview-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(136, 60, 174, 0.5); +} +.p-tabview .p-tabview-panels { + background: #ffffff; + padding: 1.25rem; + border: 0 none; + color: #212529; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-toolbar { + background: #efefef; + border: 1px solid #dee2e6; + padding: 1rem 1.25rem; + border-radius: 4px; + gap: 0.5rem; +} +.p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; +} + +.p-confirm-popup { + background: #ffffff; + color: #212529; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 4px; + box-shadow: none; +} +.p-confirm-popup .p-confirm-popup-content { + padding: 1.25rem; +} +.p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.5rem 1.25rem; +} +.p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; +} +.p-confirm-popup:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +.p-confirm-popup:before { + border: solid transparent; + border-color: rgba(0, 0, 0, 0); + border-bottom-color: rgba(0, 0, 0, 0.2); +} +.p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #ffffff; +} +.p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: rgba(0, 0, 0, 0.2); +} +.p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; +} +.p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; +} + +.p-dialog { + border-radius: 4px; + box-shadow: none; + border: 1px solid rgba(0, 0, 0, 0.2); +} +.p-dialog .p-dialog-header { + border-bottom: 1px solid #e9ecef; + background: #ffffff; + color: #212529; + padding: 1rem; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.25rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: box-shadow 0.15s; + margin-right: 0.5rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #495057; + border-color: transparent; + background: transparent; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); +} +.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; +} +.p-dialog .p-dialog-content { + background: #ffffff; + color: #212529; + padding: 1rem; +} +.p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-dialog .p-dialog-footer { + border-top: 1px solid #e9ecef; + background: #ffffff; + color: #212529; + padding: 1rem; + text-align: right; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; +} + +.p-overlaypanel { + background: #ffffff; + color: #212529; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 4px; + box-shadow: none; +} +.p-overlaypanel .p-overlaypanel-content { + padding: 1.25rem; +} +.p-overlaypanel .p-overlaypanel-close { + background: #883cae; + color: #ffffff; + width: 2rem; + height: 2rem; + transition: box-shadow 0.15s; + border-radius: 50%; + position: absolute; + top: -1rem; + right: -1rem; +} +.p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #7a38a7; + color: #ffffff; +} +.p-overlaypanel:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +.p-overlaypanel:before { + border: solid transparent; + border-color: rgba(0, 0, 0, 0); + border-bottom-color: rgba(0, 0, 0, 0.2); +} +.p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #ffffff; +} +.p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: rgba(0, 0, 0, 0.2); +} + +.p-sidebar { + background: #ffffff; + color: #212529; + border: 1px solid rgba(0, 0, 0, 0.2); + box-shadow: none; +} +.p-sidebar .p-sidebar-header { + padding: 1rem 1.25rem; +} +.p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: box-shadow 0.15s; +} +.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #495057; + border-color: transparent; + background: transparent; +} +.p-sidebar .p-sidebar-header .p-sidebar-close:focus, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); +} +.p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; +} +.p-sidebar .p-sidebar-content { + padding: 1.25rem; +} +.p-sidebar .p-sidebar-footer { + padding: 1rem 1.25rem; +} + +.p-tooltip .p-tooltip-text { + background: #212529; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: none; + border-radius: 4px; +} +.p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #212529; +} +.p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #212529; +} +.p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #212529; +} +.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #212529; +} + +.p-fileupload .p-fileupload-buttonbar { + background: #efefef; + padding: 1rem 1.25rem; + border: 1px solid #dee2e6; + color: #212529; + border-bottom: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; +} +.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); +} +.p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 2rem 1rem; + border: 1px solid #dee2e6; + color: #212529; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-fileupload .p-progressbar { + height: 0.25rem; +} +.p-fileupload .p-fileupload-row > div { + padding: 1rem 1rem; +} +.p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; +} + +.p-fileupload-choose:not(.p-disabled):hover { + background: #7a38a7; + color: #ffffff; + border-color: #7a38a7; +} +.p-fileupload-choose:not(.p-disabled):active { + background: #68329e; + color: #ffffff; + border-color: #68329e; +} + +.p-breadcrumb { + background: #efefef; + border: 0 none; + border-radius: 4px; + padding: 1rem; +} +.p-breadcrumb ul li .p-menuitem-link { + transition: box-shadow 0.15s; + border-radius: 4px; +} +.p-breadcrumb ul li .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { + color: #883cae; +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { + color: #883cae; +} +.p-breadcrumb ul li.p-breadcrumb-chevron { + margin: 0 0.5rem 0 0.5rem; + color: #6c757d; +} +.p-breadcrumb ul li:last-child .p-menuitem-text { + color: #6c757d; +} +.p-breadcrumb ul li:last-child .p-menuitem-icon { + color: #6c757d; +} + +.p-contextmenu { + padding: 0.5rem 0; + background: #ffffff; + color: #212529; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: none; + border-radius: 4px; + width: 12.5rem; +} +.p-contextmenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: #212529; + border-radius: 0; + transition: box-shadow 0.15s; + user-select: none; +} +.p-contextmenu .p-menuitem-link .p-menuitem-text { + color: #212529; +} +.p-contextmenu .p-menuitem-link .p-menuitem-icon { + color: #212529; + margin-right: 0.5rem; +} +.p-contextmenu .p-menuitem-link .p-submenu-icon { + color: #212529; +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #212529; +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #212529; +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #212529; +} +.p-contextmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); +} +.p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: none; + border-radius: 4px; +} +.p-contextmenu .p-menuitem { + margin: 0; +} +.p-contextmenu .p-menuitem:last-child { + margin: 0; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #e9ecef; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: #212529; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: #212529; +} +.p-contextmenu .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.5rem 0; +} +.p-contextmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-contextmenu .p-menuitem-badge { + background: #883cae; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + +@media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } +} +.p-megamenu { + padding: 0.5rem 1rem; + background: #efefef; + color: rgba(0, 0, 0, 0.9); + border: 0 none; + border-radius: 4px; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 1rem; + color: rgba(0, 0, 0, 0.5); + border-radius: 4px; + transition: box-shadow 0.15s; + user-select: none; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.5); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.5); + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.5); + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: transparent; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.7); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.7); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.7); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: transparent; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.9); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.9); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.9); +} +.p-megamenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: #212529; + border-radius: 0; + transition: box-shadow 0.15s; + user-select: none; +} +.p-megamenu .p-menuitem-link .p-menuitem-text { + color: #212529; +} +.p-megamenu .p-menuitem-link .p-menuitem-icon { + color: #212529; + margin-right: 0.5rem; +} +.p-megamenu .p-menuitem-link .p-submenu-icon { + color: #212529; +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #212529; +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #212529; +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #212529; +} +.p-megamenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); +} +.p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #212529; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: none; +} +.p-megamenu .p-megamenu-submenu-header { + margin: 0; + padding: 0.75rem 1rem; + color: #212529; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-megamenu .p-megamenu-submenu { + padding: 0.5rem 0; + width: 12.5rem; +} +.p-megamenu .p-megamenu-submenu .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.5rem 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem { + margin: 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #e9ecef; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: #212529; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: #212529; +} +.p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.5rem 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem { + margin: 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem-badge { + background: #883cae; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menu { + padding: 0.5rem 0; + background: #ffffff; + color: #212529; + border: 1px solid #dee2e6; + border-radius: 4px; + width: 12.5rem; +} +.p-menu .p-menuitem-link { + padding: 0.75rem 1rem; + color: #212529; + border-radius: 0; + transition: box-shadow 0.15s; + user-select: none; +} +.p-menu .p-menuitem-link .p-menuitem-text { + color: #212529; +} +.p-menu .p-menuitem-link .p-menuitem-icon { + color: #212529; + margin-right: 0.5rem; +} +.p-menu .p-menuitem-link .p-submenu-icon { + color: #212529; +} +.p-menu .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #212529; +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #212529; +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #212529; +} +.p-menu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); +} +.p-menu.p-menu-overlay { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: none; +} +.p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem 1rem; + color: #212529; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.p-menu .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.5rem 0; +} +.p-menu .p-menuitem { + margin: 0; +} +.p-menu .p-menuitem:last-child { + margin: 0; +} +.p-menu .p-menuitem-badge { + background: #883cae; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menubar { + padding: 0.5rem 1rem; + background: #efefef; + color: rgba(0, 0, 0, 0.9); + border: 0 none; + border-radius: 4px; +} +.p-menubar .p-menuitem-link { + padding: 0.75rem 1rem; + color: #212529; + border-radius: 0; + transition: box-shadow 0.15s; + user-select: none; +} +.p-menubar .p-menuitem-link .p-menuitem-text { + color: #212529; +} +.p-menubar .p-menuitem-link .p-menuitem-icon { + color: #212529; + margin-right: 0.5rem; +} +.p-menubar .p-menuitem-link .p-submenu-icon { + color: #212529; +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #212529; +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #212529; +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #212529; +} +.p-menubar .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 1rem; + color: rgba(0, 0, 0, 0.5); + border-radius: 4px; + transition: box-shadow 0.15s; + user-select: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.5); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.5); + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.5); + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: transparent; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.7); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.7); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.7); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: transparent; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.9); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.9); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.9); +} +.p-menubar .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: none; + width: 12.5rem; +} +.p-menubar .p-submenu-list .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.5rem 0; +} +.p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; +} +.p-menubar .p-submenu-list .p-menuitem { + margin: 0; +} +.p-menubar .p-submenu-list .p-menuitem:last-child { + margin: 0; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #e9ecef; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: #212529; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: #212529; +} +.p-menubar .p-menuitem-badge { + background: #883cae; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +@media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.5); + border-radius: 50%; + transition: box-shadow 0.15s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(0, 0, 0, 0.7); + background: transparent; + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: none; + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.5rem 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: #212529; + border-radius: 0; + transition: box-shadow 0.15s; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #212529; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #212529; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #212529; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #212529; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #212529; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { + margin-left: auto; + transition: transform 0.15s; + } + .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.15s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } +} +.p-panelmenu .p-panelmenu-header > a { + padding: 1rem 1.25rem; + border: 1px solid #dee2e6; + color: #212529; + background: #efefef; + font-weight: 600; + border-radius: 4px; + transition: box-shadow 0.15s; +} +.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); +} +.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + background: #e9ecef; + border-color: #dee2e6; + color: #212529; +} +.p-panelmenu .p-panelmenu-header.p-highlight { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight > a { + background: #efefef; + border-color: #dee2e6; + color: #212529; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + border-color: #dee2e6; + background: #e9ecef; + color: #212529; +} +.p-panelmenu .p-panelmenu-content { + padding: 0.5rem 0; + border: 1px solid #dee2e6; + background: #ffffff; + color: #212529; + margin-bottom: 0; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { + padding: 0.75rem 1rem; + color: #212529; + border-radius: 0; + transition: box-shadow 0.15s; + user-select: none; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + color: #212529; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + color: #212529; + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + color: #212529; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #212529; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #212529; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #212529; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { + padding: 0 0 0 1rem; +} +.p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { + border-radius: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; +} +.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { + border-top: 0 none; +} +.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { + border-top: 0 none; +} +.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-panelmenu .p-menuitem-badge { + background: #883cae; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-slidemenu { + padding: 0.5rem 0; + background: #ffffff; + color: #212529; + border: 1px solid #dee2e6; + border-radius: 4px; + width: 12.5rem; +} +.p-slidemenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: #212529; + border-radius: 0; + transition: box-shadow 0.15s; + user-select: none; +} +.p-slidemenu .p-menuitem-link .p-menuitem-text { + color: #212529; +} +.p-slidemenu .p-menuitem-link .p-menuitem-icon { + color: #212529; + margin-right: 0.5rem; +} +.p-slidemenu .p-menuitem-link .p-submenu-icon { + color: #212529; +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #212529; +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #212529; +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #212529; +} +.p-slidemenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); +} +.p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: none; +} +.p-slidemenu .p-slidemenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: none; +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { + background: #e9ecef; +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { + color: #212529; +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { + color: #212529; +} +.p-slidemenu .p-slidemenu-separator { + border-top: 1px solid #dee2e6; + margin: 0.5rem 0; +} +.p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; +} +.p-slidemenu .p-slidemenu-backward { + padding: 0.75rem 1rem; + color: #212529; +} +.p-slidemenu .p-menuitem-badge { + background: #883cae; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: box-shadow 0.15s; + border-radius: 4px; + background: transparent; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #212529; + border: 1px solid #dee2e6; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 4px; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: #6c757d; +} +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); +} +.p-steps .p-steps-item.p-highlight .p-steps-number { + background: #883cae; + color: #ffffff; +} +.p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 600; + color: #212529; +} +.p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #dee2e6; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; +} + +.p-tabmenu .p-tabmenu-nav { + background: transparent; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; +} +.p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #883cae; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid; + border-width: 1px; + border-color: #ffffff #ffffff #dee2e6 #ffffff; + background: #ffffff; + color: #6c757d; + padding: 0.75rem 1rem; + font-weight: 600; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: box-shadow 0.15s; + margin: 0 0 -1px 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(136, 60, 174, 0.5); +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #dee2e6; + color: #6c757d; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #dee2e6 #dee2e6 #ffffff #dee2e6; + color: #495057; +} +.p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #ffffff; + color: #495057; + width: 2.357rem; + 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); + border-radius: 0; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(136, 60, 174, 0.5); +} + +.p-tieredmenu { + padding: 0.5rem 0; + background: #ffffff; + color: #212529; + border: 1px solid #dee2e6; + border-radius: 4px; + width: 12.5rem; +} +.p-tieredmenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: #212529; + border-radius: 0; + transition: box-shadow 0.15s; + user-select: none; +} +.p-tieredmenu .p-menuitem-link .p-menuitem-text { + color: #212529; +} +.p-tieredmenu .p-menuitem-link .p-menuitem-icon { + color: #212529; + margin-right: 0.5rem; +} +.p-tieredmenu .p-menuitem-link .p-submenu-icon { + color: #212529; +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #212529; +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #212529; +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #212529; +} +.p-tieredmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); +} +.p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: none; +} +.p-tieredmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: none; +} +.p-tieredmenu .p-menuitem { + margin: 0; +} +.p-tieredmenu .p-menuitem:last-child { + margin: 0; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #e9ecef; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: #212529; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: #212529; +} +.p-tieredmenu .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.5rem 0; +} +.p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-tieredmenu .p-menuitem-badge { + background: #883cae; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-inline-message { + padding: 0.5rem 0.75rem; + margin: 0; + border-radius: 4px; +} +.p-inline-message.p-inline-message-info { + background: #cce5ff; + border: solid #b8daff; + border-width: 0px; + color: #004085; +} +.p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #004085; +} +.p-inline-message.p-inline-message-success { + background: #d4edda; + border: solid #c3e6cb; + border-width: 0px; + color: #155724; +} +.p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #155724; +} +.p-inline-message.p-inline-message-warn { + background: #fff3cd; + border: solid #ffeeba; + border-width: 0px; + color: #856404; +} +.p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #856404; +} +.p-inline-message.p-inline-message-error { + background: #f8d7da; + border: solid #f5c6cb; + border-width: 0px; + color: #721c24; +} +.p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #721c24; +} +.p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; +} +.p-inline-message .p-inline-message-text { + font-size: 1rem; +} +.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; +} + +.p-message { + margin: 1rem 0; + border-radius: 4px; +} +.p-message .p-message-wrapper { + padding: 1rem 1.25rem; +} +.p-message .p-message-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: box-shadow 0.15s; +} +.p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-message .p-message-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); +} +.p-message.p-message-info { + background: #cce5ff; + border: solid #b8daff; + border-width: 1px; + color: #004085; +} +.p-message.p-message-info .p-message-icon { + color: #004085; +} +.p-message.p-message-info .p-message-close { + color: #004085; +} +.p-message.p-message-success { + background: #d4edda; + border: solid #c3e6cb; + border-width: 1px; + color: #155724; +} +.p-message.p-message-success .p-message-icon { + color: #155724; +} +.p-message.p-message-success .p-message-close { + color: #155724; +} +.p-message.p-message-warn { + background: #fff3cd; + border: solid #ffeeba; + border-width: 1px; + color: #856404; +} +.p-message.p-message-warn .p-message-icon { + color: #856404; +} +.p-message.p-message-warn .p-message-close { + color: #856404; +} +.p-message.p-message-error { + background: #f8d7da; + border: solid #f5c6cb; + border-width: 1px; + color: #721c24; +} +.p-message.p-message-error .p-message-icon { + color: #721c24; +} +.p-message.p-message-error .p-message-close { + color: #721c24; +} +.p-message .p-message-text { + font-size: 1rem; + font-weight: 500; +} +.p-message .p-message-icon { + font-size: 1.5rem; + margin-right: 0.5rem; +} +.p-message .p-message-summary { + font-weight: 700; +} +.p-message .p-message-detail { + margin-left: 0.5rem; +} + +.p-toast { + opacity: 1; +} +.p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); + border-radius: 4px; +} +.p-toast .p-toast-message .p-toast-message-content { + padding: 1rem; + border-width: 0; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 1rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 2rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 700; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; +} +.p-toast .p-toast-message .p-toast-icon-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: box-shadow 0.15s; +} +.p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-toast .p-toast-message .p-toast-icon-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); +} +.p-toast .p-toast-message.p-toast-message-info { + background: #cce5ff; + border: solid #b8daff; + border-width: 1px; + color: #004085; +} +.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #004085; +} +.p-toast .p-toast-message.p-toast-message-success { + background: #d4edda; + border: solid #c3e6cb; + border-width: 1px; + color: #155724; +} +.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #155724; +} +.p-toast .p-toast-message.p-toast-message-warn { + background: #fff3cd; + border: solid #ffeeba; + border-width: 1px; + color: #856404; +} +.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #856404; +} +.p-toast .p-toast-message.p-toast-message-error { + background: #f8d7da; + border: solid #f5c6cb; + border-width: 1px; + color: #721c24; +} +.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #721c24; +} + +.p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #efefef; + width: 4rem; + height: 4rem; + transition: box-shadow 0.15s; + border-radius: 4px; +} +.p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #efefef; +} +.p-galleria .p-galleria-item-nav { + background: transparent; + color: #efefef; + width: 4rem; + height: 4rem; + transition: box-shadow 0.15s; + border-radius: 4px; + margin: 0 0.5rem; +} +.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #efefef; +} +.p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #efefef; + padding: 1rem; +} +.p-galleria .p-galleria-indicators { + padding: 1rem; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #e9ecef; + width: 1rem; + height: 1rem; + transition: box-shadow 0.15s; + border-radius: 4px; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #dee2e6; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #883cae; + color: #ffffff; +} +.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; +} +.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #883cae; + color: #ffffff; +} +.p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #efefef; + width: 2rem; + height: 2rem; + transition: box-shadow 0.15s; + border-radius: 4px; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #efefef; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); +} + +.p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-preview-indicator { + background-color: transparent; + color: #f8f9fa; + transition: box-shadow 0.15s; +} + +.p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); +} + +.p-image-toolbar { + padding: 1rem; +} + +.p-image-action.p-link { + color: #f8f9fa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: box-shadow 0.15s; + margin-right: 0.5rem; +} +.p-image-action.p-link:last-child { + margin-right: 0; +} +.p-image-action.p-link:hover { + color: #f8f9fa; + background-color: rgba(255, 255, 255, 0.1); +} +.p-image-action.p-link i { + font-size: 1.5rem; +} + +.p-avatar { + background-color: #dee2e6; + border-radius: 4px; +} +.p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +.p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; +} +.p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +.p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; +} + +.p-avatar-group .p-avatar { + border: 2px solid #ffffff; +} + +.p-badge { + background: #883cae; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +.p-badge.p-badge-secondary { + background-color: #6c757d; + color: #ffffff; +} +.p-badge.p-badge-success { + background-color: #28a745; + color: #ffffff; +} +.p-badge.p-badge-info { + background-color: #17a2b8; + color: #ffffff; +} +.p-badge.p-badge-warning { + background-color: #ffc107; + color: #212529; +} +.p-badge.p-badge-danger { + background-color: #dc3545; + color: #ffffff; +} +.p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +.p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} + +.p-chip { + background-color: #dee2e6; + color: #212529; + border-radius: 16px; + padding: 0 0.75rem; +} +.p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} +.p-chip .p-chip-icon { + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; +} +.p-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.75rem; + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + border-radius: 4px; + transition: box-shadow 0.15s; +} +.p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); +} + +.p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 4px; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; +} +.p-inplace .p-inplace-display:not(.p-disabled):hover { + background: #e9ecef; + color: #212529; +} +.p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); +} + +.p-progressbar { + border: 0 none; + height: 1.5rem; + background: #e9ecef; + border-radius: 4px; +} +.p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #883cae; +} +.p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.5rem; +} + +.p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 4px; + box-shadow: none; + transition: box-shadow 0.15s; +} +.p-scrolltop.p-link { + background: rgba(0, 0, 0, 0.7); +} +.p-scrolltop.p-link:hover { + background: rgba(0, 0, 0, 0.8); +} +.p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #efefef; +} + +.p-skeleton { + background-color: #e9ecef; + border-radius: 4px; +} +.p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); +} + +.p-tag { + background: #883cae; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; +} +.p-tag.p-tag-success { + background-color: #28a745; + color: #ffffff; +} +.p-tag.p-tag-info { + background-color: #17a2b8; + color: #ffffff; +} +.p-tag.p-tag-warning { + background-color: #ffc107; + color: #212529; +} +.p-tag.p-tag-danger { + background-color: #dc3545; + color: #ffffff; +} +.p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +.p-terminal { + background: #ffffff; + color: #212529; + border: 1px solid #dee2e6; + padding: 1.25rem; +} +.p-terminal .p-terminal-input { + font-size: 1rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; +} + +/* Vendor extensions to the designer enhanced bootstrap compatibility */ +.p-breadcrumb .p-breadcrumb-chevron { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; +} +.p-breadcrumb .p-breadcrumb-chevron:before { + content: "/"; +} + +.fc.fc-theme-standard .fc-highlight { + background: #e7d8ef; +} + +/* Customizations to the designer theme should be defined here */ diff --git a/assets/layout/styles/theme/bootstrap4-light-purple/theme.css.br b/assets/layout/styles/theme/bootstrap4-light-purple/theme.css.br new file mode 100644 index 0000000..ef59932 Binary files /dev/null and b/assets/layout/styles/theme/bootstrap4-light-purple/theme.css.br differ diff --git a/assets/layout/styles/theme/bootstrap4-light-purple/theme.css.gz b/assets/layout/styles/theme/bootstrap4-light-purple/theme.css.gz new file mode 100644 index 0000000..ad59e6f Binary files /dev/null and b/assets/layout/styles/theme/bootstrap4-light-purple/theme.css.gz differ diff --git a/assets/layout/styles/theme/fluent-light/theme.css b/assets/layout/styles/theme/fluent-light/theme.css new file mode 100644 index 0000000..1b42738 --- /dev/null +++ b/assets/layout/styles/theme/fluent-light/theme.css @@ -0,0 +1,6442 @@ +:root { + --surface-a:#ffffff; + --surface-b:#faf9f8; + --surface-c:#f3f2f1; + --surface-d:#edebe9; + --surface-e:#ffffff; + --surface-f:#ffffff; + --text-color:#323130; + --text-color-secondary:#605e5c; + --primary-color:#0078d4; + --primary-color-text:#ffffff; + --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --surface-0: #ffffff; + --surface-50: #f3f2f1; + --surface-100: #e1dfdd; + --surface-200: #bebbb8; + --surface-300: #a19f9d; + --surface-400: #797775; + --surface-500: #484644; + --surface-600: #323130; + --surface-700: #252423; + --surface-800: #1b1a19; + --surface-900: #11100f; + --gray-50: #f3f2f1; + --gray-100: #e1dfdd; + --gray-200: #bebbb8; + --gray-300: #a19f9d; + --gray-400: #797775; + --gray-500: #484644; + --gray-600: #323130; + --gray-700: #252423; + --gray-800: #1b1a19; + --gray-900: #11100f; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:2px; + --surface-ground:#faf9f8; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#edebe9; + --surface-hover:#f3f2f1; + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: inset 0 0 0 1px #605e5c; + color-scheme: light; +} + +* { + box-sizing: border-box; +} + +.p-component { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + font-weight: normal; +} + +.p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; +} + +.p-disabled, .p-component:disabled { + opacity: 0.6; +} + +.p-error { + color: #a4252c; +} + +.p-text-secondary { + color: #605e5c; +} + +.pi { + font-size: 1rem; +} + +.p-link { + font-size: 1rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + border-radius: 2px; +} +.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} + +.p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; +} + +.p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; +} + +@keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } +} +@keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } +} + +:root { + --blue-50:#f3f8fc; + --blue-100:#c6dcef; + --blue-200:#98c1e3; + --blue-300:#6ba5d7; + --blue-400:#3d8aca; + --blue-500:#106ebe; + --blue-600:#0e5ea2; + --blue-700:#0b4d85; + --blue-800:#093d69; + --blue-900:#062c4c; + --green-50:#f7fbf3; + --green-100:#d9eac4; + --green-200:#bbda96; + --green-300:#9cca67; + --green-400:#7eb939; + --green-500:#60a90a; + --green-600:#529009; + --green-700:#437607; + --green-800:#355d06; + --green-900:#264404; + --yellow-50:#fffcf2; + --yellow-100:#ffeec2; + --yellow-200:#ffe191; + --yellow-300:#ffd461; + --yellow-400:#ffc630; + --yellow-500:#ffb900; + --yellow-600:#d99d00; + --yellow-700:#b38200; + --yellow-800:#8c6600; + --yellow-900:#664a00; + --cyan-50:#f2fbfc; + --cyan-100:#c2eef1; + --cyan-200:#91e0e5; + --cyan-300:#61d2da; + --cyan-400:#30c5ce; + --cyan-500:#00b7c3; + --cyan-600:#009ca6; + --cyan-700:#008089; + --cyan-800:#00656b; + --cyan-900:#00494e; + --pink-50:#fef2f9; + --pink-100:#f8c2e3; + --pink-200:#f391ce; + --pink-300:#ee61b8; + --pink-400:#e830a2; + --pink-500:#e3008c; + --pink-600:#c10077; + --pink-700:#9f0062; + --pink-800:#7d004d; + --pink-900:#5b0038; + --indigo-50:#f5f6fc; + --indigo-100:#cdd3f1; + --indigo-200:#a5b0e6; + --indigo-300:#7d8edc; + --indigo-400:#566bd1; + --indigo-500:#2e48c6; + --indigo-600:#273da8; + --indigo-700:#20328b; + --indigo-800:#19286d; + --indigo-900:#121d4f; + --teal-50:#f2f9f8; + --teal-100:#c2e1dd; + --teal-200:#91c9c2; + --teal-300:#61b2a8; + --teal-400:#309a8d; + --teal-500:#008272; + --teal-600:#006f61; + --teal-700:#005b50; + --teal-800:#00483f; + --teal-900:#00342e; + --orange-50:#fdf7f2; + --orange-100:#f5d8c2; + --orange-200:#edb991; + --orange-300:#e49a61; + --orange-400:#dc7b30; + --orange-500:#d45c00; + --orange-600:#b44e00; + --orange-700:#944000; + --orange-800:#753300; + --orange-900:#552500; + --bluegray-50:#f8f9fb; + --bluegray-100:#dee4ed; + --bluegray-200:#c4cfe0; + --bluegray-300:#a9bad2; + --bluegray-400:#8fa4c4; + --bluegray-500:#758fb6; + --bluegray-600:#637a9b; + --bluegray-700:#52647f; + --bluegray-800:#404f64; + --bluegray-900:#2f3949; + --purple-50:#f9f8fd; + --purple-100:#e1dff7; + --purple-200:#cac5f1; + --purple-300:#b2abeb; + --purple-400:#9b92e4; + --purple-500:#8378de; + --purple-600:#6f66bd; + --purple-700:#5c549b; + --purple-800:#48427a; + --purple-900:#343059; + --red-50:#fdf5f5; + --red-100:#f4cecf; + --red-200:#eba8a9; + --red-300:#e28184; + --red-400:#da5b5e; + --red-500:#d13438; + --red-600:#b22c30; + --red-700:#922427; + --red-800:#731d1f; + --red-900:#541516; + --primary-50:#f2f8fd; + --primary-100:#c2dff5; + --primary-200:#91c5ed; + --primary-300:#61abe4; + --primary-400:#3092dc; + --primary-500:#0078d4; + --primary-600:#0066b4; + --primary-700:#005494; + --primary-800:#004275; + --primary-900:#003055; +} + +.p-autocomplete .p-autocomplete-loader { + right: 0.5rem; +} +.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 2.857rem; +} +.p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; + gap: 0.5rem; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + border-color: #323130; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; + border-color: #0078d4; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.25rem 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #323130; + padding: 0; + margin: 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.5rem; + background: #edebe9; + color: #323130; + border-radius: 2px; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; +} + +p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #a4252c; +} + +.p-autocomplete-panel { + background: #ffffff; + color: #323130; + border: 0 none; + border-radius: 2px; + box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px; +} +.p-autocomplete-panel .p-autocomplete-items { + padding: 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.75rem 0.5rem; + border: 1px solid transparent; + color: #323130; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { + color: #323130; + background: #f3f2f1; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #323130; + background: #edebe9; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.75rem 0.5rem; + color: #323130; + background: transparent; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 0.5rem; + color: #0078d4; + background: #ffffff; + font-weight: 600; +} + +p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2rem; +} +p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #605e5c; + right: 0.5rem; +} + +p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #605e5c; + right: 2.857rem; +} + +p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #a4252c; +} + +.p-datepicker { + padding: 0.75rem; + background: #ffffff; + color: #323130; + border: 1px solid #605e5c; + border-radius: 2px; +} +.p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 0 none; + box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px; +} +.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; +} +.p-datepicker .p-datepicker-header { + padding: 0 0.5rem 0.5rem 0.5rem; + color: #323130; + background: #ffffff; + font-weight: 600; + margin: 0; + border-bottom: 0 none; + border-top-right-radius: 2px; + border-top-left-radius: 2px; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2rem; + height: 2rem; + color: #605e5c; + border: 0 none; + background: transparent; + border-radius: 2px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #605e5c; + border-color: transparent; + background: #f3f2f1; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 2rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #323130; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + font-weight: 600; + padding: 0.5rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #0078d4; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; +} +.p-datepicker table { + font-size: 1rem; + margin: 0; +} +.p-datepicker table th { + padding: 0.5rem; +} +.p-datepicker table th > span { + width: 2rem; + height: 2rem; +} +.p-datepicker table td { + padding: 1px; +} +.p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 2px; + transition: box-shadow 0.2s; + border: 0 none; +} +.p-datepicker table td > span.p-highlight { + color: #323130; + background: #edebe9; +} +.p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-datepicker table td.p-datepicker-today > span { + background: #0078d4; + color: #ffffff; + border-color: transparent; +} +.p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #323130; + background: #edebe9; +} +.p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #edebe9; +} +.p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; +} +.p-datepicker .p-timepicker { + border-top: 1px solid #edebe9; + padding: 0.5rem; +} +.p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: #605e5c; + border: 0 none; + background: transparent; + border-radius: 2px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-timepicker button:enabled:hover { + color: #605e5c; + border-color: transparent; + background: #f3f2f1; +} +.p-datepicker .p-timepicker button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; +} +.p-datepicker .p-timepicker span { + font-size: 1.25rem; +} +.p-datepicker .p-timepicker > div { + padding: 0 0.5rem; +} +.p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; +} +.p-datepicker .p-monthpicker { + margin: 0; +} +.p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 1px; + transition: box-shadow 0.2s; + border-radius: 2px; +} +.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #323130; + background: #edebe9; +} +.p-datepicker .p-yearpicker { + margin: 0; +} +.p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 1px; + transition: box-shadow 0.2s; + border-radius: 2px; +} +.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #323130; + background: #edebe9; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #edebe9; + padding-right: 0.75rem; + padding-left: 0.75rem; + padding-top: 0; + padding-bottom: 0; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: #f3f2f1; +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: #f3f2f1; +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: #f3f2f1; +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} + +p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2rem; +} +p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #605e5c; + right: 0.5rem; +} + +p-calendar.p-calendar-clearable.p-calendar-w-btn .p-calendar-clear-icon { + color: #605e5c; + right: 2.857rem; +} + +@media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } +} +.p-cascadeselect { + background: #ffffff; + border: 1px solid #605e5c; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 2px; +} +.p-cascadeselect:not(.p-disabled):hover { + border-color: #323130; +} +.p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; + border-color: #0078d4; +} +.p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.5rem; +} +.p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #605e5c; +} +.p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #605e5c; + width: 2.357rem; + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +.p-cascadeselect-panel { + background: #ffffff; + color: #323130; + border: 0 none; + border-radius: 2px; + box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px; +} +.p-cascadeselect-panel .p-cascadeselect-items { + padding: 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 1px solid transparent; + color: #323130; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 0.5rem; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #605e5c; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #323130; + background: #edebe9; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #323130; + background: #f3f2f1; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; +} + +p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #a4252c; +} + +.p-input-filled .p-cascadeselect { + background: #faf9f8; +} +.p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #faf9f8; +} +.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #faf9f8; +} + +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.5rem; +} +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #605e5c; + right: 2.357rem; +} + +.p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; +} +.p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); +} + +.p-checkbox { + width: 20px; + height: 20px; +} +.p-checkbox .p-checkbox-box { + border: 1px solid #605e5c; + background: #ffffff; + width: 20px; + height: 20px; + color: #323130; + border-radius: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #ffffff; + font-size: 14px; +} +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #0078d4; + background: #0078d4; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #323130; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; + border-color: #0078d4; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #005a9e; + background: #005a9e; + color: #ffffff; +} + +p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #a4252c; +} + +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #faf9f8; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #0078d4; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #faf9f8; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #005a9e; +} + +.p-checkbox-label { + margin-left: 0.5rem; +} + +.p-chips .p-chips-multiple-container { + padding: 0.25rem 0.5rem; + gap: 0.5rem; +} +.p-chips .p-chips-multiple-container:not(.p-disabled):hover { + border-color: #323130; +} +.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; + border-color: #0078d4; +} +.p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.5rem; + background: #edebe9; + color: #323130; + border-radius: 2px; +} +.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; +} +.p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.25rem 0; +} +.p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #323130; + padding: 0; + margin: 0; +} + +p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #a4252c; +} + +p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.5rem; +} +p-chips.p-chips-clearable .p-chips-clear-icon { + color: #605e5c; + right: 0.5rem; +} + +.p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; +} + +.p-colorpicker-panel { + background: #323232; + border: 1px solid #191919; +} +.p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; +} + +.p-colorpicker-overlay-panel { + box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px; +} + +.p-dropdown { + background: #ffffff; + border: 1px solid #605e5c; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 2px; +} +.p-dropdown:not(.p-disabled):hover { + border-color: #323130; +} +.p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; + border-color: #0078d4; +} +.p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.5rem; +} +.p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; +} +.p-dropdown .p-dropdown-label.p-placeholder { + color: #605e5c; +} +.p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-dropdown .p-dropdown-trigger { + background: transparent; + color: #605e5c; + width: 2.357rem; + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} +.p-dropdown .p-dropdown-clear-icon { + color: #605e5c; + right: 2.357rem; +} + +.p-dropdown-panel { + background: #ffffff; + color: #323130; + border: 0 none; + border-radius: 2px; + box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px; +} +.p-dropdown-panel .p-dropdown-header { + padding: 0.75rem 0.5rem; + border-bottom: 1px solid #edebe9; + color: #323130; + background: #ffffff; + margin: 0; + border-top-right-radius: 2px; + border-top-left-radius: 2px; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.5rem; + margin-right: -1.5rem; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.5rem; + color: #605e5c; +} +.p-dropdown-panel .p-dropdown-items { + padding: 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.75rem 0.5rem; + border: 1px solid transparent; + color: #323130; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #323130; + background: #edebe9; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #323130; + background: #f3f2f1; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 0.5rem; + color: #323130; + background: transparent; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 0.5rem; + color: #0078d4; + background: #ffffff; + font-weight: 600; +} + +p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #a4252c; +} + +.p-input-filled .p-dropdown { + background: #faf9f8; +} +.p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #faf9f8; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #faf9f8; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; +} + +.p-editor-container .p-editor-toolbar { + background: #faf9f8; + border-top-right-radius: 2px; + border-top-left-radius: 2px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #a19f9d; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #605e5c; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #605e5c; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #605e5c; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #323130; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #323130; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #323130; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #323130; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #323130; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #323130; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px; + border-radius: 2px; + padding: 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #323130; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #323130; + background: #f3f2f1; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 0.5rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #a19f9d; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #323130; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #323130; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #323130; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #323130; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #0078d4; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #0078d4; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #0078d4; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #0078d4; +} + +.p-inputgroup-addon { + background: #f3f2f1; + color: #605e5c; + border-top: 1px solid #605e5c; + border-left: 1px solid #605e5c; + border-bottom: 1px solid #605e5c; + padding: 0.5rem 0.5rem; + min-width: 2.357rem; +} +.p-inputgroup-addon:last-child { + border-right: 1px solid #605e5c; +} + +.p-inputgroup > .p-component, +.p-inputgroup > .p-element, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; +} +.p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-element + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; +} +.p-inputgroup > .p-component:focus, +.p-inputgroup > .p-element:focus, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; +} +.p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-element:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; +} + +.p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +.p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +.p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +.p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +.p-fluid .p-inputgroup .p-button { + width: auto; +} +.p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.357rem; +} + +p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #a4252c; +} + +p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2rem; +} +p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #605e5c; + right: 0.5rem; +} + +p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #a4252c; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #605e5c; + right: 0.5rem; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 2.857rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 2.857rem; +} + +.p-inputswitch { + width: 3rem; + height: 1.75rem; +} +.p-inputswitch .p-inputswitch-slider { + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; +} +.p-inputswitch .p-inputswitch-slider:before { + background: #605e5c; + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition-duration: 0.2s; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1.25rem); +} +.p-inputswitch.p-focus .p-inputswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #ffffff; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #0078d4; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; +} +.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #005a9e; +} + +p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + border-color: #a4252c; +} + +.p-inputtext { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #323130; + background: #ffffff; + padding: 0.5rem 0.5rem; + border: 1px solid #605e5c; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + appearance: none; + border-radius: 2px; +} +.p-inputtext:enabled:hover { + border-color: #323130; +} +.p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; + border-color: #0078d4; +} +.p-inputtext.ng-dirty.ng-invalid { + border-color: #a4252c; +} +.p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.4375rem; +} +.p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.625rem; +} + +.p-float-label > label { + left: 0.5rem; + color: #605e5c; + transition-duration: 0.2s; +} + +.p-float-label > .ng-invalid.ng-dirty + label { + color: #a4252c; +} + +.p-input-icon-left > i:first-of-type { + left: 0.5rem; + color: #605e5c; +} + +.p-input-icon-left > .p-inputtext { + padding-left: 2rem; +} + +.p-input-icon-left.p-float-label > label { + left: 2rem; +} + +.p-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #605e5c; +} + +.p-input-icon-right > .p-inputtext { + padding-right: 2rem; +} + +::-webkit-input-placeholder { + color: #605e5c; +} + +:-moz-placeholder { + color: #605e5c; +} + +::-moz-placeholder { + color: #605e5c; +} + +:-ms-input-placeholder { + color: #605e5c; +} + +.p-input-filled .p-inputtext { + background-color: #faf9f8; +} +.p-input-filled .p-inputtext:enabled:hover { + background-color: #faf9f8; +} +.p-input-filled .p-inputtext:enabled:focus { + background-color: #faf9f8; +} + +.p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.4375rem; +} + +.p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.625rem; +} + +.p-listbox { + background: #ffffff; + color: #323130; + border: 1px solid #605e5c; + border-radius: 2px; +} +.p-listbox .p-listbox-header { + padding: 0.75rem 0.5rem; + border-bottom: 1px solid #edebe9; + color: #323130; + background: #ffffff; + margin: 0; + border-top-right-radius: 2px; + border-top-left-radius: 2px; +} +.p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.5rem; +} +.p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.5rem; + color: #605e5c; +} +.p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list { + padding: 0; +} +.p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.75rem 0.5rem; + border: 1px solid transparent; + color: #323130; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #323130; + background: #edebe9; +} +.p-listbox .p-listbox-list .p-listbox-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #605e5c; +} +.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.75rem 0.5rem; + color: #0078d4; + background: #ffffff; + font-weight: 600; +} +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.75rem 0.5rem; + color: #323130; + background: transparent; +} +.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #323130; + background: #f3f2f1; +} + +p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #a4252c; +} + +.p-multiselect { + background: #ffffff; + border: 1px solid #605e5c; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 2px; +} +.p-multiselect:not(.p-disabled):hover { + border-color: #323130; +} +.p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; + border-color: #0078d4; +} +.p-multiselect .p-multiselect-label { + padding: 0.5rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-multiselect .p-multiselect-label.p-placeholder { + color: #605e5c; +} +.p-multiselect.p-multiselect-chip .p-multiselect-label { + gap: 0.5rem; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.5rem; + background: #edebe9; + color: #323130; + border-radius: 2px; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; +} +.p-multiselect .p-multiselect-trigger { + background: transparent; + color: #605e5c; + width: 2.357rem; + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.5rem; +} + +.p-multiselect-panel { + background: #ffffff; + color: #323130; + border: 0 none; + border-radius: 2px; + box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px; +} +.p-multiselect-panel .p-multiselect-header { + padding: 0.75rem 0.5rem; + border-bottom: 1px solid #edebe9; + color: #323130; + background: #ffffff; + margin: 0; + border-top-right-radius: 2px; + border-top-left-radius: 2px; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.5rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.5rem; + color: #605e5c; +} +.p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: #605e5c; + border: 0 none; + background: transparent; + border-radius: 2px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #605e5c; + border-color: transparent; + background: #f3f2f1; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-multiselect-panel .p-multiselect-items { + padding: 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.75rem 0.5rem; + border: 1px solid transparent; + color: #323130; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #323130; + background: #edebe9; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #323130; + background: #f3f2f1; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #605e5c; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.75rem 0.5rem; + color: #0078d4; + background: #ffffff; + font-weight: 600; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.75rem 0.5rem; + color: #323130; + background: transparent; +} + +p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #a4252c; +} + +.p-input-filled .p-multiselect { + background: #faf9f8; +} +.p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #faf9f8; +} +.p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #faf9f8; +} + +p-multiselect.p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.5rem; +} +p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { + color: #605e5c; + right: 2.357rem; +} + +p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #a4252c; +} + +.p-password-panel { + padding: 1rem; + background: #ffffff; + color: #323130; + border: 0 none; + box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px; + border-radius: 2px; +} +.p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #edebe9; +} +.p-password-panel .p-password-meter .p-password-strength.weak { + background: #d13438; +} +.p-password-panel .p-password-meter .p-password-strength.medium { + background: #ffaa44; +} +.p-password-panel .p-password-meter .p-password-strength.strong { + background: #498205; +} + +p-password.p-password-clearable .p-password-input { + padding-right: 2rem; +} +p-password.p-password-clearable .p-password-clear-icon { + color: #605e5c; + right: 0.5rem; +} + +p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 3.5rem; +} +p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #605e5c; + right: 2rem; +} + +.p-radiobutton { + width: 20px; + height: 20px; +} +.p-radiobutton .p-radiobutton-box { + border: 1px solid #605e5c; + background: #ffffff; + width: 20px; + height: 20px; + color: #323130; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #323130; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; + border-color: #0078d4; +} +.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 12px; + height: 12px; + transition-duration: 0.2s; + background-color: #0078d4; +} +.p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #0078d4; + background: #ffffff; +} +.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #005a9e; + background: #ffffff; + color: #005a9e; +} + +p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #a4252c; +} + +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #faf9f8; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #faf9f8; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #ffffff; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #ffffff; +} + +.p-radiobutton-label { + margin-left: 0.5rem; +} + +.p-rating .p-rating-icon { + color: #323130; + margin-left: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + font-size: 1.143rem; +} +.p-rating .p-rating-icon.p-rating-cancel { + color: #a4252c; +} +.p-rating .p-rating-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-rating .p-rating-icon:first-child { + margin-left: 0; +} +.p-rating .p-rating-icon.pi-star-fill { + color: #323130; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + color: #0078d4; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + color: #a4252c; +} + +.p-selectbutton .p-button { + background: #ffffff; + border: 1px solid #605e5c; + color: #323130; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #605e5c; +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f3f2f1; + border-color: #605e5c; + color: #323130; +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #605e5c; +} +.p-selectbutton .p-button.p-highlight { + background: #edebe9; + border-color: #605e5c; + color: #323130; +} +.p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #323130; +} +.p-selectbutton .p-button.p-highlight:hover { + background: #edebe9; + border-color: #605e5c; + color: #323130; +} +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #323130; +} + +p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #a4252c; +} + +.p-slider { + background: #c8c6c4; + border: 0 none; + border-radius: 2px; +} +.p-slider.p-slider-horizontal { + height: 4px; +} +.p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -8px; + margin-left: -8px; +} +.p-slider.p-slider-vertical { + width: 4px; +} +.p-slider.p-slider-vertical .p-slider-handle { + margin-left: -8px; + margin-bottom: -8px; +} +.p-slider .p-slider-handle { + height: 16px; + width: 16px; + background: #ffffff; + border: 2px solid #605e5c; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-slider .p-slider-range { + background: #605e5c; +} +.p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #ffffff; + border-color: #005a9e; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; +} + +.p-togglebutton.p-button { + background: #ffffff; + border: 1px solid #605e5c; + color: #323130; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #605e5c; +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f3f2f1; + border-color: #605e5c; + color: #323130; +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #605e5c; +} +.p-togglebutton.p-button.p-highlight { + background: #edebe9; + border-color: #605e5c; + color: #323130; +} +.p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #323130; +} +.p-togglebutton.p-button.p-highlight:hover { + background: #edebe9; + border-color: #605e5c; + color: #323130; +} +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #323130; +} + +p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #a4252c; +} + +.p-treeselect { + background: #ffffff; + border: 1px solid #605e5c; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 2px; +} +.p-treeselect:not(.p-disabled):hover { + border-color: #323130; +} +.p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; + border-color: #0078d4; +} +.p-treeselect .p-treeselect-label { + padding: 0.5rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-treeselect .p-treeselect-label.p-placeholder { + color: #605e5c; +} +.p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.5rem; + margin-right: 0.5rem; + background: #edebe9; + color: #323130; + border-radius: 16px; +} +.p-treeselect .p-treeselect-trigger { + background: transparent; + color: #605e5c; + width: 2.357rem; + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #a4252c; +} + +.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.5rem; +} + +.p-treeselect-panel { + background: #ffffff; + color: #323130; + border: 0 none; + border-radius: 2px; + box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px; +} +.p-treeselect-panel .p-treeselect-header { + padding: 0.75rem 0.5rem; + border-bottom: 1px solid #edebe9; + color: #323130; + background: #ffffff; + margin: 0; + border-top-right-radius: 2px; + border-top-left-radius: 2px; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.5rem; + color: #605e5c; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: #605e5c; + border: 0 none; + background: transparent; + border-radius: 2px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #605e5c; + border-color: transparent; + background: #f3f2f1; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.75rem 0.5rem; + color: #323130; + background: transparent; +} + +.p-input-filled .p-treeselect { + background: #faf9f8; +} +.p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #faf9f8; +} +.p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #faf9f8; +} + +p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.5rem; +} +p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #605e5c; + right: 2.357rem; +} + +.p-button { + color: #ffffff; + background: #0078d4; + border: 1px solid #0078d4; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 2px; +} +.p-button:enabled:hover { + background: #106ebe; + color: #ffffff; + border-color: #106ebe; +} +.p-button:enabled:active { + background: #005a9e; + color: #ffffff; + border-color: #005a9e; +} +.p-button.p-button-outlined { + background-color: transparent; + color: #0078d4; + border: 1px solid; +} +.p-button.p-button-outlined:enabled:hover { + background: rgba(0, 120, 212, 0.04); + color: #0078d4; + border: 1px solid; +} +.p-button.p-button-outlined:enabled:active { + background: rgba(0, 120, 212, 0.16); + color: #0078d4; + border: 1px solid; +} +.p-button.p-button-outlined.p-button-plain { + color: #605e5c; + border-color: #605e5c; +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: #f3f2f1; + color: #605e5c; +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: #edebe9; + color: #605e5c; +} +.p-button.p-button-text { + background-color: transparent; + color: #0078d4; + border-color: transparent; +} +.p-button.p-button-text:enabled:hover { + background: rgba(0, 120, 212, 0.04); + color: #0078d4; + border-color: transparent; +} +.p-button.p-button-text:enabled:active { + background: rgba(0, 120, 212, 0.16); + color: #0078d4; + border-color: transparent; +} +.p-button.p-button-text.p-button-plain { + color: #605e5c; +} +.p-button.p-button-text.p-button-plain:enabled:hover { + background: #f3f2f1; + color: #605e5c; +} +.p-button.p-button-text.p-button-plain:enabled:active { + background: #edebe9; + color: #605e5c; +} +.p-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-button .p-button-label { + transition-duration: 0.2s; +} +.p-button .p-button-icon-left { + margin-right: 0.5rem; +} +.p-button .p-button-icon-right { + margin-left: 0.5rem; +} +.p-button .p-button-icon-bottom { + margin-top: 0.5rem; +} +.p-button .p-button-icon-top { + margin-bottom: 0.5rem; +} +.p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #0078d4; + background-color: #ffffff; +} +.p-button.p-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); +} +.p-button.p-button-rounded { + border-radius: 2rem; +} +.p-button.p-button-icon-only { + width: 2.357rem; + padding: 0.5rem 0; +} +.p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; +} +.p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.357rem; +} +.p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; +} +.p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; +} +.p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; +} +.p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; +} +.p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; +} +.p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; +} + +.p-fluid .p-button { + width: 100%; +} +.p-fluid .p-button-icon-only { + width: 2.357rem; +} +.p-fluid .p-buttonset { + display: flex; +} +.p-fluid .p-buttonset .p-button { + flex: 1; +} + +.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + color: #ffffff; + background: #d45c00; + border: 1px solid #d45c00; +} +.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + background: #bf5300; + color: #ffffff; + border-color: #bf5300; +} +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #ffbc88; +} +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: #aa4a00; + color: #ffffff; + border-color: #aa4a00; +} +.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + background-color: transparent; + color: #d45c00; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + background: rgba(212, 92, 0, 0.04); + color: #d45c00; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(212, 92, 0, 0.16); + color: #d45c00; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + background-color: transparent; + color: #d45c00; + border-color: transparent; +} +.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + background: rgba(212, 92, 0, 0.04); + border-color: transparent; + color: #d45c00; +} +.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + background: rgba(212, 92, 0, 0.16); + border-color: transparent; + color: #d45c00; +} + +.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #00b7c3; + border: 1px solid #00b7c3; +} +.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + background: #00a5b0; + color: #ffffff; + border-color: #00a5b0; +} +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #81f7ff; +} +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: #00929c; + color: #ffffff; + border-color: #00929c; +} +.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + background-color: transparent; + color: #00b7c3; + border: 1px solid; +} +.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + background: rgba(0, 183, 195, 0.04); + color: #00b7c3; + border: 1px solid; +} +.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(0, 183, 195, 0.16); + color: #00b7c3; + border: 1px solid; +} +.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + background-color: transparent; + color: #00b7c3; + border-color: transparent; +} +.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + background: rgba(0, 183, 195, 0.04); + border-color: transparent; + color: #00b7c3; +} +.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + background: rgba(0, 183, 195, 0.16); + border-color: transparent; + color: #00b7c3; +} + +.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #498205; + border: 1px solid #498205; +} +.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + background: #427505; + color: #ffffff; + border-color: #427505; +} +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #baf96f; +} +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: #3a6804; + color: #ffffff; + border-color: #3a6804; +} +.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + background-color: transparent; + color: #498205; + border: 1px solid; +} +.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + background: rgba(73, 130, 5, 0.04); + color: #498205; + border: 1px solid; +} +.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(73, 130, 5, 0.16); + color: #498205; + border: 1px solid; +} +.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + background-color: transparent; + color: #498205; + border-color: transparent; +} +.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + background: rgba(73, 130, 5, 0.04); + border-color: transparent; + color: #498205; +} +.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + background: rgba(73, 130, 5, 0.16); + border-color: transparent; + color: #498205; +} + +.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #323130; + background: #ffaa44; + border: 1px solid #ffaa44; +} +.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + background: #ff9b24; + color: #323130; + border-color: #ff9b24; +} +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #ffddb4; +} +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: #ff8d03; + color: #323130; + border-color: #ff8d03; +} +.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + background-color: transparent; + color: #ffaa44; + border: 1px solid; +} +.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + background: rgba(255, 170, 68, 0.04); + color: #ffaa44; + border: 1px solid; +} +.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(255, 170, 68, 0.16); + color: #ffaa44; + border: 1px solid; +} +.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + background-color: transparent; + color: #ffaa44; + border-color: transparent; +} +.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + background: rgba(255, 170, 68, 0.04); + border-color: transparent; + color: #ffaa44; +} +.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + background: rgba(255, 170, 68, 0.16); + border-color: transparent; + color: #ffaa44; +} + +.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #8378de; + border: 1px solid #8378de; +} +.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + background: #6a5dd7; + color: #ffffff; + border-color: #6a5dd7; +} +.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #cdc9f2; +} +.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: #5141d1; + color: #ffffff; + border-color: #5141d1; +} +.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + background-color: transparent; + color: #8378de; + border: 1px solid; +} +.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + background: rgba(131, 120, 222, 0.04); + color: #8378de; + border: 1px solid; +} +.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(131, 120, 222, 0.16); + color: #8378de; + border: 1px solid; +} +.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + background-color: transparent; + color: #8378de; + border-color: transparent; +} +.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + background: rgba(131, 120, 222, 0.04); + border-color: transparent; + color: #8378de; +} +.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + background: rgba(131, 120, 222, 0.16); + border-color: transparent; + color: #8378de; +} + +.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #d13438; + border: 1px solid #d13438; +} +.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + background: #c02b2f; + color: #ffffff; + border-color: #c02b2f; +} +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #edaeaf; +} +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: #aa272a; + color: #ffffff; + border-color: #aa272a; +} +.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + background-color: transparent; + color: #d13438; + border: 1px solid; +} +.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + background: rgba(209, 52, 56, 0.04); + color: #d13438; + border: 1px solid; +} +.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(209, 52, 56, 0.16); + color: #d13438; + border: 1px solid; +} +.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + background-color: transparent; + color: #d13438; + border-color: transparent; +} +.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + background: rgba(209, 52, 56, 0.04); + border-color: transparent; + color: #d13438; +} +.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + background: rgba(209, 52, 56, 0.16); + border-color: transparent; + color: #d13438; +} + +.p-button.p-button-link { + color: #0078d4; + background: transparent; + border: transparent; +} +.p-button.p-button-link:enabled:hover { + background: transparent; + color: #005a9e; + border-color: transparent; +} +.p-button.p-button-link:enabled:hover .p-button-label { + text-decoration: underline; +} +.p-button.p-button-link:enabled:focus { + background: transparent; + box-shadow: 0 0 0 1px #605e5c; + border-color: transparent; +} +.p-button.p-button-link:enabled:active { + background: transparent; + color: #0078d4; + border-color: transparent; +} + +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: #323130; + color: #ffffff; +} +.p-speeddial-action:hover { + background: #605e5c; + color: #ffffff; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +.p-splitbutton { + border-radius: 2px; +} +.p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #0078d4; + border: 1px solid; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(0, 120, 212, 0.04); + color: #0078d4; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(0, 120, 212, 0.16); + color: #0078d4; +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: #605e5c; + border-color: #605e5c; +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: #f3f2f1; + color: #605e5c; +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: #edebe9; + color: #605e5c; +} +.p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #0078d4; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(0, 120, 212, 0.04); + color: #0078d4; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(0, 120, 212, 0.16); + color: #0078d4; + border-color: transparent; +} +.p-splitbutton.p-button-text.p-button-plain > .p-button { + color: #605e5c; +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: #f3f2f1; + color: #605e5c; +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: #edebe9; + color: #605e5c; +} +.p-splitbutton.p-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); +} +.p-splitbutton.p-button-rounded { + border-radius: 2rem; +} +.p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; +} +.p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; +} +.p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; +} +.p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; +} +.p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; +} + +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #d45c00; + border: 1px solid; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(212, 92, 0, 0.04); + color: #d45c00; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(212, 92, 0, 0.16); + color: #d45c00; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #d45c00; + border-color: transparent; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(212, 92, 0, 0.04); + border-color: transparent; + color: #d45c00; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(212, 92, 0, 0.16); + border-color: transparent; + color: #d45c00; +} + +.p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #00b7c3; + border: 1px solid; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(0, 183, 195, 0.04); + color: #00b7c3; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(0, 183, 195, 0.16); + color: #00b7c3; +} +.p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #00b7c3; + border-color: transparent; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(0, 183, 195, 0.04); + border-color: transparent; + color: #00b7c3; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(0, 183, 195, 0.16); + border-color: transparent; + color: #00b7c3; +} + +.p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #498205; + border: 1px solid; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(73, 130, 5, 0.04); + color: #498205; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(73, 130, 5, 0.16); + color: #498205; +} +.p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #498205; + border-color: transparent; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(73, 130, 5, 0.04); + border-color: transparent; + color: #498205; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(73, 130, 5, 0.16); + border-color: transparent; + color: #498205; +} + +.p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #ffaa44; + border: 1px solid; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 170, 68, 0.04); + color: #ffaa44; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 170, 68, 0.16); + color: #ffaa44; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #ffaa44; + border-color: transparent; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 170, 68, 0.04); + border-color: transparent; + color: #ffaa44; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 170, 68, 0.16); + border-color: transparent; + color: #ffaa44; +} + +.p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #8378de; + border: 1px solid; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(131, 120, 222, 0.04); + color: #8378de; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(131, 120, 222, 0.16); + color: #8378de; +} +.p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #8378de; + border-color: transparent; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(131, 120, 222, 0.04); + border-color: transparent; + color: #8378de; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(131, 120, 222, 0.16); + border-color: transparent; + color: #8378de; +} + +.p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #d13438; + border: 1px solid; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(209, 52, 56, 0.04); + color: #d13438; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(209, 52, 56, 0.16); + color: #d13438; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #d13438; + border-color: transparent; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(209, 52, 56, 0.04); + border-color: transparent; + color: #d13438; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(209, 52, 56, 0.16); + border-color: transparent; + color: #d13438; +} + +.p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 2rem; + height: 2rem; + color: #605e5c; + border: 0 none; + background: transparent; + border-radius: 2px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; +} +.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #605e5c; + border-color: transparent; + background: #f3f2f1; +} +.p-carousel .p-carousel-content .p-carousel-prev:focus, +.p-carousel .p-carousel-content .p-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-carousel .p-carousel-indicators { + padding: 1rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #c8c6c4; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #e1dfdd; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #edebe9; + color: #323130; +} + +.p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-datatable .p-datatable-header { + background: #ffffff; + color: #323130; + border: 1px solid #f3f2f1; + border-width: 1px 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 600; +} +.p-datatable .p-datatable-footer { + background: #ffffff; + color: #323130; + border: 1px solid #f3f2f1; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 600; +} +.p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 0.75rem; + border: 1px solid #f3f2f1; + border-width: 0 0 1px 0; + font-weight: 600; + color: #323130; + background: #ffffff; + transition: box-shadow 0.2s; +} +.p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 0.75rem; + border: 1px solid #f3f2f1; + border-width: 0 0 1px 0; + font-weight: 600; + color: #323130; + background: #ffffff; +} +.p-datatable .p-sortable-column .p-sortable-column-icon { + color: #605e5c; + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #323130; + background: #edebe9; + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #f3f2f1; + color: #323130; +} +.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #605e5c; +} +.p-datatable .p-sortable-column.p-highlight { + background: #edebe9; + color: #323130; +} +.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #323130; +} +.p-datatable .p-sortable-column.p-highlight:hover { + background: #f3f2f1; + color: #323130; +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #323130; +} +.p-datatable .p-sortable-column:focus { + box-shadow: inset 0 0 0 0.15rem #605e5c; + outline: 0 none; +} +.p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #323130; + transition: box-shadow 0.2s; +} +.p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #f3f2f1; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 2rem; + height: 2rem; + color: #605e5c; + border: 0 none; + background: transparent; + border-radius: 2px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: #605e5c; + border-color: transparent; + background: #f3f2f1; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; +} +.p-datatable .p-datatable-tbody > tr:focus { + outline: 0.15rem solid #605e5c; + outline-offset: 0.15rem; +} +.p-datatable .p-datatable-tbody > tr.p-highlight { + background: #edebe9; + color: #323130; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #edebe9; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #edebe9; +} +.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #f3f2f1; + color: #323130; +} +.p-datatable .p-column-resizer-helper { + background: #0078d4; +} +.p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #faf9f8; +} +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #ffffff; +} +.p-datatable .p-datatable-loading-icon { + font-size: 2rem; +} +.p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #faf9f8; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #edebe9; + color: #323130; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #323130; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #323130; +} +.p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.375rem; +} +.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.375rem; +} +.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.375rem; +} +.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +.p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.375rem; +} +.p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 0.9375rem; +} +.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 0.9375rem; +} +.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +.p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 0.9375rem; +} + +.p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-dataview .p-dataview-header { + background: #ffffff; + color: #323130; + border: 1px solid #f3f2f1; + border-width: 1px 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 600; +} +.p-dataview .p-dataview-content { + background: #ffffff; + color: #323130; + border: 0 none; + padding: 0; +} +.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { + border: solid #f3f2f1; + border-width: 0 0 1px 0; +} +.p-dataview .p-dataview-footer { + background: #ffffff; + color: #323130; + border: 1px solid #f3f2f1; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 600; + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} +.p-dataview .p-dataview-loading-icon { + font-size: 2rem; +} +.p-dataview .p-dataview-emptymessage { + padding: 1rem; +} + +.p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; +} + +.p-column-filter-menu-button { + width: 2rem; + height: 2rem; + color: #605e5c; + border: 0 none; + background: transparent; + border-radius: 2px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-menu-button:hover { + color: #605e5c; + border-color: transparent; + background: #f3f2f1; +} +.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: #f3f2f1; + color: #605e5c; +} +.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #edebe9; + color: #323130; +} +.p-column-filter-menu-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} + +.p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: #605e5c; + border: 0 none; + background: transparent; + border-radius: 2px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-clear-button:hover { + color: #605e5c; + border-color: transparent; + background: #f3f2f1; +} +.p-column-filter-clear-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} + +.p-column-filter-overlay { + background: #ffffff; + color: #323130; + border: 0 none; + border-radius: 2px; + box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px; + min-width: 12.5rem; +} +.p-column-filter-overlay .p-column-filter-row-items { + padding: 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.75rem 0.5rem; + border: 1px solid transparent; + color: #323130; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #323130; + background: #edebe9; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #323130; + background: #f3f2f1; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #605e5c; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #edebe9; + margin: 0.25rem 0; +} + +.p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem 0.5rem; + border-bottom: 1px solid #edebe9; + color: #323130; + background: #ffffff; + margin: 0; + border-top-right-radius: 2px; + border-top-left-radius: 2px; +} +.p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1rem; + border-bottom: 1px solid #edebe9; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; +} +.p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.5rem 1rem; +} +.p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1rem; +} + +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { + background: #faf9f8; + border: 1px solid #a19f9d; + color: #323130; +} +.fc.fc-unthemed .fc-view-container td.fc-widget-content { + background: #ffffff; + border: 1px solid #a19f9d; + color: #323130; +} +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #a19f9d; +} +.fc.fc-unthemed .fc-view-container .fc-row { + border-right: 1px solid #a19f9d; +} +.fc.fc-unthemed .fc-view-container .fc-event { + background: #0078d4; + border: 1px solid #0078d4; + color: #ffffff; +} +.fc.fc-unthemed .fc-view-container .fc-divider { + background: #faf9f8; + border: 1px solid #a19f9d; +} +.fc.fc-unthemed .fc-toolbar .fc-button { + color: #ffffff; + background: #0078d4; + border: 1px solid #0078d4; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 2px; + display: flex; + align-items: center; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { + background: #106ebe; + color: #ffffff; + border-color: #106ebe; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { + background: #005a9e; + color: #ffffff; + border-color: #005a9e; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-unthemed .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #ffffff; + border: 1px solid #605e5c; + color: #323130; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #f3f2f1; + border-color: #605e5c; + color: #323130; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #edebe9; + border-color: #605e5c; + color: #323130; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #edebe9; + border-color: #605e5c; + color: #323130; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; + z-index: 1; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #a19f9d; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #faf9f8; + border-color: #a19f9d; + color: #323130; +} +.fc.fc-theme-standard .fc-view-harness td { + color: #323130; + border-color: #a19f9d; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover { + background: none; + border: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { + border: 1px solid #a19f9d; + padding: 1rem; + background: #faf9f8; + color: #323130; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { + opacity: 1; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; + font-family: "PrimeIcons" !important; + font-size: 1rem; + width: 2rem; + height: 2rem; + color: #605e5c; + border: 0 none; + background: transparent; + border-radius: 2px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { + content: "\e90b"; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { + color: #605e5c; + border-color: transparent; + background: #f3f2f1; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { + padding: 1rem; + border: 1px solid #a19f9d; + background: #ffffff; + color: #323130; + border-top: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #ffffff; + background: #0078d4; + border-color: #0078d4; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: #0078d4; + border-color: #0078d4; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: #f3f2f1; + color: #323130; +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #faf9f8; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #ffffff; + background: #0078d4; + border: 1px solid #0078d4; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 2px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: #106ebe; + color: #ffffff; + border-color: #106ebe; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: #005a9e; + color: #ffffff; + border-color: #005a9e; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.6; + color: #ffffff; + background: #0078d4; + border: 1px solid #0078d4; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #ffffff; + border: 1px solid #605e5c; + color: #323130; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #f3f2f1; + border-color: #605e5c; + color: #323130; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #edebe9; + border-color: #605e5c; + color: #323130; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #edebe9; + border-color: #605e5c; + color: #323130; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} +.fc.fc-theme-standard a { + color: #323130; +} +.fc.fc-theme-standard .fc-highlight { + color: #323130; + background: #edebe9; +} + +.p-orderlist .p-orderlist-controls { + padding: 1rem; +} +.p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; +} +.p-orderlist .p-orderlist-header { + background: #faf9f8; + color: #323130; + border: 1px solid #a19f9d; + padding: 1rem; + border-bottom: 0 none; + border-top-right-radius: 2px; + border-top-left-radius: 2px; +} +.p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; +} +.p-orderlist .p-orderlist-filter-container { + padding: 1rem; + background: #ffffff; + border: 1px solid #a19f9d; + border-bottom: 0 none; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.5rem; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.5rem; + color: #605e5c; +} +.p-orderlist .p-orderlist-list { + border: 1px solid #a19f9d; + background: #ffffff; + color: #323130; + padding: 0; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; +} +.p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.75rem 0.5rem; + margin: 0; + border: 1px solid transparent; + color: #323130; + background: transparent; + transition: box-shadow 0.2s; +} +.p-orderlist .p-orderlist-list .p-orderlist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #605e5c; +} +.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #323130; + background: #edebe9; +} +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.75rem 0.5rem; + color: #323130; +} +.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #f3f2f1; + color: #323130; +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #faf9f8; +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: #f3f2f1; +} + +.p-orderlist-item.cdk-drag-preview { + padding: 0.75rem 0.5rem; + box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px; + border: 1px solid transparent; + color: #323130; + background: #ffffff; + margin: 0; +} + +.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #f3f2f1; + color: #323130; +} +.p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #edebe9; + color: #323130; +} +.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #b4aba3; +} +.p-organizationchart .p-organizationchart-line-down { + background: #a19f9d; +} +.p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #a19f9d; + border-color: #a19f9d; +} +.p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #a19f9d; + border-color: #a19f9d; +} +.p-organizationchart .p-organizationchart-node-content { + border: 1px solid #a19f9d; + background: #ffffff; + color: #323130; + padding: 1rem; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} + +.p-paginator { + background: #ffffff; + color: #605e5c; + border: solid #f3f2f1; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 2px; +} +.p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: #605e5c; + min-width: 2.357rem; + height: 2.357rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 2px; +} +.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: #f3f2f1; + border-color: transparent; + color: #323130; +} +.p-paginator .p-paginator-first { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} +.p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.357rem; +} +.p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; +} +.p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; +} +.p-paginator .p-paginator-page-input .p-inputtext { + max-width: 2.357rem; +} +.p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #605e5c; + min-width: 2.357rem; + height: 2.357rem; + margin: 0.143rem; + padding: 0 0.5rem; +} +.p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #605e5c; + min-width: 2.357rem; + height: 2.357rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 2px; +} +.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #edebe9; + border-color: #edebe9; + color: #323130; +} +.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #f3f2f1; + border-color: transparent; + color: #323130; +} + +.p-picklist .p-picklist-buttons { + padding: 1rem; +} +.p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; +} +.p-picklist .p-picklist-header { + background: #faf9f8; + color: #323130; + border: 1px solid #a19f9d; + padding: 1rem; + border-bottom: 0 none; + border-top-right-radius: 2px; + border-top-left-radius: 2px; +} +.p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; +} +.p-picklist .p-picklist-filter-container { + padding: 1rem; + background: #ffffff; + border: 1px solid #a19f9d; + border-bottom: 0 none; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.5rem; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.5rem; + color: #605e5c; +} +.p-picklist .p-picklist-list { + border: 1px solid #a19f9d; + background: #ffffff; + color: #323130; + padding: 0; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; +} +.p-picklist .p-picklist-list .p-picklist-item { + padding: 0.75rem 0.5rem; + margin: 0; + border: 1px solid transparent; + color: #323130; + background: transparent; + transition: box-shadow 0.2s; +} +.p-picklist .p-picklist-list .p-picklist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #605e5c; +} +.p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #323130; + background: #edebe9; +} +.p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.75rem 0.5rem; + color: #323130; +} +.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #f3f2f1; + color: #323130; +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #faf9f8; +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: #f3f2f1; +} + +.p-picklist-item.cdk-drag-preview { + padding: 0.75rem 0.5rem; + box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px; + border: 1px solid transparent; + color: #323130; + background: #ffffff; + margin: 0; +} + +.p-timeline .p-timeline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #0078d4; +} +.p-timeline .p-timeline-event-connector { + background-color: #a19f9d; +} +.p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; +} +.p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; +} + +.p-tree { + border: 1px solid #a19f9d; + background: #ffffff; + color: #323130; + padding: 1rem; + border-radius: 2px; +} +.p-tree .p-tree-container .p-treenode { + padding: 0.143rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 2px; + transition: box-shadow 0.2s; + padding: 0.5rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 2rem; + height: 2rem; + color: #605e5c; + border: 0 none; + background: transparent; + border-radius: 2px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #605e5c; + border-color: transparent; + background: #f3f2f1; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #605e5c; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #323130; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #605e5c; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #edebe9; + color: #323130; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #323130; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #323130; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f3f2f1; + color: #323130; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #f3f2f1; + color: #323130; +} +.p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; +} +.p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.5rem; +} +.p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.5rem; + color: #605e5c; +} +.p-tree .p-treenode-children { + padding: 0 0 0 1rem; +} +.p-tree .p-tree-loading-icon { + font-size: 2rem; +} +.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: #c3bcb5; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 2px; + border: 1px solid #a19f9d; + background-color: #ffffff; + color: #323130; + padding: 0.5rem; + transition: box-shadow 0.2s; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #edebe9; + color: #323130; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #323130; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: #605e5c; + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f3f2f1; + color: #323130; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} + +.p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-treetable .p-treetable-header { + background: #ffffff; + color: #323130; + border: 1px solid #f3f2f1; + border-width: 1px 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 600; +} +.p-treetable .p-treetable-footer { + background: #ffffff; + color: #323130; + border: 1px solid #f3f2f1; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 600; +} +.p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 0.75rem; + border: 1px solid #f3f2f1; + border-width: 0 0 1px 0; + font-weight: 600; + color: #323130; + background: #ffffff; + transition: box-shadow 0.2s; +} +.p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 0.75rem; + border: 1px solid #f3f2f1; + border-width: 0 0 1px 0; + font-weight: 600; + color: #323130; + background: #ffffff; +} +.p-treetable .p-sortable-column { + outline-color: #605e5c; +} +.p-treetable .p-sortable-column .p-sortable-column-icon { + color: #605e5c; + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #323130; + background: #edebe9; + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #f3f2f1; + color: #323130; +} +.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #605e5c; +} +.p-treetable .p-sortable-column.p-highlight { + background: #edebe9; + color: #323130; +} +.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #323130; +} +.p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #323130; + transition: box-shadow 0.2s; +} +.p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #f3f2f1; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: #605e5c; + border: 0 none; + background: transparent; + border-radius: 2px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #605e5c; + border-color: transparent; + background: #f3f2f1; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #323130; +} +.p-treetable .p-treetable-tbody > tr:focus { + outline: 0.15rem solid #605e5c; + outline-offset: -0.15rem; +} +.p-treetable .p-treetable-tbody > tr.p-highlight { + background: #edebe9; + color: #323130; +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #323130; +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #323130; +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: #f3f2f1; + color: #323130; +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #323130; +} +.p-treetable .p-column-resizer-helper { + background: #0078d4; +} +.p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #faf9f8; +} +.p-treetable .p-treetable-loading-icon { + font-size: 2rem; +} +.p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.65625rem 0.65625rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.375rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.375rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.375rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 0.9375rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 0.9375rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 0.9375rem; +} + +.p-virtualscroller .p-virtualscroller-header { + background: #ffffff; + color: #323130; + border: 1px solid #f3f2f1; + border-width: 1px 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 600; +} +.p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #323130; + border: 0 none; + padding: 0; +} +.p-virtualscroller .p-virtualscroller-footer { + background: #ffffff; + color: #323130; + border: 1px solid #f3f2f1; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 600; + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +.p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1rem; + border: 1px solid #a19f9d; + color: #323130; + background: #faf9f8; + font-weight: 600; + border-radius: 2px; + transition: box-shadow 0.2s; +} +.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; +} +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #f3f2f1; + border-color: #a19f9d; + color: #323130; +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #faf9f8; + border-color: #a19f9d; + color: #323130; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #a19f9d; + background: #f3f2f1; + color: #323130; +} +.p-accordion .p-accordion-content { + padding: 1rem; + border: 1px solid #a19f9d; + background: #ffffff; + color: #323130; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; +} +.p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 4px; +} + +.p-card { + background: #ffffff; + color: #323130; + box-shadow: rgba(0, 0, 0, 0.133) 0px 1.6px 3.6px 0px, rgba(0, 0, 0, 0.11) 0px 0.3px 0.9px 0px; + border-radius: 2px; +} +.p-card .p-card-body { + padding: 1rem; +} +.p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +.p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #605e5c; +} +.p-card .p-card-content { + padding: 1rem 0; +} +.p-card .p-card-footer { + padding: 1rem 0 0 0; +} + +.p-divider .p-divider-content { + background-color: #ffffff; +} +.p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +.p-divider.p-divider-horizontal:before { + border-top: 1px #edebe9; +} +.p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; +} +.p-divider.p-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; +} +.p-divider.p-divider-vertical:before { + border-left: 1px #edebe9; +} +.p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; +} + +.p-fieldset { + border: 1px solid #a19f9d; + background: #ffffff; + color: #323130; + border-radius: 2px; +} +.p-fieldset .p-fieldset-legend { + padding: 1rem; + border: 1px solid #a19f9d; + color: #323130; + background: #faf9f8; + font-weight: 600; + border-radius: 2px; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1rem; + color: #323130; + border-radius: 2px; + transition: box-shadow 0.2s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #f3f2f1; + border-color: #a19f9d; + color: #323130; +} +.p-fieldset .p-fieldset-content { + padding: 1rem; +} + +.p-panel .p-panel-header { + border: 1px solid #a19f9d; + padding: 1rem; + background: #faf9f8; + color: #323130; + border-top-right-radius: 2px; + border-top-left-radius: 2px; +} +.p-panel .p-panel-header .p-panel-title { + font-weight: 600; +} +.p-panel .p-panel-header .p-panel-header-icon { + width: 2rem; + height: 2rem; + color: #605e5c; + border: 0 none; + background: transparent; + border-radius: 2px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #605e5c; + border-color: transparent; + background: #f3f2f1; +} +.p-panel .p-panel-header .p-panel-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-panel.p-panel-toggleable .p-panel-header { + padding: 0.5rem 1rem; +} +.p-panel .p-panel-content { + padding: 1rem; + border: 1px solid #a19f9d; + background: #ffffff; + color: #323130; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; + border-top: 0 none; +} +.p-panel .p-panel-footer { + padding: 0.5rem 1rem; + border: 1px solid #a19f9d; + background: #ffffff; + color: #323130; + border-top: 0 none; +} +.p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; +} +.p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; +} +.p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; +} + +.p-scrollpanel .p-scrollpanel-bar { + background: #f3f2f1; + border: 0 none; +} + +.p-splitter { + border: 1px solid #a19f9d; + background: #ffffff; + border-radius: 2px; + color: #323130; +} +.p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: #faf9f8; +} +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #edebe9; +} +.p-splitter .p-splitter-gutter-resizing { + background: #edebe9; +} + +.p-tabview .p-tabview-nav { + background: #ffffff; + border: 0 none; + border-width: 0 0 2px 0; +} +.p-tabview .p-tabview-nav li { + margin-right: 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #a19f9d; + border-width: 0 0 2px 0; + border-color: transparent transparent transparent transparent; + background: #ffffff; + color: #605e5c; + padding: 1rem; + font-weight: 600; + border-top-right-radius: 2px; + border-top-left-radius: 2px; + transition: box-shadow 0.2s; + margin: 0 0.5rem -2px 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset inset 0 0 0 1px #605e5c; +} +.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #f3f2f1; + border-color: transparent; + color: #605e5c; +} +.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #0078d4; + color: #323130; +} +.p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; +} +.p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-close { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #323130; + width: 2.357rem; + 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); + border-radius: 0; +} +.p-tabview .p-tabview-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset inset 0 0 0 1px #605e5c; +} +.p-tabview .p-tabview-panels { + background: #ffffff; + padding: 1rem; + border: 0 none; + color: #323130; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; +} + +.p-toolbar { + background: #faf9f8; + border: 1px solid #a19f9d; + padding: 1rem; + border-radius: 2px; + gap: 0.5rem; +} +.p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; +} + +.p-confirm-popup { + background: #ffffff; + color: #323130; + border: 0 none; + border-radius: 2px; + box-shadow: rgba(0, 0, 0, 0.133) 0px 6.4px 14.4px 0px, rgba(0, 0, 0, 0.11) 0px 1.2px 3.6px 0px; +} +.p-confirm-popup .p-confirm-popup-content { + padding: 1rem; +} +.p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.5rem 1rem; +} +.p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; +} +.p-confirm-popup:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +.p-confirm-popup:before { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +.p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #ffffff; +} +.p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #ffffff; +} +.p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; +} +.p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; +} + +.p-dialog { + border-radius: 2px; + box-shadow: rgba(0, 0, 0, 0.133) 0px 6.4px 14.4px 0px, rgba(0, 0, 0, 0.11) 0px 1.2px 3.6px 0px; + border: 0 none; +} +.p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: #323130; + padding: 1.5rem; + border-top-right-radius: 2px; + border-top-left-radius: 2px; +} +.p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.5rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: #605e5c; + border: 0 none; + background: transparent; + border-radius: 2px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #605e5c; + border-color: transparent; + background: #f3f2f1; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; +} +.p-dialog .p-dialog-content { + background: #ffffff; + color: #323130; + padding: 0 1.5rem 2rem 1.5rem; +} +.p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; +} +.p-dialog .p-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: #323130; + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; +} +.p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; +} + +.p-overlaypanel { + background: #ffffff; + color: #323130; + border: 0 none; + border-radius: 2px; + box-shadow: rgba(0, 0, 0, 0.133) 0px 6.4px 14.4px 0px, rgba(0, 0, 0, 0.11) 0px 1.2px 3.6px 0px; +} +.p-overlaypanel .p-overlaypanel-content { + padding: 1rem; +} +.p-overlaypanel .p-overlaypanel-close { + background: #0078d4; + color: #ffffff; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 2px; + position: absolute; + top: -1rem; + right: -1rem; +} +.p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #106ebe; + color: #ffffff; +} +.p-overlaypanel:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +.p-overlaypanel:before { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #f2f2f2; +} +.p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #ffffff; +} +.p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #ffffff; +} + +.p-sidebar { + background: #ffffff; + color: #323130; + border: 0 none; + box-shadow: rgba(0, 0, 0, 0.133) 0px 6.4px 14.4px 0px, rgba(0, 0, 0, 0.11) 0px 1.2px 3.6px 0px; +} +.p-sidebar .p-sidebar-header { + padding: 1rem; +} +.p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: #605e5c; + border: 0 none; + background: transparent; + border-radius: 2px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #605e5c; + border-color: transparent; + background: #f3f2f1; +} +.p-sidebar .p-sidebar-header .p-sidebar-close:focus, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; +} +.p-sidebar .p-sidebar-content { + padding: 1rem; +} +.p-sidebar .p-sidebar-footer { + padding: 1rem; +} + +.p-tooltip .p-tooltip-text { + background: #ffffff; + color: #323130; + padding: 0.5rem 0.5rem; + box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px; + border-radius: 2px; +} +.p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #ffffff; +} +.p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #ffffff; +} +.p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #ffffff; +} +.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #ffffff; +} + +.p-fileupload .p-fileupload-buttonbar { + background: #faf9f8; + padding: 1rem; + border: 1px solid #a19f9d; + color: #323130; + border-bottom: 0 none; + border-top-right-radius: 2px; + border-top-left-radius: 2px; +} +.p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; +} +.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 2rem 1rem; + border: 1px solid #a19f9d; + color: #323130; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; +} +.p-fileupload .p-progressbar { + height: 2px; +} +.p-fileupload .p-fileupload-row > div { + padding: 0.75rem 0.75rem; +} +.p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; +} + +.p-fileupload-choose:not(.p-disabled):hover { + background: #106ebe; + color: #ffffff; + border-color: #106ebe; +} +.p-fileupload-choose:not(.p-disabled):active { + background: #005a9e; + color: #ffffff; + border-color: #005a9e; +} + +.p-breadcrumb { + background: #ffffff; + border: 1px solid #eeeeee; + border-radius: 2px; + padding: 1rem; +} +.p-breadcrumb ul li .p-menuitem-link { + transition: box-shadow 0.2s; + border-radius: 2px; +} +.p-breadcrumb ul li .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { + color: #323130; +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { + color: #0078d4; +} +.p-breadcrumb ul li.p-breadcrumb-chevron { + margin: 0 0.5rem 0 0.5rem; + color: #323130; +} +.p-breadcrumb ul li:last-child .p-menuitem-text { + color: #323130; +} +.p-breadcrumb ul li:last-child .p-menuitem-icon { + color: #0078d4; +} + +.p-contextmenu { + padding: 0; + background: #ffffff; + color: #323130; + 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); + border-radius: 2px; + width: 12.5rem; +} +.p-contextmenu .p-menuitem-link { + padding: 0.75rem 0.5rem; + color: #323130; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-contextmenu .p-menuitem-link .p-menuitem-text { + color: #323130; +} +.p-contextmenu .p-menuitem-link .p-menuitem-icon { + color: #0078d4; + margin-right: 0.5rem; +} +.p-contextmenu .p-menuitem-link .p-submenu-icon { + color: #0078d4; +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + background: #f3f2f1; +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #323130; +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #0078d4; +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #0078d4; +} +.p-contextmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #605e5c; +} +.p-contextmenu .p-submenu-list { + padding: 0; + background: #ffffff; + 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); + border-radius: 2px; +} +.p-contextmenu .p-menuitem { + margin: 0; +} +.p-contextmenu .p-menuitem:last-child { + margin: 0; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #edebe9; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: #323130; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: #0078d4; +} +.p-contextmenu .p-menu-separator { + border-top: 1px solid #edebe9; + margin: 0.25rem 0; +} +.p-contextmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-contextmenu .p-menuitem-badge { + background: #0078d4; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 2px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + +@media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } +} +.p-megamenu { + padding: 0.5rem; + background: #ffffff; + color: #323130; + border: 1px solid #eeeeee; + border-radius: 2px; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 0.5rem; + color: #323130; + border-radius: 2px; + transition: box-shadow 0.2s; + user-select: none; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #323130; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #0078d4; + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #0078d4; + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #f3f2f1; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #323130; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #0078d4; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #0078d4; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #605e5c; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: #edebe9; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #323130; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #0078d4; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #0078d4; +} +.p-megamenu .p-menuitem-link { + padding: 0.75rem 0.5rem; + color: #323130; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-megamenu .p-menuitem-link .p-menuitem-text { + color: #323130; +} +.p-megamenu .p-menuitem-link .p-menuitem-icon { + color: #0078d4; + margin-right: 0.5rem; +} +.p-megamenu .p-menuitem-link .p-submenu-icon { + color: #0078d4; +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover { + background: #f3f2f1; +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #323130; +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #0078d4; +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #0078d4; +} +.p-megamenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #605e5c; +} +.p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #323130; + 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); +} +.p-megamenu .p-megamenu-submenu-header { + margin: 0; + padding: 0.75rem 0.5rem; + color: #0078d4; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 2px; + border-top-left-radius: 2px; +} +.p-megamenu .p-megamenu-submenu { + padding: 0; + width: 12.5rem; +} +.p-megamenu .p-megamenu-submenu .p-menu-separator { + border-top: 1px solid #edebe9; + margin: 0.25rem 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem { + margin: 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #edebe9; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: #323130; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: #0078d4; +} +.p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem { + margin: 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem-badge { + background: #0078d4; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 2px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menu { + padding: 0; + background: #ffffff; + color: #323130; + border: 1px solid #eeeeee; + border-radius: 2px; + width: 12.5rem; +} +.p-menu .p-menuitem-link { + padding: 0.75rem 0.5rem; + color: #323130; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menu .p-menuitem-link .p-menuitem-text { + color: #323130; +} +.p-menu .p-menuitem-link .p-menuitem-icon { + color: #0078d4; + margin-right: 0.5rem; +} +.p-menu .p-menuitem-link .p-submenu-icon { + color: #0078d4; +} +.p-menu .p-menuitem-link:not(.p-disabled):hover { + background: #f3f2f1; +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #323130; +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #0078d4; +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #0078d4; +} +.p-menu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #605e5c; +} +.p-menu.p-menu-overlay { + background: #ffffff; + 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); +} +.p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem 0.5rem; + color: #0078d4; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.p-menu .p-menu-separator { + border-top: 1px solid #edebe9; + margin: 0.25rem 0; +} +.p-menu .p-menuitem { + margin: 0; +} +.p-menu .p-menuitem:last-child { + margin: 0; +} +.p-menu .p-menuitem-badge { + background: #0078d4; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 2px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menubar { + padding: 0.5rem; + background: #ffffff; + color: #323130; + border: 1px solid #eeeeee; + border-radius: 2px; +} +.p-menubar .p-menuitem-link { + padding: 0.75rem 0.5rem; + color: #323130; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menubar .p-menuitem-link .p-menuitem-text { + color: #323130; +} +.p-menubar .p-menuitem-link .p-menuitem-icon { + color: #0078d4; + margin-right: 0.5rem; +} +.p-menubar .p-menuitem-link .p-submenu-icon { + color: #0078d4; +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover { + background: #f3f2f1; +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #323130; +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #0078d4; +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #0078d4; +} +.p-menubar .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #605e5c; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 0.5rem; + color: #323130; + border-radius: 2px; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #323130; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #0078d4; + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #0078d4; + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #f3f2f1; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #323130; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #0078d4; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #0078d4; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #605e5c; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: #edebe9; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #323130; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #0078d4; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #0078d4; +} +.p-menubar .p-submenu-list { + padding: 0; + background: #ffffff; + 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); + width: 12.5rem; +} +.p-menubar .p-submenu-list .p-menu-separator { + border-top: 1px solid #edebe9; + margin: 0.25rem 0; +} +.p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; +} +.p-menubar .p-submenu-list .p-menuitem { + margin: 0; +} +.p-menubar .p-submenu-list .p-menuitem:last-child { + margin: 0; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #edebe9; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: #323130; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: #0078d4; +} +.p-menubar .p-menuitem-badge { + background: #0078d4; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 2px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +@media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 2rem; + height: 2rem; + color: #0078d4; + border-radius: 2px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #0078d4; + background: #f3f2f1; + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0; + background: #ffffff; + 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); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menu-separator { + border-top: 1px solid #edebe9; + margin: 0.25rem 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 0.5rem; + color: #323130; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #323130; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #0078d4; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #0078d4; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #f3f2f1; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #323130; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #0078d4; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #0078d4; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #605e5c; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } +} +.p-panelmenu .p-panelmenu-header > a { + padding: 1rem; + border: 1px solid #a19f9d; + color: #323130; + background: #faf9f8; + font-weight: 600; + border-radius: 2px; + transition: box-shadow 0.2s; +} +.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + background: #f3f2f1; + border-color: #a19f9d; + color: #323130; +} +.p-panelmenu .p-panelmenu-header.p-highlight { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight > a { + background: #faf9f8; + border-color: #a19f9d; + color: #323130; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + border-color: #a19f9d; + background: #f3f2f1; + color: #323130; +} +.p-panelmenu .p-panelmenu-content { + padding: 0; + border: 1px solid #a19f9d; + background: #ffffff; + color: #323130; + margin-bottom: 4px; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { + padding: 0.75rem 0.5rem; + color: #323130; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + color: #323130; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + color: #0078d4; + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + color: #0078d4; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + background: #f3f2f1; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #323130; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #0078d4; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #0078d4; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #605e5c; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { + padding: 0 0 0 1rem; +} +.p-panelmenu .p-panelmenu-panel { + margin-bottom: 4px; +} +.p-panelmenu .p-menuitem-badge { + background: #0078d4; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 2px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-slidemenu { + padding: 0; + background: #ffffff; + color: #323130; + border: 1px solid #eeeeee; + border-radius: 2px; + width: 12.5rem; +} +.p-slidemenu .p-menuitem-link { + padding: 0.75rem 0.5rem; + color: #323130; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-slidemenu .p-menuitem-link .p-menuitem-text { + color: #323130; +} +.p-slidemenu .p-menuitem-link .p-menuitem-icon { + color: #0078d4; + margin-right: 0.5rem; +} +.p-slidemenu .p-menuitem-link .p-submenu-icon { + color: #0078d4; +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + background: #f3f2f1; +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #323130; +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #0078d4; +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #0078d4; +} +.p-slidemenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #605e5c; +} +.p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + 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); +} +.p-slidemenu .p-slidemenu-list { + padding: 0; + background: #ffffff; + 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); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { + background: #edebe9; +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { + color: #323130; +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { + color: #0078d4; +} +.p-slidemenu .p-slidemenu-separator { + border-top: 1px solid #edebe9; + margin: 0.25rem 0; +} +.p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; +} +.p-slidemenu .p-slidemenu-backward { + padding: 0.75rem 0.5rem; + color: #323130; +} +.p-slidemenu .p-menuitem-badge { + background: #0078d4; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 2px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: box-shadow 0.2s; + border-radius: 2px; + background: #ffffff; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #323130; + border: 1px solid #f3f2f1; + background: #ffffff; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: #605e5c; +} +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-steps .p-steps-item.p-highlight .p-steps-number { + background: #edebe9; + color: #323130; +} +.p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 600; + color: #323130; +} +.p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #edebe9; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; +} + +.p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: 0 none; + border-width: 0 0 2px 0; +} +.p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #0078d4; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 2px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #a19f9d; + border-width: 0 0 2px 0; + border-color: transparent transparent transparent transparent; + background: #ffffff; + color: #605e5c; + padding: 1rem; + font-weight: 600; + border-top-right-radius: 2px; + border-top-left-radius: 2px; + transition: box-shadow 0.2s; + margin: 0 0.5rem -2px 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset inset 0 0 0 1px #605e5c; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #f3f2f1; + border-color: transparent; + color: #605e5c; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #0078d4; + color: #323130; +} +.p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #ffffff; + color: #323130; + width: 2.357rem; + 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); + border-radius: 0; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset inset 0 0 0 1px #605e5c; +} + +.p-tieredmenu { + padding: 0; + background: #ffffff; + color: #323130; + border: 1px solid #eeeeee; + border-radius: 2px; + width: 12.5rem; +} +.p-tieredmenu .p-menuitem-link { + padding: 0.75rem 0.5rem; + color: #323130; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-tieredmenu .p-menuitem-link .p-menuitem-text { + color: #323130; +} +.p-tieredmenu .p-menuitem-link .p-menuitem-icon { + color: #0078d4; + margin-right: 0.5rem; +} +.p-tieredmenu .p-menuitem-link .p-submenu-icon { + color: #0078d4; +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + background: #f3f2f1; +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #323130; +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #0078d4; +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #0078d4; +} +.p-tieredmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #605e5c; +} +.p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + 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); +} +.p-tieredmenu .p-submenu-list { + padding: 0; + background: #ffffff; + 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); +} +.p-tieredmenu .p-menuitem { + margin: 0; +} +.p-tieredmenu .p-menuitem:last-child { + margin: 0; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #edebe9; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: #323130; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: #0078d4; +} +.p-tieredmenu .p-menu-separator { + border-top: 1px solid #edebe9; + margin: 0.25rem 0; +} +.p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-tieredmenu .p-menuitem-badge { + background: #0078d4; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 2px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-inline-message { + padding: 0.5rem 0.5rem; + margin: 0; + border-radius: 2px; +} +.p-inline-message.p-inline-message-info { + background: #f3f2f1; + border: 0 none; + border-width: 0px; + color: #323130; +} +.p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #605e5c; +} +.p-inline-message.p-inline-message-success { + background: #dff6dd; + border: 0 none; + border-width: 0px; + color: #323130; +} +.p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #107c10; +} +.p-inline-message.p-inline-message-warn { + background: #fff4ce; + border: 0 none; + border-width: 0px; + color: #323130; +} +.p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #797775; +} +.p-inline-message.p-inline-message-error { + background: #fde7e9; + border: 0 none; + border-width: 0px; + color: #323130; +} +.p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #a80000; +} +.p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; +} +.p-inline-message .p-inline-message-text { + font-size: 90%; +} +.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; +} + +.p-message { + margin: 1rem 0; + border-radius: 2px; +} +.p-message .p-message-wrapper { + padding: 0.5rem; +} +.p-message .p-message-close { + width: 2rem; + height: 2rem; + border-radius: 2px; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-message .p-message-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-message.p-message-info { + background: #f3f2f1; + border: 0 none; + border-width: 0 0 0 6px; + color: #323130; +} +.p-message.p-message-info .p-message-icon { + color: #605e5c; +} +.p-message.p-message-info .p-message-close { + color: #605e5c; +} +.p-message.p-message-success { + background: #dff6dd; + border: 0 none; + border-width: 0 0 0 6px; + color: #323130; +} +.p-message.p-message-success .p-message-icon { + color: #107c10; +} +.p-message.p-message-success .p-message-close { + color: #107c10; +} +.p-message.p-message-warn { + background: #fff4ce; + border: 0 none; + border-width: 0 0 0 6px; + color: #323130; +} +.p-message.p-message-warn .p-message-icon { + color: #797775; +} +.p-message.p-message-warn .p-message-close { + color: #797775; +} +.p-message.p-message-error { + background: #fde7e9; + border: 0 none; + border-width: 0 0 0 6px; + color: #323130; +} +.p-message.p-message-error .p-message-icon { + color: #a80000; +} +.p-message.p-message-error .p-message-close { + color: #a80000; +} +.p-message .p-message-text { + font-size: 90%; + font-weight: 500; +} +.p-message .p-message-icon { + font-size: 1rem; + margin-right: 0.5rem; +} +.p-message .p-message-summary { + font-weight: 700; +} +.p-message .p-message-detail { + margin-left: 0.5rem; +} + +.p-toast { + opacity: 0.9; +} +.p-toast .p-toast-message { + margin: 0 0 1rem 0; + 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); + border-radius: 2px; +} +.p-toast .p-toast-message .p-toast-message-content { + padding: 0.5rem; + border-width: 0; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 1rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 1.25rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 600; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; +} +.p-toast .p-toast-message .p-toast-icon-close { + width: 1.25rem; + height: 1.25rem; + border-radius: 2px; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-toast .p-toast-message .p-toast-icon-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-toast .p-toast-message.p-toast-message-info { + background: #f3f2f1; + border: 0 none; + border-width: 0 0 0 6px; + color: #323130; +} +.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #605e5c; +} +.p-toast .p-toast-message.p-toast-message-success { + background: #dff6dd; + border: 0 none; + border-width: 0 0 0 6px; + color: #323130; +} +.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #107c10; +} +.p-toast .p-toast-message.p-toast-message-warn { + background: #fff4ce; + border: 0 none; + border-width: 0 0 0 6px; + color: #323130; +} +.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #797775; +} +.p-toast .p-toast-message.p-toast-message-error { + background: #fde7e9; + border: 0 none; + border-width: 0 0 0 6px; + color: #323130; +} +.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #a80000; +} + +.p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #faf9f8; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #faf9f8; +} +.p-galleria .p-galleria-item-nav { + background: transparent; + color: #faf9f8; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 2px; + margin: 0 0.5rem; +} +.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #faf9f8; +} +.p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #faf9f8; + padding: 1rem; +} +.p-galleria .p-galleria-indicators { + padding: 1rem; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #c8c6c4; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #e1dfdd; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #edebe9; + color: #323130; +} +.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; +} +.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #edebe9; + color: #323130; +} +.p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #faf9f8; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #faf9f8; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} + +.p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-preview-indicator { + background-color: transparent; + color: #f8f9fa; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} + +.p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); +} + +.p-image-toolbar { + padding: 1rem; +} + +.p-image-action.p-link { + color: #f8f9fa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-image-action.p-link:last-child { + margin-right: 0; +} +.p-image-action.p-link:hover { + color: #f8f9fa; + background-color: rgba(255, 255, 255, 0.1); +} +.p-image-action.p-link i { + font-size: 1.5rem; +} + +.p-avatar { + background-color: #edebe9; + border-radius: 2px; +} +.p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +.p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; +} +.p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +.p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; +} + +.p-avatar-group .p-avatar { + border: 2px solid #ffffff; +} + +.p-badge { + background: #0078d4; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +.p-badge.p-badge-secondary { + background-color: #d45c00; + color: #ffffff; +} +.p-badge.p-badge-success { + background-color: #498205; + color: #ffffff; +} +.p-badge.p-badge-info { + background-color: #00b7c3; + color: #ffffff; +} +.p-badge.p-badge-warning { + background-color: #ffaa44; + color: #323130; +} +.p-badge.p-badge-danger { + background-color: #d13438; + color: #ffffff; +} +.p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +.p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} + +.p-chip { + background-color: #edebe9; + color: #323130; + border-radius: 16px; + padding: 0 0.5rem; +} +.p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} +.p-chip .p-chip-icon { + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; +} +.p-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.5rem; + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + border-radius: 2px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} + +.p-inplace .p-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-inplace .p-inplace-display:not(.p-disabled):hover { + background: #f3f2f1; + color: #323130; +} +.p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} + +.p-progressbar { + border: 0 none; + height: 2px; + background: #edebe9; + border-radius: 2px; +} +.p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #0078d4; +} +.p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 2px; +} + +.p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 2px; + box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-scrolltop.p-link { + background: rgba(0, 0, 0, 0.7); +} +.p-scrolltop.p-link:hover { + background: rgba(0, 0, 0, 0.8); +} +.p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #faf9f8; +} + +.p-skeleton { + background-color: #edebe9; + border-radius: 2px; +} +.p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); +} + +.p-tag { + background: #0078d4; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 2px; +} +.p-tag.p-tag-success { + background-color: #498205; + color: #ffffff; +} +.p-tag.p-tag-info { + background-color: #00b7c3; + color: #ffffff; +} +.p-tag.p-tag-warning { + background-color: #ffaa44; + color: #323130; +} +.p-tag.p-tag-danger { + background-color: #d13438; + color: #ffffff; +} +.p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +.p-terminal { + background: #ffffff; + color: #323130; + border: 1px solid #a19f9d; + padding: 1rem; +} +.p-terminal .p-terminal-input { + font-size: 1rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; +} + +/* Customizations to the designer theme should be defined here */ +.p-button-label { + font-weight: 600; +} + +.p-slider:not(.p-disabled):hover { + background-color: #deecf9; +} +.p-slider:not(.p-disabled):hover .p-slider-range { + background-color: #0078d4; +} +.p-slider:not(.p-disabled):hover .p-slider-handle { + border-color: #005a9e; +} + +.p-inputswitch { + width: 40px; + height: 20px; +} +.p-inputswitch .p-inputswitch-slider { + border: 1px solid #605e5c; +} +.p-inputswitch .p-inputswitch-slider:before { + width: 12px; + height: 12px; + margin-top: -6px; +} +.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + border-color: #323130; +} +.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before { + background-color: #323130; +} +.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + border-color: #0078d4; +} +.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider:before { + background-color: #ffffff; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + border-color: #0078d4; +} + +.p-datepicker .p-datepicker-header .p-datepicker-title { + order: 1; + margin: 0 auto 0 0; +} +.p-datepicker .p-datepicker-prev { + order: 2; +} +.p-datepicker .p-datepicker-prev .p-datepicker-prev-icon:before { + content: "\e919"; +} +.p-datepicker .p-datepicker-next { + order: 3; + font-size: 90%; +} +.p-datepicker .p-datepicker-next .p-datepicker-next-icon:before { + content: "\e91c"; +} +.p-datepicker .p-datepicker-buttonbar { + border-top: 0 none; +} +.p-datepicker .p-timepicker { + border-top: 0 none; +} +.p-datepicker .p-timepicker span { + font-size: 90%; +} +.p-datepicker .p-timepicker .pi-chevron-up:before { + content: "\e91c"; +} +.p-datepicker .p-timepicker .pi-chevron-down:before { + content: "\e919"; +} +.p-datepicker table { + font-size: 90%; +} +.p-datepicker table td.p-datepicker-today > span { + border-radius: 50%; +} +.p-datepicker .p-datepicker-buttonbar .p-button { + font-size: 90%; + color: #323130; +} +.p-datepicker .p-datepicker-buttonbar .p-button .p-button-label { + font-weight: 400; +} +.p-datepicker .p-datepicker-buttonbar .p-button:enabled:hover { + color: #323130; + background-color: #f3f2f1; +} +.p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.5rem 0; +} + +.p-datatable { + font-size: 90%; +} + +.p-toast { + font-size: 90%; +} +.p-toast .p-toast-icon-close-icon { + font-size: 90%; +} + +.p-message { + font-size: 90%; +} +.p-message .p-message-close .p-message-close-icon { + font-size: 90%; +} + +.p-tooltip .p-tooltip-text { + font-size: 90%; +} + +.p-component .p-menu-separator { + border-color: #eeeeee; +} + +.p-submenu-icon { + color: #605e5c !important; +} + +.p-menuitem-active .p-submenu-icon { + color: #323130 !important; +} + +.p-progressbar-label { + display: none !important; +} + +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #0078d4; +} + +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #0078d4; +} + +.p-inputtext:disabled { + background-color: #f3f2f1; + border-color: #f3f2f1; + color: #a19f9d; + opacity: 1; + user-select: none; +} +.p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #0078d4; +} + +.p-checkbox .p-checkbox-box.p-disabled, +.p-radiobutton .p-radiobutton-box.p-disabled, +.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container.p-disabled, +.p-chips .p-chips-multiple-container.p-disabled { + background-color: #f3f2f1; + border-color: #f3f2f1; + color: #a19f9d; + opacity: 1; + user-select: none; +} +.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus, +.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus, +.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus, +.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #0078d4; +} + +.p-dropdown.p-disabled, +.p-multiselect.p-disabled { + background-color: #f3f2f1; + border-color: #f3f2f1; + color: #a19f9d; + opacity: 1; + user-select: none; +} +.p-dropdown.p-disabled .p-dropdown-label, +.p-dropdown.p-disabled .p-dropdown-trigger-icon, +.p-multiselect.p-disabled .p-dropdown-label, +.p-multiselect.p-disabled .p-dropdown-trigger-icon { + color: #a19f9d; +} +.p-dropdown:not(.p-disabled).p-focus, +.p-multiselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #0078d4; +} + +.p-inputswitch.p-focus .p-inputswitch-slider { + box-shadow: none; + outline: 1px solid #605e5c; + outline-offset: 2px; +} + +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #0078d4; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #0078d4; +} diff --git a/assets/layout/styles/theme/fluent-light/theme.css.br b/assets/layout/styles/theme/fluent-light/theme.css.br new file mode 100644 index 0000000..e5befa6 Binary files /dev/null and b/assets/layout/styles/theme/fluent-light/theme.css.br differ diff --git a/assets/layout/styles/theme/fluent-light/theme.css.gz b/assets/layout/styles/theme/fluent-light/theme.css.gz new file mode 100644 index 0000000..713c1fd Binary files /dev/null and b/assets/layout/styles/theme/fluent-light/theme.css.gz differ diff --git a/assets/layout/styles/theme/lara-dark-blue/theme.css b/assets/layout/styles/theme/lara-dark-blue/theme.css new file mode 100644 index 0000000..4555231 --- /dev/null +++ b/assets/layout/styles/theme/lara-dark-blue/theme.css @@ -0,0 +1,6297 @@ +:root { + --surface-a:#071426; + --surface-b:#040d19; + --surface-c:rgba(255, 255, 255, 0.03); + --surface-d:#0b213f; + --surface-e:#071426; + --surface-f:#071426; + --text-color:rgba(255, 255, 255, 0.87); + --text-color-secondary:rgba(255, 255, 255, 0.6); + --primary-color:#93C5FD; + --primary-color-text:#1c2127; + --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --surface-0: #040d19; + --surface-50: #1d2530; + --surface-100: #363d47; + --surface-200: #4f565e; + --surface-300: #686e75; + --surface-400: #82868c; + --surface-500: #9b9ea3; + --surface-600: #b4b6ba; + --surface-700: #cdcfd1; + --surface-800: #e6e7e8; + --surface-900: #ffffff; + --gray-50: #e6e7e8; + --gray-100: #cdcfd1; + --gray-200: #b4b6ba; + --gray-300: #9b9ea3; + --gray-400: #82868c; + --gray-500: #686e75; + --gray-600: #4f565e; + --gray-700: #363d47; + --gray-800: #1d2530; + --gray-900: #040d19; + --content-padding:1.25rem; + --inline-spacing:0.5rem; + --border-radius:6px; + --surface-ground:#040d19; + --surface-section:#040d19; + --surface-card:#071426; + --surface-overlay:#071426; + --surface-border:#0b213f; + --surface-hover:rgba(255,255,255,.03); + --focus-ring: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + --maskbg: rgba(0, 0, 0, 0.4); + color-scheme: dark; +} + +* { + box-sizing: border-box; +} + +.p-component { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + font-weight: normal; +} + +.p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; +} + +.p-disabled, .p-component:disabled { + opacity: 0.4; +} + +.p-error { + color: #FCA5A5; +} + +.p-text-secondary { + color: rgba(255, 255, 255, 0.6); +} + +.pi { + font-size: 1rem; +} + +.p-link { + font-size: 1rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + border-radius: 6px; +} +.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); +} + +.p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; +} + +.p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; +} + +@keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } +} +@keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } +} + +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --red-50:#fff5f5; + --red-100:#ffd0ce; + --red-200:#ffaca7; + --red-300:#ff8780; + --red-400:#ff6259; + --red-500:#ff3d32; + --red-600:#d9342b; + --red-700:#b32b23; + --red-800:#8c221c; + --red-900:#661814; + --primary-50:#fafcff; + --primary-100:#e5f1ff; + --primary-200:#d1e6fe; + --primary-300:#bcdbfe; + --primary-400:#a8d0fd; + --primary-500:#93c5fd; + --primary-600:#7da7d7; + --primary-700:#678ab1; + --primary-800:#516c8b; + --primary-900:#3b4f65; +} + +.p-autocomplete .p-autocomplete-loader { + right: 0.75rem; +} +.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.75rem; +} +.p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + border-color: #93C5FD; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + border-color: #93C5FD; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.375rem 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.375rem 0.75rem; + background: rgba(147, 197, 253, 0.16); + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; +} + +p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #FCA5A5; +} + +.p-autocomplete-panel { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; + 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); +} +.p-autocomplete-panel .p-autocomplete-items { + padding: 0.75rem 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(147, 197, 253, 0.16); +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #091a32; + font-weight: 700; +} + +p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; +} +p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; +} + +p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3.75rem; +} + +p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #FCA5A5; +} + +.p-datepicker { + padding: 0.5rem; + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; +} +.p-datepicker:not(.p-datepicker-inline) { + background: #071426; + border: 1px solid #0b213f; + 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); +} +.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #071426; +} +.p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: rgba(255, 255, 255, 0.87); + background: #071426; + font-weight: 700; + margin: 0; + border-bottom: 1px solid #0b213f; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); +} +.p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 2rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + font-weight: 700; + padding: 0.5rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #93C5FD; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; +} +.p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0; +} +.p-datepicker table th { + padding: 0.5rem; +} +.p-datepicker table th > span { + width: 2.5rem; + height: 2.5rem; +} +.p-datepicker table td { + padding: 0.5rem; +} +.p-datepicker table td > span { + width: 2.5rem; + height: 2.5rem; + border-radius: 50%; + transition: box-shadow 0.2s; + border: 1px solid transparent; +} +.p-datepicker table td > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(147, 197, 253, 0.16); +} +.p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); +} +.p-datepicker table td.p-datepicker-today > span { + background: transparent; + color: #93C5FD; + border-color: transparent; +} +.p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(147, 197, 253, 0.16); +} +.p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #0b213f; +} +.p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; +} +.p-datepicker .p-timepicker { + border-top: 1px solid #0b213f; + padding: 0.5rem; +} +.p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-timepicker button:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker .p-timepicker button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); +} +.p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; +} +.p-datepicker .p-timepicker span { + font-size: 1.25rem; +} +.p-datepicker .p-timepicker > div { + padding: 0 0.5rem; +} +.p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; +} +.p-datepicker .p-monthpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.5rem; + transition: box-shadow 0.2s; + border-radius: 6px; +} +.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(147, 197, 253, 0.16); +} +.p-datepicker .p-yearpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.5rem; + transition: box-shadow 0.2s; + border-radius: 6px; +} +.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(147, 197, 253, 0.16); +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #0b213f; + padding-right: 0.5rem; + padding-left: 0.5rem; + padding-top: 0; + padding-bottom: 0; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); +} + +p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; +} +p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; +} + +p-calendar.p-calendar-clearable.p-calendar-w-btn .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3.75rem; +} + +@media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } +} +.p-cascadeselect { + background: #040d19; + border: 1px solid #0b213f; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +.p-cascadeselect:not(.p-disabled):hover { + border-color: #93C5FD; +} +.p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + border-color: #93C5FD; +} +.p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; +} +.p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.p-cascadeselect-panel { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; + 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); +} +.p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.75rem 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 1.25rem; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(147, 197, 253, 0.5); +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(147, 197, 253, 0.16); +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; +} + +p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #FCA5A5; +} + +.p-input-filled .p-cascadeselect { + background: #0b213f; +} +.p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #0b213f; +} +.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #0b213f; +} + +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; +} +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; +} + +.p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; +} +.p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); +} + +.p-checkbox { + width: 22px; + height: 22px; +} +.p-checkbox .p-checkbox-box { + border: 2px solid #0b213f; + background: #040d19; + width: 22px; + height: 22px; + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #1c2127; + font-size: 14px; +} +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #93C5FD; + background: #93C5FD; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #93C5FD; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + border-color: #93C5FD; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #6cb0fc; + background: #6cb0fc; + color: #1c2127; +} + +p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #FCA5A5; +} + +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #0b213f; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #93C5FD; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #0b213f; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #6cb0fc; +} + +.p-checkbox-label { + margin-left: 0.5rem; +} + +.p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; +} +.p-chips .p-chips-multiple-container:not(.p-disabled):hover { + border-color: #93C5FD; +} +.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + border-color: #93C5FD; +} +.p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.375rem 0.75rem; + background: rgba(147, 197, 253, 0.16); + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; +} +.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; +} +.p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.375rem 0; +} +.p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; +} + +p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #FCA5A5; +} + +p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; +} +p-chips.p-chips-clearable .p-chips-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; +} + +.p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; +} + +.p-colorpicker-panel { + background: #071426; + border: 1px solid #0b213f; +} +.p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: rgba(255, 255, 255, 0.87); +} + +.p-colorpicker-overlay-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); +} + +.p-dropdown { + background: #040d19; + border: 1px solid #0b213f; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +.p-dropdown:not(.p-disabled):hover { + border-color: #93C5FD; +} +.p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + border-color: #93C5FD; +} +.p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; +} +.p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; +} +.p-dropdown .p-dropdown-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-dropdown .p-dropdown-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +.p-dropdown .p-dropdown-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; +} + +.p-dropdown-panel { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; + 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); +} +.p-dropdown-panel .p-dropdown-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); + background: #071426; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-dropdown-panel .p-dropdown-items { + padding: 0.75rem 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(147, 197, 253, 0.16); +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #091a32; + font-weight: 700; +} + +p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #FCA5A5; +} + +.p-input-filled .p-dropdown { + background: #0b213f; +} +.p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #0b213f; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #0b213f; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; +} + +.p-editor-container .p-editor-toolbar { + background: #071426; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #0b213f; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #071426; + border: 1px solid #0b213f; + 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); + border-radius: 6px; + padding: 0.75rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 1.25rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #0b213f; +} +.p-editor-container .p-editor-content .ql-editor { + background: #040d19; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #93C5FD; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #93C5FD; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #93C5FD; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #93C5FD; +} + +.p-inputgroup-addon { + background: #071426; + color: rgba(255, 255, 255, 0.6); + border-top: 1px solid #0b213f; + border-left: 1px solid #0b213f; + border-bottom: 1px solid #0b213f; + padding: 0.75rem 0.75rem; + min-width: 3rem; +} +.p-inputgroup-addon:last-child { + border-right: 1px solid #0b213f; +} + +.p-inputgroup > .p-component, +.p-inputgroup > .p-element, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; +} +.p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-element + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; +} +.p-inputgroup > .p-component:focus, +.p-inputgroup > .p-element:focus, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; +} +.p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-element:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; +} + +.p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.p-fluid .p-inputgroup .p-button { + width: auto; +} +.p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 3rem; +} + +p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #FCA5A5; +} + +p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; +} +p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; +} + +p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #FCA5A5; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.75rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.75rem; +} + +.p-inputswitch { + width: 3rem; + height: 1.75rem; +} +.p-inputswitch .p-inputswitch-slider { + background: #233752; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; +} +.p-inputswitch .p-inputswitch-slider:before { + background: rgba(255, 255, 255, 0.6); + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition-duration: 0.2s; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1.25rem); +} +.p-inputswitch.p-focus .p-inputswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); +} +.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #0b213f; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #93C5FD; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: rgba(255, 255, 255, 0.87); +} +.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #7fbafd; +} + +p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + border-color: #FCA5A5; +} + +.p-inputtext { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + background: #040d19; + padding: 0.75rem 0.75rem; + border: 1px solid #0b213f; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + appearance: none; + border-radius: 6px; +} +.p-inputtext:enabled:hover { + border-color: #93C5FD; +} +.p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + border-color: #93C5FD; +} +.p-inputtext.ng-dirty.ng-invalid { + border-color: #FCA5A5; +} +.p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; +} +.p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; +} + +.p-float-label > label { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; +} + +.p-float-label > .ng-invalid.ng-dirty + label { + color: #FCA5A5; +} + +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} + +.p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; +} + +.p-input-icon-left.p-float-label > label { + left: 2.5rem; +} + +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} + +.p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; +} + +::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +:-moz-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +.p-input-filled .p-inputtext { + background-color: #0b213f; +} +.p-input-filled .p-inputtext:enabled:hover { + background-color: #0b213f; +} +.p-input-filled .p-inputtext:enabled:focus { + background-color: #0b213f; +} + +.p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; +} + +.p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; +} + +.p-listbox { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; +} +.p-listbox .p-listbox-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); + background: #071426; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; +} +.p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list { + padding: 0.75rem 0; +} +.p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(147, 197, 253, 0.16); +} +.p-listbox .p-listbox-list .p-listbox-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(147, 197, 253, 0.5); +} +.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #091a32; + font-weight: 700; +} +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} + +p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #FCA5A5; +} + +.p-multiselect { + background: #040d19; + border: 1px solid #0b213f; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +.p-multiselect:not(.p-disabled):hover { + border-color: #93C5FD; +} +.p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + border-color: #93C5FD; +} +.p-multiselect .p-multiselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-multiselect .p-multiselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-multiselect.p-multiselect-chip .p-multiselect-label { + gap: 0.5rem; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.375rem 0.75rem; + background: rgba(147, 197, 253, 0.16); + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; +} +.p-multiselect .p-multiselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.375rem 0.75rem; +} + +.p-multiselect-panel { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; + 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); +} +.p-multiselect-panel .p-multiselect-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); + background: #071426; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); +} +.p-multiselect-panel .p-multiselect-items { + padding: 0.75rem 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(147, 197, 253, 0.16); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(147, 197, 253, 0.5); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #091a32; + font-weight: 700; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} + +p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #FCA5A5; +} + +.p-input-filled .p-multiselect { + background: #0b213f; +} +.p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #0b213f; +} +.p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #0b213f; +} + +p-multiselect.p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; +} +p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; +} + +p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #FCA5A5; +} + +.p-password-panel { + padding: 1.25rem; + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + 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); + border-radius: 6px; +} +.p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #0b213f; +} +.p-password-panel .p-password-meter .p-password-strength.weak { + background: #eb9a9c; +} +.p-password-panel .p-password-meter .p-password-strength.medium { + background: #ffcf91; +} +.p-password-panel .p-password-meter .p-password-strength.strong { + background: #93deac; +} + +p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; +} +p-password.p-password-clearable .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; +} + +p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; +} +p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.5rem; +} + +.p-radiobutton { + width: 22px; + height: 22px; +} +.p-radiobutton .p-radiobutton-box { + border: 2px solid #0b213f; + background: #040d19; + width: 22px; + height: 22px; + color: rgba(255, 255, 255, 0.87); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #93C5FD; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + border-color: #93C5FD; +} +.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 12px; + height: 12px; + transition-duration: 0.2s; + background-color: #1c2127; +} +.p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #93C5FD; + background: #93C5FD; +} +.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #6cb0fc; + background: #6cb0fc; + color: #1c2127; +} + +p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #FCA5A5; +} + +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #0b213f; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #0b213f; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #93C5FD; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #6cb0fc; +} + +.p-radiobutton-label { + margin-left: 0.5rem; +} + +.p-rating .p-rating-icon { + color: rgba(255, 255, 255, 0.87); + margin-left: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + font-size: 1.143rem; +} +.p-rating .p-rating-icon.p-rating-cancel { + color: #F48FB1; +} +.p-rating .p-rating-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); +} +.p-rating .p-rating-icon:first-child { + margin-left: 0; +} +.p-rating .p-rating-icon.pi-star-fill { + color: #93C5FD; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + color: #93C5FD; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + color: #F48FB1; +} + +.p-selectbutton .p-button { + background: #071426; + border: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #0b213f; + color: rgba(255, 255, 255, 0.87); +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-selectbutton .p-button.p-highlight { + background: #93C5FD; + border-color: #93C5FD; + color: #1c2127; +} +.p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #1c2127; +} +.p-selectbutton .p-button.p-highlight:hover { + background: #7fbafd; + border-color: #7fbafd; + color: #1c2127; +} +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #1c2127; +} + +p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #FCA5A5; +} + +.p-slider { + background: #0b213f; + border: 0 none; + border-radius: 6px; +} +.p-slider.p-slider-horizontal { + height: 0.286rem; +} +.p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -0.5715rem; + margin-left: -0.5715rem; +} +.p-slider.p-slider-vertical { + width: 0.286rem; +} +.p-slider.p-slider-vertical .p-slider-handle { + margin-left: -0.5715rem; + margin-bottom: -0.5715rem; +} +.p-slider .p-slider-handle { + height: 1.143rem; + width: 1.143rem; + background: #0b213f; + border: 2px solid #93C5FD; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); +} +.p-slider .p-slider-range { + background: #93C5FD; +} +.p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #93C5FD; + border-color: #93C5FD; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; +} + +.p-togglebutton.p-button { + background: #071426; + border: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #0b213f; + color: rgba(255, 255, 255, 0.87); +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-togglebutton.p-button.p-highlight { + background: #93C5FD; + border-color: #93C5FD; + color: #1c2127; +} +.p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #1c2127; +} +.p-togglebutton.p-button.p-highlight:hover { + background: #7fbafd; + border-color: #7fbafd; + color: #1c2127; +} +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #1c2127; +} + +p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #FCA5A5; +} + +.p-treeselect { + background: #040d19; + border: 1px solid #0b213f; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +.p-treeselect:not(.p-disabled):hover { + border-color: #93C5FD; +} +.p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + border-color: #93C5FD; +} +.p-treeselect .p-treeselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-treeselect .p-treeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #0b213f; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; +} +.p-treeselect .p-treeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #FCA5A5; +} + +.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.375rem 0.75rem; +} + +.p-treeselect-panel { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; + 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); +} +.p-treeselect-panel .p-treeselect-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); + background: #071426; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} + +.p-input-filled .p-treeselect { + background: #0b213f; +} +.p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #0b213f; +} +.p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #0b213f; +} + +p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; +} +p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; +} + +.p-button { + color: #1c2127; + background: #93C5FD; + border: 1px solid #93C5FD; + padding: 0.75rem 1.25rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +.p-button:enabled:hover { + background: #7fbafd; + color: #1c2127; + border-color: #7fbafd; +} +.p-button:enabled:active { + background: #6cb0fc; + color: #1c2127; + border-color: #6cb0fc; +} +.p-button.p-button-outlined { + background-color: transparent; + color: #93C5FD; + border: 1px solid; +} +.p-button.p-button-outlined:enabled:hover { + background: rgba(147, 197, 253, 0.04); + color: #93C5FD; + border: 1px solid; +} +.p-button.p-button-outlined:enabled:active { + background: rgba(147, 197, 253, 0.16); + color: #93C5FD; + border: 1px solid; +} +.p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text { + background-color: transparent; + color: #93C5FD; + border-color: transparent; +} +.p-button.p-button-text:enabled:hover { + background: rgba(147, 197, 253, 0.04); + color: #93C5FD; + border-color: transparent; +} +.p-button.p-button-text:enabled:active { + background: rgba(147, 197, 253, 0.16); + color: #93C5FD; + border-color: transparent; +} +.p-button.p-button-text.p-button-plain { + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); +} +.p-button .p-button-label { + transition-duration: 0.2s; +} +.p-button .p-button-icon-left { + margin-right: 0.5rem; +} +.p-button .p-button-icon-right { + margin-left: 0.5rem; +} +.p-button .p-button-icon-bottom { + margin-top: 0.5rem; +} +.p-button .p-button-icon-top { + margin-bottom: 0.5rem; +} +.p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #93C5FD; + background-color: #1c2127; +} +.p-button.p-button-raised { + 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); +} +.p-button.p-button-rounded { + border-radius: 2rem; +} +.p-button.p-button-icon-only { + width: 3rem; + padding: 0.75rem 0; +} +.p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; +} +.p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 3rem; +} +.p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.65625rem 1.09375rem; +} +.p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; +} +.p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.9375rem 1.5625rem; +} +.p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; +} +.p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; +} +.p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; +} + +.p-fluid .p-button { + width: 100%; +} +.p-fluid .p-button-icon-only { + width: 3rem; +} +.p-fluid .p-buttonset { + display: flex; +} +.p-fluid .p-buttonset .p-button { + flex: 1; +} + +.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + color: #1c2127; + background: #CBD5E1; + border: 1px solid #CBD5E1; +} +.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + background: #b0bfd1; + color: #1c2127; + border-color: #b0bfd1; +} +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #dbe2ea; +} +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: #95a9c2; + color: #1c2127; + border-color: #95a9c2; +} +.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + background-color: transparent; + color: #CBD5E1; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + background: rgba(203, 213, 225, 0.04); + color: #CBD5E1; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(203, 213, 225, 0.16); + color: #CBD5E1; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + background-color: transparent; + color: #CBD5E1; + border-color: transparent; +} +.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + background: rgba(203, 213, 225, 0.04); + border-color: transparent; + color: #CBD5E1; +} +.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + background: rgba(203, 213, 225, 0.16); + border-color: transparent; + color: #CBD5E1; +} + +.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #1c2127; + background: #93C5FD; + border: 1px solid #93C5FD; +} +.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + background: #6cb0fc; + color: #1c2127; + border-color: #6cb0fc; +} +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #b3d6fe; +} +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: #449bfc; + color: #1c2127; + border-color: #449bfc; +} +.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + background-color: transparent; + color: #93C5FD; + border: 1px solid; +} +.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + background: rgba(147, 197, 253, 0.04); + color: #93C5FD; + border: 1px solid; +} +.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(147, 197, 253, 0.16); + color: #93C5FD; + border: 1px solid; +} +.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + background-color: transparent; + color: #93C5FD; + border-color: transparent; +} +.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + background: rgba(147, 197, 253, 0.04); + border-color: transparent; + color: #93C5FD; +} +.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + background: rgba(147, 197, 253, 0.16); + border-color: transparent; + color: #93C5FD; +} + +.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #1c2127; + background: #86EFAC; + border: 1px solid #86EFAC; +} +.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + background: #65eb95; + color: #1c2127; + border-color: #65eb95; +} +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #aaf4c5; +} +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: #44e67f; + color: #1c2127; + border-color: #44e67f; +} +.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + background-color: transparent; + color: #86EFAC; + border: 1px solid; +} +.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + background: rgba(134, 239, 172, 0.04); + color: #86EFAC; + border: 1px solid; +} +.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(134, 239, 172, 0.16); + color: #86EFAC; + border: 1px solid; +} +.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + background-color: transparent; + color: #86EFAC; + border-color: transparent; +} +.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + background: rgba(134, 239, 172, 0.04); + border-color: transparent; + color: #86EFAC; +} +.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + background: rgba(134, 239, 172, 0.16); + border-color: transparent; + color: #86EFAC; +} + +.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #1c2127; + background: #FCD34D; + border: 1px solid #FCD34D; +} +.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + background: #fbcb2d; + color: #1c2127; + border-color: #fbcb2d; +} +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #fde082; +} +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: #fbc30c; + color: #1c2127; + border-color: #fbc30c; +} +.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + background-color: transparent; + color: #FCD34D; + border: 1px solid; +} +.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + background: rgba(252, 211, 77, 0.04); + color: #FCD34D; + border: 1px solid; +} +.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(252, 211, 77, 0.16); + color: #FCD34D; + border: 1px solid; +} +.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + background-color: transparent; + color: #FCD34D; + border-color: transparent; +} +.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + background: rgba(252, 211, 77, 0.04); + border-color: transparent; + color: #FCD34D; +} +.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + background: rgba(252, 211, 77, 0.16); + border-color: transparent; + color: #FCD34D; +} + +.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #1c2127; + background: #D8B4FE; + border: 1px solid #D8B4FE; +} +.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + background: #c289fd; + color: #1c2127; + border-color: #c289fd; +} +.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #e4cbfe; +} +.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: #ab5efd; + color: #1c2127; + border-color: #ab5efd; +} +.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + background-color: transparent; + color: #D8B4FE; + border: 1px solid; +} +.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + background: rgba(216, 180, 254, 0.04); + color: #D8B4FE; + border: 1px solid; +} +.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(216, 180, 254, 0.16); + color: #D8B4FE; + border: 1px solid; +} +.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + background-color: transparent; + color: #D8B4FE; + border-color: transparent; +} +.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + background: rgba(216, 180, 254, 0.04); + border-color: transparent; + color: #D8B4FE; +} +.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + background: rgba(216, 180, 254, 0.16); + border-color: transparent; + color: #D8B4FE; +} + +.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #1c2127; + background: #FCA5A5; + border: 1px solid #FCA5A5; +} +.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + background: #fb7d7d; + color: #1c2127; + border-color: #fb7d7d; +} +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #fdc0c0; +} +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: #f95454; + color: #1c2127; + border-color: #f95454; +} +.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + background-color: transparent; + color: #FCA5A5; + border: 1px solid; +} +.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + background: rgba(252, 165, 165, 0.04); + color: #FCA5A5; + border: 1px solid; +} +.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(252, 165, 165, 0.16); + color: #FCA5A5; + border: 1px solid; +} +.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + background-color: transparent; + color: #FCA5A5; + border-color: transparent; +} +.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + background: rgba(252, 165, 165, 0.04); + border-color: transparent; + color: #FCA5A5; +} +.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + background: rgba(252, 165, 165, 0.16); + border-color: transparent; + color: #FCA5A5; +} + +.p-button.p-button-link { + color: #93C5FD; + background: transparent; + border: transparent; +} +.p-button.p-button-link:enabled:hover { + background: transparent; + color: #93C5FD; + border-color: transparent; +} +.p-button.p-button-link:enabled:hover .p-button-label { + text-decoration: underline; +} +.p-button.p-button-link:enabled:focus { + background: transparent; + box-shadow: 0 0 0 1px rgba(147, 197, 253, 0.5); + border-color: transparent; +} +.p-button.p-button-link:enabled:active { + background: transparent; + color: #93C5FD; + border-color: transparent; +} + +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: rgba(255, 255, 255, 0.87); + color: #040d19; +} +.p-speeddial-action:hover { + background: rgba(255, 255, 255, 0.6); + color: #040d19; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +.p-splitbutton { + border-radius: 6px; +} +.p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #93C5FD; + border: 1px solid; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(147, 197, 253, 0.04); + color: #93C5FD; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(147, 197, 253, 0.16); + color: #93C5FD; +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #93C5FD; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(147, 197, 253, 0.04); + color: #93C5FD; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(147, 197, 253, 0.16); + color: #93C5FD; + border-color: transparent; +} +.p-splitbutton.p-button-text.p-button-plain > .p-button { + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-raised { + 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); +} +.p-splitbutton.p-button-rounded { + border-radius: 2rem; +} +.p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; +} +.p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.65625rem 1.09375rem; +} +.p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; +} +.p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.9375rem 1.5625rem; +} +.p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; +} + +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #CBD5E1; + border: 1px solid; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(203, 213, 225, 0.04); + color: #CBD5E1; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(203, 213, 225, 0.16); + color: #CBD5E1; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #CBD5E1; + border-color: transparent; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(203, 213, 225, 0.04); + border-color: transparent; + color: #CBD5E1; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(203, 213, 225, 0.16); + border-color: transparent; + color: #CBD5E1; +} + +.p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #93C5FD; + border: 1px solid; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(147, 197, 253, 0.04); + color: #93C5FD; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(147, 197, 253, 0.16); + color: #93C5FD; +} +.p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #93C5FD; + border-color: transparent; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(147, 197, 253, 0.04); + border-color: transparent; + color: #93C5FD; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(147, 197, 253, 0.16); + border-color: transparent; + color: #93C5FD; +} + +.p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #86EFAC; + border: 1px solid; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(134, 239, 172, 0.04); + color: #86EFAC; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(134, 239, 172, 0.16); + color: #86EFAC; +} +.p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #86EFAC; + border-color: transparent; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(134, 239, 172, 0.04); + border-color: transparent; + color: #86EFAC; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(134, 239, 172, 0.16); + border-color: transparent; + color: #86EFAC; +} + +.p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #FCD34D; + border: 1px solid; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(252, 211, 77, 0.04); + color: #FCD34D; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(252, 211, 77, 0.16); + color: #FCD34D; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #FCD34D; + border-color: transparent; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(252, 211, 77, 0.04); + border-color: transparent; + color: #FCD34D; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(252, 211, 77, 0.16); + border-color: transparent; + color: #FCD34D; +} + +.p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #D8B4FE; + border: 1px solid; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(216, 180, 254, 0.04); + color: #D8B4FE; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(216, 180, 254, 0.16); + color: #D8B4FE; +} +.p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #D8B4FE; + border-color: transparent; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(216, 180, 254, 0.04); + border-color: transparent; + color: #D8B4FE; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(216, 180, 254, 0.16); + border-color: transparent; + color: #D8B4FE; +} + +.p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #FCA5A5; + border: 1px solid; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(252, 165, 165, 0.04); + color: #FCA5A5; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(252, 165, 165, 0.16); + color: #FCA5A5; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #FCA5A5; + border-color: transparent; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(252, 165, 165, 0.04); + border-color: transparent; + color: #FCA5A5; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(252, 165, 165, 0.16); + border-color: transparent; + color: #FCA5A5; +} + +.p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; +} +.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-carousel .p-carousel-content .p-carousel-prev:focus, +.p-carousel .p-carousel-content .p-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); +} +.p-carousel .p-carousel-indicators { + padding: 1rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #0b213f; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: rgba(255, 255, 255, 0.03); +} +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(147, 197, 253, 0.16); + color: rgba(255, 255, 255, 0.87); +} + +.p-datatable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +.p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-datatable .p-datatable-header { + background: #071426; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #0b213f; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; +} +.p-datatable .p-datatable-footer { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; +} +.p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #0b213f; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #071426; + transition: box-shadow 0.2s; +} +.p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #0b213f; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #071426; +} +.p-datatable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(147, 197, 253, 0.16); + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column.p-highlight { + background: rgba(147, 197, 253, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(147, 197, 253, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column:focus { + box-shadow: inset 0 0 0 0.15rem rgba(147, 197, 253, 0.5); + outline: 0 none; +} +.p-datatable .p-datatable-tbody > tr { + background: #071426; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; +} +.p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #0b213f; + border-width: 0 0 1px 0; + padding: 1rem 1rem; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); +} +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; +} +.p-datatable .p-datatable-tbody > tr:focus { + outline: 0.15rem solid rgba(147, 197, 253, 0.5); + outline-offset: 0.15rem; +} +.p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(147, 197, 253, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(147, 197, 253, 0.16); +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(147, 197, 253, 0.16); +} +.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-column-resizer-helper { + background: #93C5FD; +} +.p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #071426; +} +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #071426; +} +.p-datatable .p-datatable-loading-icon { + font-size: 2rem; +} +.p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #0d1a2c; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(147, 197, 253, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; +} + +.p-dataview .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +.p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-dataview .p-dataview-header { + background: #071426; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #0b213f; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; +} +.p-dataview .p-dataview-content { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; +} +.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { + border: solid #0b213f; + border-width: 0 0 1px 0; +} +.p-dataview .p-dataview-footer { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +.p-dataview .p-dataview-loading-icon { + font-size: 2rem; +} +.p-dataview .p-dataview-emptymessage { + padding: 1.25rem; +} + +.p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; +} + +.p-column-filter-menu-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-menu-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(147, 197, 253, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-column-filter-menu-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); +} + +.p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-clear-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-column-filter-clear-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); +} + +.p-column-filter-overlay { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; + 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); + min-width: 12.5rem; +} +.p-column-filter-overlay .p-column-filter-row-items { + padding: 0.75rem 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(147, 197, 253, 0.16); +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(147, 197, 253, 0.5); +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #0b213f; + margin: 0.25rem 0; +} + +.p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); + background: #071426; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1.25rem; + border-bottom: 1px solid #0b213f; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; +} +.p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.75rem 1.25rem; +} +.p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1.25rem; +} + +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { + background: #071426; + border: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-view-container td.fc-widget-content { + background: #071426; + border: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #0b213f; +} +.fc.fc-unthemed .fc-view-container .fc-row { + border-right: 1px solid #0b213f; +} +.fc.fc-unthemed .fc-view-container .fc-event { + background: #7fbafd; + border: 1px solid #7fbafd; + color: #1c2127; +} +.fc.fc-unthemed .fc-view-container .fc-divider { + background: #071426; + border: 1px solid #0b213f; +} +.fc.fc-unthemed .fc-toolbar .fc-button { + color: #1c2127; + background: #93C5FD; + border: 1px solid #93C5FD; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + display: flex; + align-items: center; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { + background: #7fbafd; + color: #1c2127; + border-color: #7fbafd; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { + background: #6cb0fc; + color: #1c2127; + border-color: #6cb0fc; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-unthemed .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #071426; + border: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #0b213f; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #93C5FD; + border-color: #93C5FD; + color: #1c2127; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #7fbafd; + border-color: #7fbafd; + color: #1c2127; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + z-index: 1; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #0b213f; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #071426; + border-color: #0b213f; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness td { + color: rgba(255, 255, 255, 0.87); + border-color: #0b213f; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #071426; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover { + background: none; + border: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { + border: 1px solid #0b213f; + padding: 1.25rem; + background: #071426; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { + opacity: 1; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; + font-family: "PrimeIcons" !important; + font-size: 1rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { + content: "\e90b"; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { + padding: 1.25rem; + border: 1px solid #0b213f; + background: #071426; + color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #1c2127; + background: #7fbafd; + border-color: #7fbafd; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #1c2127; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: #7fbafd; + border-color: #7fbafd; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #071426; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #1c2127; + background: #93C5FD; + border: 1px solid #93C5FD; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: #7fbafd; + color: #1c2127; + border-color: #7fbafd; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: #6cb0fc; + color: #1c2127; + border-color: #6cb0fc; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.4; + color: #1c2127; + background: #93C5FD; + border: 1px solid #93C5FD; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #071426; + border: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #0b213f; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #93C5FD; + border-color: #93C5FD; + color: #1c2127; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #7fbafd; + border-color: #7fbafd; + color: #1c2127; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +.fc.fc-theme-standard a { + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(147, 197, 253, 0.16); +} + +.p-orderlist .p-orderlist-controls { + padding: 1.25rem; +} +.p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; +} +.p-orderlist .p-orderlist-header { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + padding: 1.25rem; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 700; +} +.p-orderlist .p-orderlist-filter-container { + padding: 1.25rem; + background: #071426; + border: 1px solid #0b213f; + border-bottom: 0 none; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-orderlist .p-orderlist-list { + border: 1px solid #0b213f; + background: #071426; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; +} +.p-orderlist .p-orderlist-list .p-orderlist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(147, 197, 253, 0.5); +} +.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(147, 197, 253, 0.16); +} +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); +} +.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: rgba(255, 255, 255, 0.01); +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); +} + +.p-orderlist-item.cdk-drag-preview { + padding: 0.75rem 1.25rem; + 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); + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #071426; + margin: 0; +} + +.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(147, 197, 253, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(22, 130, 251, 0.16); +} +.p-organizationchart .p-organizationchart-line-down { + background: #0b213f; +} +.p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #0b213f; + border-color: #0b213f; +} +.p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #0b213f; + border-color: #0b213f; +} +.p-organizationchart .p-organizationchart-node-content { + border: 1px solid #0b213f; + background: #071426; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); +} + +.p-paginator { + background: #071426; + color: rgba(255, 255, 255, 0.6); + border: solid #0b213f; + border-width: 1px; + padding: 0.5rem 1rem; + border-radius: 6px; +} +.p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 6px; +} +.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); +} +.p-paginator .p-paginator-first { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +.p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 3rem; +} +.p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; +} +.p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; +} +.p-paginator .p-paginator-page-input .p-inputtext { + max-width: 3rem; +} +.p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + padding: 0 0.5rem; +} +.p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 6px; +} +.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(147, 197, 253, 0.16); + border-color: rgba(147, 197, 253, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); +} + +.p-picklist .p-picklist-buttons { + padding: 1.25rem; +} +.p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; +} +.p-picklist .p-picklist-header { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + padding: 1.25rem; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-picklist .p-picklist-header .p-picklist-title { + font-weight: 700; +} +.p-picklist .p-picklist-filter-container { + padding: 1.25rem; + background: #071426; + border: 1px solid #0b213f; + border-bottom: 0 none; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-picklist .p-picklist-list { + border: 1px solid #0b213f; + background: #071426; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-picklist .p-picklist-list .p-picklist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; +} +.p-picklist .p-picklist-list .p-picklist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(147, 197, 253, 0.5); +} +.p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(147, 197, 253, 0.16); +} +.p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); +} +.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: rgba(255, 255, 255, 0.01); +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); +} + +.p-picklist-item.cdk-drag-preview { + padding: 0.75rem 1.25rem; + 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); + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #071426; + margin: 0; +} + +.p-timeline .p-timeline-event-marker { + border: 2px solid #93C5FD; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #1c2127; +} +.p-timeline .p-timeline-event-connector { + background-color: #0b213f; +} +.p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; +} +.p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; +} + +.p-tree { + border: 1px solid #0b213f; + background: #071426; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + border-radius: 6px; +} +.p-tree .p-tree-container .p-treenode { + padding: 0.143rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: box-shadow 0.2s; + padding: 0.5rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(147, 197, 253, 0.5); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(147, 197, 253, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; +} +.p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; +} +.p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-tree .p-treenode-children { + padding: 0 0 0 1rem; +} +.p-tree .p-tree-loading-icon { + font-size: 2rem; +} +.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(68, 155, 252, 0.16); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #0b213f; + background-color: #071426; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem; + transition: box-shadow 0.2s; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(147, 197, 253, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); +} + +.p-treetable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +.p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-treetable .p-treetable-header { + background: #071426; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #0b213f; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; +} +.p-treetable .p-treetable-footer { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; +} +.p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #0b213f; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #071426; + transition: box-shadow 0.2s; +} +.p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #0b213f; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #071426; +} +.p-treetable .p-sortable-column { + outline-color: rgba(147, 197, 253, 0.5); +} +.p-treetable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(147, 197, 253, 0.16); + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-sortable-column.p-highlight { + background: rgba(147, 197, 253, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-treetable-tbody > tr { + background: #071426; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; +} +.p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #0b213f; + border-width: 0 0 1px 0; + padding: 1rem 1rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-treetable-tbody > tr:focus { + outline: 0.15rem solid rgba(147, 197, 253, 0.5); + outline-offset: -0.15rem; +} +.p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(147, 197, 253, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-column-resizer-helper { + background: #93C5FD; +} +.p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #071426; +} +.p-treetable .p-treetable-loading-icon { + font-size: 2rem; +} +.p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.875rem 0.875rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 1.25rem 1.25rem; +} + +.p-virtualscroller .p-virtualscroller-header { + background: #071426; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #0b213f; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; +} +.p-virtualscroller .p-virtualscroller-content { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; +} +.p-virtualscroller .p-virtualscroller-footer { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.25rem; + border: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); + background: #071426; + font-weight: 700; + border-radius: 6px; + transition: box-shadow 0.2s; +} +.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; +} +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); +} +.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: rgba(255, 255, 255, 0.03); + border-color: #0b213f; + color: rgba(255, 255, 255, 0.87); +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #071426; + border-color: #0b213f; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #0b213f; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-accordion .p-accordion-content { + padding: 1.25rem; + border: 1px solid #0b213f; + background: #071426; + color: rgba(255, 255, 255, 0.87); + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 4px; +} + +.p-card { + background: #071426; + 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: 6px; +} +.p-card .p-card-body { + padding: 1.25rem; +} +.p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +.p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-card .p-card-content { + padding: 1.25rem 0; +} +.p-card .p-card-footer { + padding: 1.25rem 0 0 0; +} + +.p-divider .p-divider-content { + background-color: #071426; +} +.p-divider.p-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; +} +.p-divider.p-divider-horizontal:before { + border-top: 1px #0b213f; +} +.p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; +} +.p-divider.p-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; +} +.p-divider.p-divider-vertical:before { + border-left: 1px #0b213f; +} +.p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; +} + +.p-fieldset { + border: 1px solid #0b213f; + background: #071426; + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; +} +.p-fieldset .p-fieldset-legend { + padding: 1.25rem; + border: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); + background: #071426; + font-weight: 700; + border-radius: 6px; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.25rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; + transition: box-shadow 0.2s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #0b213f; + color: rgba(255, 255, 255, 0.87); +} +.p-fieldset .p-fieldset-content { + padding: 1.25rem; +} + +.p-panel .p-panel-header { + border: 1px solid #0b213f; + padding: 1.25rem; + background: #071426; + color: rgba(255, 255, 255, 0.87); + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-panel .p-panel-header .p-panel-title { + font-weight: 700; +} +.p-panel .p-panel-header .p-panel-header-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-panel .p-panel-header .p-panel-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); +} +.p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.25rem; +} +.p-panel .p-panel-content { + padding: 1.25rem; + border: 1px solid #0b213f; + background: #071426; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + border-top: 0 none; +} +.p-panel .p-panel-footer { + padding: 0.75rem 1.25rem; + border: 1px solid #0b213f; + background: #071426; + color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} +.p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; +} +.p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; +} +.p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; +} + +.p-scrollpanel .p-scrollpanel-bar { + background: #0b213f; + border: 0 none; +} + +.p-splitter { + border: 1px solid #0b213f; + background: #071426; + border-radius: 6px; + color: rgba(255, 255, 255, 0.87); +} +.p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: rgba(255, 255, 255, 0.03); +} +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #0b213f; +} +.p-splitter .p-splitter-gutter-resizing { + background: #0b213f; +} + +.p-tabview .p-tabview-nav { + background: transparent; + border: 1px solid #0b213f; + border-width: 0 0 2px 0; +} +.p-tabview .p-tabview-nav li { + margin-right: 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #0b213f; + border-width: 0 0 2px 0; + border-color: transparent transparent #0b213f transparent; + background: #071426; + color: rgba(255, 255, 255, 0.6); + padding: 1.25rem; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(147, 197, 253, 0.5); +} +.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #071426; + border-color: #93C5FD; + color: rgba(255, 255, 255, 0.87); +} +.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #071426; + border-color: #93C5FD; + color: #93C5FD; +} +.p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; +} +.p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-close { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-nav-btn.p-link { + background: #071426; + color: #93C5FD; + width: 3rem; + 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); + border-radius: 0; +} +.p-tabview .p-tabview-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(147, 197, 253, 0.5); +} +.p-tabview .p-tabview-panels { + background: #071426; + padding: 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} + +.p-toolbar { + background: #071426; + border: 1px solid #0b213f; + padding: 1.25rem; + border-radius: 6px; + gap: 0.5rem; +} +.p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; +} + +.p-confirm-popup { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; + 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); +} +.p-confirm-popup .p-confirm-popup-content { + padding: 1.25rem; +} +.p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.75rem 1.25rem; +} +.p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; +} +.p-confirm-popup:after { + border: solid transparent; + border-color: rgba(7, 20, 38, 0); + border-bottom-color: #071426; +} +.p-confirm-popup:before { + border: solid transparent; + border-color: rgba(11, 33, 63, 0); + border-bottom-color: #0b213f; +} +.p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #071426; +} +.p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #0b213f; +} +.p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; +} +.p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; +} + +.p-dialog { + border-radius: 6px; + 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: 1px solid #0b213f; +} +.p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #071426; + color: rgba(255, 255, 255, 0.87); + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-dialog .p-dialog-header .p-dialog-title { + font-weight: 700; + font-size: 1.25rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-dialog .p-dialog-header .p-dialog-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); +} +.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; +} +.p-dialog .p-dialog-content { + background: #071426; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.5rem 2rem 1.5rem; +} +.p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-dialog .p-dialog-footer { + border-top: 0 none; + background: #071426; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; +} + +.p-overlaypanel { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; + 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); +} +.p-overlaypanel .p-overlaypanel-content { + padding: 1.25rem; +} +.p-overlaypanel .p-overlaypanel-close { + background: #93C5FD; + color: #1c2127; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + position: absolute; + top: -1rem; + right: -1rem; +} +.p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #7fbafd; + color: #1c2127; +} +.p-overlaypanel:after { + border: solid transparent; + border-color: rgba(7, 20, 38, 0); + border-bottom-color: #071426; +} +.p-overlaypanel:before { + border: solid transparent; + border-color: rgba(11, 33, 63, 0); + border-bottom-color: #0a1f3c; +} +.p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #071426; +} +.p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #0b213f; +} + +.p-sidebar { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + 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); +} +.p-sidebar .p-sidebar-header { + padding: 1.25rem; +} +.p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-sidebar .p-sidebar-header .p-sidebar-close:focus, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); +} +.p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; +} +.p-sidebar .p-sidebar-content { + padding: 1.25rem; +} +.p-sidebar .p-sidebar-footer { + padding: 1.25rem; +} + +.p-tooltip .p-tooltip-text { + background: #0b213f; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + 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); + border-radius: 6px; +} +.p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #0b213f; +} +.p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #0b213f; +} +.p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #0b213f; +} +.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #0b213f; +} + +.p-fileupload .p-fileupload-buttonbar { + background: #071426; + padding: 1.25rem; + border: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; +} +.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); +} +.p-fileupload .p-fileupload-content { + background: #071426; + padding: 2rem 1rem; + border: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-fileupload .p-progressbar { + height: 0.25rem; +} +.p-fileupload .p-fileupload-row > div { + padding: 1rem 1rem; +} +.p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; +} + +.p-fileupload-choose:not(.p-disabled):hover { + background: #7fbafd; + color: #1c2127; + border-color: #7fbafd; +} +.p-fileupload-choose:not(.p-disabled):active { + background: #6cb0fc; + color: #1c2127; + border-color: #6cb0fc; +} + +.p-breadcrumb { + background: #091a32; + border: 1px solid #0b213f; + border-radius: 6px; + padding: 1rem; +} +.p-breadcrumb ul li .p-menuitem-link { + transition: box-shadow 0.2s; + border-radius: 6px; +} +.p-breadcrumb ul li .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-breadcrumb ul li.p-breadcrumb-chevron { + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.87); +} +.p-breadcrumb ul li:last-child .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-breadcrumb ul li:last-child .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} + +.p-contextmenu { + padding: 0.25rem 0; + background: #091a32; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + 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); + border-radius: 6px; + width: 12.5rem; +} +.p-contextmenu .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-contextmenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-contextmenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(147, 197, 253, 0.5); +} +.p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #091a32; + border: 1px solid #0b213f; + 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); + border-radius: 6px; +} +.p-contextmenu .p-menuitem { + margin: 0; +} +.p-contextmenu .p-menuitem:last-child { + margin: 0; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(147, 197, 253, 0.16); +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menu-separator { + border-top: 1px solid #0b213f; + margin: 0.25rem 0; +} +.p-contextmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-contextmenu .p-menuitem-badge { + background: #93C5FD; + color: #1c2127; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + +@media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } +} +.p-megamenu { + padding: 0.5rem; + background: #091a32; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; + transition: box-shadow 0.2s; + user-select: none; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(147, 197, 253, 0.5); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(147, 197, 253, 0.16); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-megamenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-megamenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(147, 197, 253, 0.5); +} +.p-megamenu .p-megamenu-panel { + background: #091a32; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + 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); +} +.p-megamenu .p-megamenu-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #091a32; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-megamenu .p-megamenu-submenu { + padding: 0.25rem 0; + width: 12.5rem; +} +.p-megamenu .p-megamenu-submenu .p-menu-separator { + border-top: 1px solid #0b213f; + margin: 0.25rem 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem { + margin: 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(147, 197, 253, 0.16); +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem { + margin: 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem-badge { + background: #93C5FD; + color: #1c2127; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menu { + padding: 0.25rem 0; + background: #091a32; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; + width: 12.5rem; +} +.p-menu .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(147, 197, 253, 0.5); +} +.p-menu.p-menu-overlay { + background: #091a32; + border: 1px solid #0b213f; + 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); +} +.p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #091a32; + font-weight: 700; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.p-menu .p-menu-separator { + border-top: 1px solid #0b213f; + margin: 0.25rem 0; +} +.p-menu .p-menuitem { + margin: 0; +} +.p-menu .p-menuitem:last-child { + margin: 0; +} +.p-menu .p-menuitem-badge { + background: #93C5FD; + color: #1c2127; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menubar { + padding: 0.5rem; + background: #091a32; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; +} +.p-menubar .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menubar .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menubar .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(147, 197, 253, 0.5); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(147, 197, 253, 0.5); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(147, 197, 253, 0.16); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-submenu-list { + padding: 0.25rem 0; + background: #091a32; + border: 1px solid #0b213f; + 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); + width: 12.5rem; +} +.p-menubar .p-submenu-list .p-menu-separator { + border-top: 1px solid #0b213f; + margin: 0.25rem 0; +} +.p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; +} +.p-menubar .p-submenu-list .p-menuitem { + margin: 0; +} +.p-menubar .p-submenu-list .p-menuitem:last-child { + margin: 0; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(147, 197, 253, 0.16); +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-badge { + background: #93C5FD; + color: #1c2127; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +@media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0; + background: #091a32; + border: 1px solid #0b213f; + 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); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menu-separator { + border-top: 1px solid #0b213f; + margin: 0.25rem 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(147, 197, 253, 0.5); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } +} +.p-panelmenu .p-panelmenu-header > a { + padding: 1.25rem; + border: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); + background: #071426; + font-weight: 700; + border-radius: 6px; + transition: box-shadow 0.2s; +} +.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); +} +.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #0b213f; + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-header.p-highlight { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight > a { + background: #071426; + border-color: #0b213f; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + border-color: #0b213f; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0; + border: 1px solid #0b213f; + background: #071426; + color: rgba(255, 255, 255, 0.87); + margin-bottom: 4px; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(147, 197, 253, 0.5); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { + padding: 0 0 0 1rem; +} +.p-panelmenu .p-panelmenu-panel { + margin-bottom: 4px; +} +.p-panelmenu .p-menuitem-badge { + background: #93C5FD; + color: #1c2127; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-slidemenu { + padding: 0.25rem 0; + background: #091a32; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; + width: 12.5rem; +} +.p-slidemenu .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-slidemenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-slidemenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(147, 197, 253, 0.5); +} +.p-slidemenu.p-slidemenu-overlay { + background: #091a32; + border: 1px solid #0b213f; + 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); +} +.p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0; + background: #091a32; + border: 1px solid #0b213f; + 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); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { + background: rgba(147, 197, 253, 0.16); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-slidemenu-separator { + border-top: 1px solid #0b213f; + margin: 0.25rem 0; +} +.p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; +} +.p-slidemenu .p-slidemenu-backward { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-badge { + background: #93C5FD; + color: #1c2127; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: box-shadow 0.2s; + border-radius: 6px; + background: transparent; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: rgba(255, 255, 255, 0.87); + border: 0 none; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); +} +.p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(147, 197, 253, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 700; + color: rgba(255, 255, 255, 0.87); +} +.p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #0b213f; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; +} + +.p-tabmenu .p-tabmenu-nav { + background: transparent; + border: 1px solid #0b213f; + border-width: 0 0 2px 0; +} +.p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #93C5FD; + color: #1c2127; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #0b213f; + border-width: 0 0 2px 0; + border-color: transparent transparent #0b213f transparent; + background: #071426; + color: rgba(255, 255, 255, 0.6); + padding: 1.25rem; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(147, 197, 253, 0.5); +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #071426; + border-color: #93C5FD; + color: rgba(255, 255, 255, 0.87); +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #071426; + border-color: #93C5FD; + color: #93C5FD; +} +.p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #071426; + color: #93C5FD; + width: 3rem; + 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); + border-radius: 0; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(147, 197, 253, 0.5); +} + +.p-tieredmenu { + padding: 0.25rem 0; + background: #091a32; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; + width: 12.5rem; +} +.p-tieredmenu .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-tieredmenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-tieredmenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(147, 197, 253, 0.5); +} +.p-tieredmenu.p-tieredmenu-overlay { + background: #091a32; + border: 1px solid #0b213f; + 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); +} +.p-tieredmenu .p-submenu-list { + padding: 0.25rem 0; + background: #091a32; + border: 1px solid #0b213f; + 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); +} +.p-tieredmenu .p-menuitem { + margin: 0; +} +.p-tieredmenu .p-menuitem:last-child { + margin: 0; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(147, 197, 253, 0.16); +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menu-separator { + border-top: 1px solid #0b213f; + margin: 0.25rem 0; +} +.p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-tieredmenu .p-menuitem-badge { + background: #93C5FD; + color: #1c2127; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-inline-message { + padding: 0.75rem 0.75rem; + margin: 0; + border-radius: 6px; +} +.p-inline-message.p-inline-message-info { + background: #e9e9ff; + border: solid #696cff; + border-width: 1px; + color: #696cff; +} +.p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #696cff; +} +.p-inline-message.p-inline-message-success { + background: #e4f8f0; + border: solid #1ea97c; + border-width: 1px; + color: #1ea97c; +} +.p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #1ea97c; +} +.p-inline-message.p-inline-message-warn { + background: #fff2e2; + border: solid #cc8925; + border-width: 1px; + color: #cc8925; +} +.p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #cc8925; +} +.p-inline-message.p-inline-message-error { + background: #ffe7e6; + border: solid #ff5757; + border-width: 1px; + color: #ff5757; +} +.p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #ff5757; +} +.p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; +} +.p-inline-message .p-inline-message-text { + font-size: 1rem; +} +.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; +} + +.p-message { + margin: 1rem 0; + border-radius: 6px; +} +.p-message .p-message-wrapper { + padding: 1.25rem 1.75rem; +} +.p-message .p-message-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-message .p-message-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); +} +.p-message.p-message-info { + background: #e9e9ff; + border: solid #696cff; + border-width: 0 0 0 6px; + color: #696cff; +} +.p-message.p-message-info .p-message-icon { + color: #696cff; +} +.p-message.p-message-info .p-message-close { + color: #696cff; +} +.p-message.p-message-success { + background: #e4f8f0; + border: solid #1ea97c; + border-width: 0 0 0 6px; + color: #1ea97c; +} +.p-message.p-message-success .p-message-icon { + color: #1ea97c; +} +.p-message.p-message-success .p-message-close { + color: #1ea97c; +} +.p-message.p-message-warn { + background: #fff2e2; + border: solid #cc8925; + border-width: 0 0 0 6px; + color: #cc8925; +} +.p-message.p-message-warn .p-message-icon { + color: #cc8925; +} +.p-message.p-message-warn .p-message-close { + color: #cc8925; +} +.p-message.p-message-error { + background: #ffe7e6; + border: solid #ff5757; + border-width: 0 0 0 6px; + color: #ff5757; +} +.p-message.p-message-error .p-message-icon { + color: #ff5757; +} +.p-message.p-message-error .p-message-close { + color: #ff5757; +} +.p-message .p-message-text { + font-size: 1rem; + font-weight: 400; +} +.p-message .p-message-icon { + font-size: 1.5rem; + margin-right: 0.5rem; +} +.p-message .p-message-summary { + font-weight: 700; +} +.p-message .p-message-detail { + margin-left: 0.5rem; +} + +.p-toast { + opacity: 0.9; +} +.p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: none; + border-radius: 6px; +} +.p-toast .p-toast-message .p-toast-message-content { + padding: 1rem; + border-width: 0 0 0 6px; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 1rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 2rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 700; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; +} +.p-toast .p-toast-message .p-toast-icon-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-toast .p-toast-message .p-toast-icon-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); +} +.p-toast .p-toast-message.p-toast-message-info { + background: #e9e9ff; + border: solid #696cff; + border-width: 0 0 0 6px; + color: #696cff; +} +.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #696cff; +} +.p-toast .p-toast-message.p-toast-message-success { + background: #e4f8f0; + border: solid #1ea97c; + border-width: 0 0 0 6px; + color: #1ea97c; +} +.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #1ea97c; +} +.p-toast .p-toast-message.p-toast-message-warn { + background: #fff2e2; + border: solid #cc8925; + border-width: 0 0 0 6px; + color: #cc8925; +} +.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #cc8925; +} +.p-toast .p-toast-message.p-toast-message-error { + background: #ffe7e6; + border: solid #ff5757; + border-width: 0 0 0 6px; + color: #ff5757; +} +.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #ff5757; +} + +.p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-item-nav { + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0 0.5rem; +} +.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f8f9fa; + padding: 1rem; +} +.p-galleria .p-galleria-indicators { + padding: 1rem; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #0b213f; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.1); +} +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(147, 197, 253, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; +} +.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(147, 197, 253, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f8f9fa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); +} + +.p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-preview-indicator { + background-color: transparent; + color: #f8f9fa; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} + +.p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); +} + +.p-image-toolbar { + padding: 1rem; +} + +.p-image-action.p-link { + color: #f8f9fa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-image-action.p-link:last-child { + margin-right: 0; +} +.p-image-action.p-link:hover { + color: #f8f9fa; + background-color: rgba(255, 255, 255, 0.1); +} +.p-image-action.p-link i { + font-size: 1.5rem; +} + +.p-avatar { + background-color: #0b213f; + border-radius: 6px; +} +.p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +.p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; +} +.p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +.p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; +} + +.p-avatar-group .p-avatar { + border: 2px solid #071426; +} + +.p-badge { + background: #93C5FD; + color: #1c2127; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +.p-badge.p-badge-secondary { + background-color: #CBD5E1; + color: #1c2127; +} +.p-badge.p-badge-success { + background-color: #86EFAC; + color: #1c2127; +} +.p-badge.p-badge-info { + background-color: #93C5FD; + color: #1c2127; +} +.p-badge.p-badge-warning { + background-color: #FCD34D; + color: #1c2127; +} +.p-badge.p-badge-danger { + background-color: #FCA5A5; + color: #1c2127; +} +.p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +.p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} + +.p-chip { + background-color: #0b213f; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + padding: 0 0.75rem; +} +.p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; +} +.p-chip .p-chip-icon { + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; +} +.p-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); +} + +.p-inplace .p-inplace-display { + padding: 0.75rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); +} + +.p-progressbar { + border: 0 none; + height: 1.5rem; + background: #0b213f; + border-radius: 6px; +} +.p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #93C5FD; +} +.p-progressbar .p-progressbar-label { + color: #1c2127; + line-height: 1.5rem; +} + +.p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + 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); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-scrolltop.p-link { + background: rgba(147, 197, 253, 0.16); +} +.p-scrolltop.p-link:hover { + background: rgba(147, 197, 253, 0.3616); +} +.p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: rgba(255, 255, 255, 0.87); +} + +.p-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 6px; +} +.p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); +} + +.p-tag { + background: #93C5FD; + color: #1c2127; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; +} +.p-tag.p-tag-success { + background-color: #86EFAC; + color: #1c2127; +} +.p-tag.p-tag-info { + background-color: #93C5FD; + color: #1c2127; +} +.p-tag.p-tag-warning { + background-color: #FCD34D; + color: #1c2127; +} +.p-tag.p-tag-danger { + background-color: #FCA5A5; + color: #1c2127; +} +.p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +.p-terminal { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + padding: 1.25rem; +} +.p-terminal .p-terminal-input { + font-size: 1rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; +} + +.p-button-label { + font-weight: 700; +} + +.p-accordion .p-accordion-header .p-accordion-header-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; +} + +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-tabview .p-tabview-nav .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 2px; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); +} + +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #93C5FD; +} + +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #93C5FD; +} + +.p-button:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(147, 197, 253, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); +} +.p-button.p-button-secondary:enabled:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(203, 213, 225, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); +} +.p-button.p-button-success:enabled:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(134, 239, 172, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); +} +.p-button.p-button-info:enabled:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(147, 197, 253, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); +} +.p-button.p-button-warning:enabled:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(252, 211, 77, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); +} +.p-button.p-button-help:enabled:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(216, 180, 254, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); +} +.p-button.p-button-danger:enabled:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(252, 165, 165, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); +} + +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #93C5FD; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #93C5FD; +} diff --git a/assets/layout/styles/theme/lara-dark-blue/theme.css.br b/assets/layout/styles/theme/lara-dark-blue/theme.css.br new file mode 100644 index 0000000..2370c80 Binary files /dev/null and b/assets/layout/styles/theme/lara-dark-blue/theme.css.br differ diff --git a/assets/layout/styles/theme/lara-dark-blue/theme.css.gz b/assets/layout/styles/theme/lara-dark-blue/theme.css.gz new file mode 100644 index 0000000..5af20cf Binary files /dev/null and b/assets/layout/styles/theme/lara-dark-blue/theme.css.gz differ diff --git a/assets/layout/styles/theme/lara-dark-indigo/theme.css b/assets/layout/styles/theme/lara-dark-indigo/theme.css new file mode 100644 index 0000000..0bcbe30 --- /dev/null +++ b/assets/layout/styles/theme/lara-dark-indigo/theme.css @@ -0,0 +1,6297 @@ +:root { + --surface-a:#071426; + --surface-b:#040d19; + --surface-c:rgba(255, 255, 255, 0.03); + --surface-d:#0b213f; + --surface-e:#071426; + --surface-f:#071426; + --text-color:rgba(255, 255, 255, 0.87); + --text-color-secondary:rgba(255, 255, 255, 0.6); + --primary-color:#A5B4FC; + --primary-color-text:#1c2127; + --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --surface-0: #040d19; + --surface-50: #1d2530; + --surface-100: #363d47; + --surface-200: #4f565e; + --surface-300: #686e75; + --surface-400: #82868c; + --surface-500: #9b9ea3; + --surface-600: #b4b6ba; + --surface-700: #cdcfd1; + --surface-800: #e6e7e8; + --surface-900: #ffffff; + --gray-50: #e6e7e8; + --gray-100: #cdcfd1; + --gray-200: #b4b6ba; + --gray-300: #9b9ea3; + --gray-400: #82868c; + --gray-500: #686e75; + --gray-600: #4f565e; + --gray-700: #363d47; + --gray-800: #1d2530; + --gray-900: #040d19; + --content-padding:1.25rem; + --inline-spacing:0.5rem; + --border-radius:6px; + --surface-ground:#040d19; + --surface-section:#040d19; + --surface-card:#071426; + --surface-overlay:#071426; + --surface-border:#0b213f; + --surface-hover:rgba(255,255,255,.03); + --focus-ring: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + --maskbg: rgba(0, 0, 0, 0.4); + color-scheme: dark; +} + +* { + box-sizing: border-box; +} + +.p-component { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + font-weight: normal; +} + +.p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; +} + +.p-disabled, .p-component:disabled { + opacity: 0.4; +} + +.p-error { + color: #FCA5A5; +} + +.p-text-secondary { + color: rgba(255, 255, 255, 0.6); +} + +.pi { + font-size: 1rem; +} + +.p-link { + font-size: 1rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + border-radius: 6px; +} +.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); +} + +.p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; +} + +.p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; +} + +@keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } +} +@keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } +} + +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --red-50:#fff5f5; + --red-100:#ffd0ce; + --red-200:#ffaca7; + --red-300:#ff8780; + --red-400:#ff6259; + --red-500:#ff3d32; + --red-600:#d9342b; + --red-700:#b32b23; + --red-800:#8c221c; + --red-900:#661814; + --primary-50:#fbfbff; + --primary-100:#e9edfe; + --primary-200:#d8dffe; + --primary-300:#c7d1fd; + --primary-400:#b6c2fd; + --primary-500:#a5b4fc; + --primary-600:#8c99d6; + --primary-700:#747eb0; + --primary-800:#5b638b; + --primary-900:#424865; +} + +.p-autocomplete .p-autocomplete-loader { + right: 0.75rem; +} +.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.75rem; +} +.p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + border-color: #A5B4FC; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + border-color: #A5B4FC; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.375rem 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.375rem 0.75rem; + background: rgba(165, 180, 252, 0.16); + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; +} + +p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #FCA5A5; +} + +.p-autocomplete-panel { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; + 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); +} +.p-autocomplete-panel .p-autocomplete-items { + padding: 0.75rem 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(165, 180, 252, 0.16); +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #091a32; + font-weight: 700; +} + +p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; +} +p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; +} + +p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3.75rem; +} + +p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #FCA5A5; +} + +.p-datepicker { + padding: 0.5rem; + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; +} +.p-datepicker:not(.p-datepicker-inline) { + background: #071426; + border: 1px solid #0b213f; + 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); +} +.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #071426; +} +.p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: rgba(255, 255, 255, 0.87); + background: #071426; + font-weight: 700; + margin: 0; + border-bottom: 1px solid #0b213f; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); +} +.p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 2rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + font-weight: 700; + padding: 0.5rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #A5B4FC; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; +} +.p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0; +} +.p-datepicker table th { + padding: 0.5rem; +} +.p-datepicker table th > span { + width: 2.5rem; + height: 2.5rem; +} +.p-datepicker table td { + padding: 0.5rem; +} +.p-datepicker table td > span { + width: 2.5rem; + height: 2.5rem; + border-radius: 50%; + transition: box-shadow 0.2s; + border: 1px solid transparent; +} +.p-datepicker table td > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(165, 180, 252, 0.16); +} +.p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); +} +.p-datepicker table td.p-datepicker-today > span { + background: transparent; + color: #A5B4FC; + border-color: transparent; +} +.p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(165, 180, 252, 0.16); +} +.p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #0b213f; +} +.p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; +} +.p-datepicker .p-timepicker { + border-top: 1px solid #0b213f; + padding: 0.5rem; +} +.p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-timepicker button:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker .p-timepicker button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); +} +.p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; +} +.p-datepicker .p-timepicker span { + font-size: 1.25rem; +} +.p-datepicker .p-timepicker > div { + padding: 0 0.5rem; +} +.p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; +} +.p-datepicker .p-monthpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.5rem; + transition: box-shadow 0.2s; + border-radius: 6px; +} +.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(165, 180, 252, 0.16); +} +.p-datepicker .p-yearpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.5rem; + transition: box-shadow 0.2s; + border-radius: 6px; +} +.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(165, 180, 252, 0.16); +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #0b213f; + padding-right: 0.5rem; + padding-left: 0.5rem; + padding-top: 0; + padding-bottom: 0; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); +} + +p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; +} +p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; +} + +p-calendar.p-calendar-clearable.p-calendar-w-btn .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3.75rem; +} + +@media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } +} +.p-cascadeselect { + background: #040d19; + border: 1px solid #0b213f; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +.p-cascadeselect:not(.p-disabled):hover { + border-color: #A5B4FC; +} +.p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + border-color: #A5B4FC; +} +.p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; +} +.p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.p-cascadeselect-panel { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; + 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); +} +.p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.75rem 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 1.25rem; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(165, 180, 252, 0.5); +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(165, 180, 252, 0.16); +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; +} + +p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #FCA5A5; +} + +.p-input-filled .p-cascadeselect { + background: #0b213f; +} +.p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #0b213f; +} +.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #0b213f; +} + +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; +} +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; +} + +.p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; +} +.p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); +} + +.p-checkbox { + width: 22px; + height: 22px; +} +.p-checkbox .p-checkbox-box { + border: 2px solid #0b213f; + background: #040d19; + width: 22px; + height: 22px; + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #1c2127; + font-size: 14px; +} +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #A5B4FC; + background: #A5B4FC; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #A5B4FC; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + border-color: #A5B4FC; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #7d92fb; + background: #7d92fb; + color: #1c2127; +} + +p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #FCA5A5; +} + +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #0b213f; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #A5B4FC; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #0b213f; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #7d92fb; +} + +.p-checkbox-label { + margin-left: 0.5rem; +} + +.p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; +} +.p-chips .p-chips-multiple-container:not(.p-disabled):hover { + border-color: #A5B4FC; +} +.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + border-color: #A5B4FC; +} +.p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.375rem 0.75rem; + background: rgba(165, 180, 252, 0.16); + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; +} +.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; +} +.p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.375rem 0; +} +.p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; +} + +p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #FCA5A5; +} + +p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; +} +p-chips.p-chips-clearable .p-chips-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; +} + +.p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; +} + +.p-colorpicker-panel { + background: #071426; + border: 1px solid #0b213f; +} +.p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: rgba(255, 255, 255, 0.87); +} + +.p-colorpicker-overlay-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); +} + +.p-dropdown { + background: #040d19; + border: 1px solid #0b213f; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +.p-dropdown:not(.p-disabled):hover { + border-color: #A5B4FC; +} +.p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + border-color: #A5B4FC; +} +.p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; +} +.p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; +} +.p-dropdown .p-dropdown-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-dropdown .p-dropdown-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +.p-dropdown .p-dropdown-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; +} + +.p-dropdown-panel { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; + 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); +} +.p-dropdown-panel .p-dropdown-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); + background: #071426; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-dropdown-panel .p-dropdown-items { + padding: 0.75rem 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(165, 180, 252, 0.16); +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #091a32; + font-weight: 700; +} + +p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #FCA5A5; +} + +.p-input-filled .p-dropdown { + background: #0b213f; +} +.p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #0b213f; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #0b213f; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; +} + +.p-editor-container .p-editor-toolbar { + background: #071426; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #0b213f; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #071426; + border: 1px solid #0b213f; + 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); + border-radius: 6px; + padding: 0.75rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 1.25rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #0b213f; +} +.p-editor-container .p-editor-content .ql-editor { + background: #040d19; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #A5B4FC; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #A5B4FC; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #A5B4FC; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #A5B4FC; +} + +.p-inputgroup-addon { + background: #071426; + color: rgba(255, 255, 255, 0.6); + border-top: 1px solid #0b213f; + border-left: 1px solid #0b213f; + border-bottom: 1px solid #0b213f; + padding: 0.75rem 0.75rem; + min-width: 3rem; +} +.p-inputgroup-addon:last-child { + border-right: 1px solid #0b213f; +} + +.p-inputgroup > .p-component, +.p-inputgroup > .p-element, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; +} +.p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-element + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; +} +.p-inputgroup > .p-component:focus, +.p-inputgroup > .p-element:focus, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; +} +.p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-element:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; +} + +.p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.p-fluid .p-inputgroup .p-button { + width: auto; +} +.p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 3rem; +} + +p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #FCA5A5; +} + +p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; +} +p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; +} + +p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #FCA5A5; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.75rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.75rem; +} + +.p-inputswitch { + width: 3rem; + height: 1.75rem; +} +.p-inputswitch .p-inputswitch-slider { + background: #233752; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; +} +.p-inputswitch .p-inputswitch-slider:before { + background: rgba(255, 255, 255, 0.6); + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition-duration: 0.2s; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1.25rem); +} +.p-inputswitch.p-focus .p-inputswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); +} +.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #0b213f; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #A5B4FC; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: rgba(255, 255, 255, 0.87); +} +.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #91a3fb; +} + +p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + border-color: #FCA5A5; +} + +.p-inputtext { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + background: #040d19; + padding: 0.75rem 0.75rem; + border: 1px solid #0b213f; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + appearance: none; + border-radius: 6px; +} +.p-inputtext:enabled:hover { + border-color: #A5B4FC; +} +.p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + border-color: #A5B4FC; +} +.p-inputtext.ng-dirty.ng-invalid { + border-color: #FCA5A5; +} +.p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; +} +.p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; +} + +.p-float-label > label { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; +} + +.p-float-label > .ng-invalid.ng-dirty + label { + color: #FCA5A5; +} + +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} + +.p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; +} + +.p-input-icon-left.p-float-label > label { + left: 2.5rem; +} + +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} + +.p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; +} + +::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +:-moz-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +.p-input-filled .p-inputtext { + background-color: #0b213f; +} +.p-input-filled .p-inputtext:enabled:hover { + background-color: #0b213f; +} +.p-input-filled .p-inputtext:enabled:focus { + background-color: #0b213f; +} + +.p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; +} + +.p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; +} + +.p-listbox { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; +} +.p-listbox .p-listbox-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); + background: #071426; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; +} +.p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list { + padding: 0.75rem 0; +} +.p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(165, 180, 252, 0.16); +} +.p-listbox .p-listbox-list .p-listbox-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(165, 180, 252, 0.5); +} +.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #091a32; + font-weight: 700; +} +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} + +p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #FCA5A5; +} + +.p-multiselect { + background: #040d19; + border: 1px solid #0b213f; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +.p-multiselect:not(.p-disabled):hover { + border-color: #A5B4FC; +} +.p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + border-color: #A5B4FC; +} +.p-multiselect .p-multiselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-multiselect .p-multiselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-multiselect.p-multiselect-chip .p-multiselect-label { + gap: 0.5rem; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.375rem 0.75rem; + background: rgba(165, 180, 252, 0.16); + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; +} +.p-multiselect .p-multiselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.375rem 0.75rem; +} + +.p-multiselect-panel { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; + 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); +} +.p-multiselect-panel .p-multiselect-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); + background: #071426; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); +} +.p-multiselect-panel .p-multiselect-items { + padding: 0.75rem 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(165, 180, 252, 0.16); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(165, 180, 252, 0.5); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #091a32; + font-weight: 700; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} + +p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #FCA5A5; +} + +.p-input-filled .p-multiselect { + background: #0b213f; +} +.p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #0b213f; +} +.p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #0b213f; +} + +p-multiselect.p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; +} +p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; +} + +p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #FCA5A5; +} + +.p-password-panel { + padding: 1.25rem; + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + 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); + border-radius: 6px; +} +.p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #0b213f; +} +.p-password-panel .p-password-meter .p-password-strength.weak { + background: #eb9a9c; +} +.p-password-panel .p-password-meter .p-password-strength.medium { + background: #ffcf91; +} +.p-password-panel .p-password-meter .p-password-strength.strong { + background: #93deac; +} + +p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; +} +p-password.p-password-clearable .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; +} + +p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; +} +p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.5rem; +} + +.p-radiobutton { + width: 22px; + height: 22px; +} +.p-radiobutton .p-radiobutton-box { + border: 2px solid #0b213f; + background: #040d19; + width: 22px; + height: 22px; + color: rgba(255, 255, 255, 0.87); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #A5B4FC; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + border-color: #A5B4FC; +} +.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 12px; + height: 12px; + transition-duration: 0.2s; + background-color: #1c2127; +} +.p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #A5B4FC; + background: #A5B4FC; +} +.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #7d92fb; + background: #7d92fb; + color: #1c2127; +} + +p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #FCA5A5; +} + +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #0b213f; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #0b213f; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #A5B4FC; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #7d92fb; +} + +.p-radiobutton-label { + margin-left: 0.5rem; +} + +.p-rating .p-rating-icon { + color: rgba(255, 255, 255, 0.87); + margin-left: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + font-size: 1.143rem; +} +.p-rating .p-rating-icon.p-rating-cancel { + color: #F48FB1; +} +.p-rating .p-rating-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); +} +.p-rating .p-rating-icon:first-child { + margin-left: 0; +} +.p-rating .p-rating-icon.pi-star-fill { + color: #A5B4FC; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + color: #A5B4FC; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + color: #F48FB1; +} + +.p-selectbutton .p-button { + background: #071426; + border: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #0b213f; + color: rgba(255, 255, 255, 0.87); +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-selectbutton .p-button.p-highlight { + background: #A5B4FC; + border-color: #A5B4FC; + color: #1c2127; +} +.p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #1c2127; +} +.p-selectbutton .p-button.p-highlight:hover { + background: #91a3fb; + border-color: #91a3fb; + color: #1c2127; +} +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #1c2127; +} + +p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #FCA5A5; +} + +.p-slider { + background: #0b213f; + border: 0 none; + border-radius: 6px; +} +.p-slider.p-slider-horizontal { + height: 0.286rem; +} +.p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -0.5715rem; + margin-left: -0.5715rem; +} +.p-slider.p-slider-vertical { + width: 0.286rem; +} +.p-slider.p-slider-vertical .p-slider-handle { + margin-left: -0.5715rem; + margin-bottom: -0.5715rem; +} +.p-slider .p-slider-handle { + height: 1.143rem; + width: 1.143rem; + background: #0b213f; + border: 2px solid #A5B4FC; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); +} +.p-slider .p-slider-range { + background: #A5B4FC; +} +.p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #A5B4FC; + border-color: #A5B4FC; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; +} + +.p-togglebutton.p-button { + background: #071426; + border: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #0b213f; + color: rgba(255, 255, 255, 0.87); +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-togglebutton.p-button.p-highlight { + background: #A5B4FC; + border-color: #A5B4FC; + color: #1c2127; +} +.p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #1c2127; +} +.p-togglebutton.p-button.p-highlight:hover { + background: #91a3fb; + border-color: #91a3fb; + color: #1c2127; +} +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #1c2127; +} + +p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #FCA5A5; +} + +.p-treeselect { + background: #040d19; + border: 1px solid #0b213f; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +.p-treeselect:not(.p-disabled):hover { + border-color: #A5B4FC; +} +.p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + border-color: #A5B4FC; +} +.p-treeselect .p-treeselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-treeselect .p-treeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #0b213f; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; +} +.p-treeselect .p-treeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #FCA5A5; +} + +.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.375rem 0.75rem; +} + +.p-treeselect-panel { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; + 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); +} +.p-treeselect-panel .p-treeselect-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); + background: #071426; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} + +.p-input-filled .p-treeselect { + background: #0b213f; +} +.p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #0b213f; +} +.p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #0b213f; +} + +p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; +} +p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; +} + +.p-button { + color: #1c2127; + background: #A5B4FC; + border: 1px solid #A5B4FC; + padding: 0.75rem 1.25rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +.p-button:enabled:hover { + background: #91a3fb; + color: #1c2127; + border-color: #91a3fb; +} +.p-button:enabled:active { + background: #7d92fb; + color: #1c2127; + border-color: #7d92fb; +} +.p-button.p-button-outlined { + background-color: transparent; + color: #A5B4FC; + border: 1px solid; +} +.p-button.p-button-outlined:enabled:hover { + background: rgba(165, 180, 252, 0.04); + color: #A5B4FC; + border: 1px solid; +} +.p-button.p-button-outlined:enabled:active { + background: rgba(165, 180, 252, 0.16); + color: #A5B4FC; + border: 1px solid; +} +.p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text { + background-color: transparent; + color: #A5B4FC; + border-color: transparent; +} +.p-button.p-button-text:enabled:hover { + background: rgba(165, 180, 252, 0.04); + color: #A5B4FC; + border-color: transparent; +} +.p-button.p-button-text:enabled:active { + background: rgba(165, 180, 252, 0.16); + color: #A5B4FC; + border-color: transparent; +} +.p-button.p-button-text.p-button-plain { + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); +} +.p-button .p-button-label { + transition-duration: 0.2s; +} +.p-button .p-button-icon-left { + margin-right: 0.5rem; +} +.p-button .p-button-icon-right { + margin-left: 0.5rem; +} +.p-button .p-button-icon-bottom { + margin-top: 0.5rem; +} +.p-button .p-button-icon-top { + margin-bottom: 0.5rem; +} +.p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #A5B4FC; + background-color: #1c2127; +} +.p-button.p-button-raised { + 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); +} +.p-button.p-button-rounded { + border-radius: 2rem; +} +.p-button.p-button-icon-only { + width: 3rem; + padding: 0.75rem 0; +} +.p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; +} +.p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 3rem; +} +.p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.65625rem 1.09375rem; +} +.p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; +} +.p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.9375rem 1.5625rem; +} +.p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; +} +.p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; +} +.p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; +} + +.p-fluid .p-button { + width: 100%; +} +.p-fluid .p-button-icon-only { + width: 3rem; +} +.p-fluid .p-buttonset { + display: flex; +} +.p-fluid .p-buttonset .p-button { + flex: 1; +} + +.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + color: #1c2127; + background: #CBD5E1; + border: 1px solid #CBD5E1; +} +.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + background: #b0bfd1; + color: #1c2127; + border-color: #b0bfd1; +} +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #dbe2ea; +} +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: #95a9c2; + color: #1c2127; + border-color: #95a9c2; +} +.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + background-color: transparent; + color: #CBD5E1; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + background: rgba(203, 213, 225, 0.04); + color: #CBD5E1; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(203, 213, 225, 0.16); + color: #CBD5E1; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + background-color: transparent; + color: #CBD5E1; + border-color: transparent; +} +.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + background: rgba(203, 213, 225, 0.04); + border-color: transparent; + color: #CBD5E1; +} +.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + background: rgba(203, 213, 225, 0.16); + border-color: transparent; + color: #CBD5E1; +} + +.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #1c2127; + background: #93C5FD; + border: 1px solid #93C5FD; +} +.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + background: #6cb0fc; + color: #1c2127; + border-color: #6cb0fc; +} +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #b3d6fe; +} +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: #449bfc; + color: #1c2127; + border-color: #449bfc; +} +.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + background-color: transparent; + color: #93C5FD; + border: 1px solid; +} +.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + background: rgba(147, 197, 253, 0.04); + color: #93C5FD; + border: 1px solid; +} +.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(147, 197, 253, 0.16); + color: #93C5FD; + border: 1px solid; +} +.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + background-color: transparent; + color: #93C5FD; + border-color: transparent; +} +.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + background: rgba(147, 197, 253, 0.04); + border-color: transparent; + color: #93C5FD; +} +.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + background: rgba(147, 197, 253, 0.16); + border-color: transparent; + color: #93C5FD; +} + +.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #1c2127; + background: #86EFAC; + border: 1px solid #86EFAC; +} +.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + background: #65eb95; + color: #1c2127; + border-color: #65eb95; +} +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #aaf4c5; +} +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: #44e67f; + color: #1c2127; + border-color: #44e67f; +} +.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + background-color: transparent; + color: #86EFAC; + border: 1px solid; +} +.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + background: rgba(134, 239, 172, 0.04); + color: #86EFAC; + border: 1px solid; +} +.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(134, 239, 172, 0.16); + color: #86EFAC; + border: 1px solid; +} +.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + background-color: transparent; + color: #86EFAC; + border-color: transparent; +} +.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + background: rgba(134, 239, 172, 0.04); + border-color: transparent; + color: #86EFAC; +} +.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + background: rgba(134, 239, 172, 0.16); + border-color: transparent; + color: #86EFAC; +} + +.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #1c2127; + background: #FCD34D; + border: 1px solid #FCD34D; +} +.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + background: #fbcb2d; + color: #1c2127; + border-color: #fbcb2d; +} +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #fde082; +} +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: #fbc30c; + color: #1c2127; + border-color: #fbc30c; +} +.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + background-color: transparent; + color: #FCD34D; + border: 1px solid; +} +.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + background: rgba(252, 211, 77, 0.04); + color: #FCD34D; + border: 1px solid; +} +.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(252, 211, 77, 0.16); + color: #FCD34D; + border: 1px solid; +} +.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + background-color: transparent; + color: #FCD34D; + border-color: transparent; +} +.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + background: rgba(252, 211, 77, 0.04); + border-color: transparent; + color: #FCD34D; +} +.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + background: rgba(252, 211, 77, 0.16); + border-color: transparent; + color: #FCD34D; +} + +.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #1c2127; + background: #D8B4FE; + border: 1px solid #D8B4FE; +} +.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + background: #c289fd; + color: #1c2127; + border-color: #c289fd; +} +.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #e4cbfe; +} +.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: #ab5efd; + color: #1c2127; + border-color: #ab5efd; +} +.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + background-color: transparent; + color: #D8B4FE; + border: 1px solid; +} +.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + background: rgba(216, 180, 254, 0.04); + color: #D8B4FE; + border: 1px solid; +} +.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(216, 180, 254, 0.16); + color: #D8B4FE; + border: 1px solid; +} +.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + background-color: transparent; + color: #D8B4FE; + border-color: transparent; +} +.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + background: rgba(216, 180, 254, 0.04); + border-color: transparent; + color: #D8B4FE; +} +.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + background: rgba(216, 180, 254, 0.16); + border-color: transparent; + color: #D8B4FE; +} + +.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #1c2127; + background: #FCA5A5; + border: 1px solid #FCA5A5; +} +.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + background: #fb7d7d; + color: #1c2127; + border-color: #fb7d7d; +} +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #fdc0c0; +} +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: #f95454; + color: #1c2127; + border-color: #f95454; +} +.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + background-color: transparent; + color: #FCA5A5; + border: 1px solid; +} +.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + background: rgba(252, 165, 165, 0.04); + color: #FCA5A5; + border: 1px solid; +} +.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(252, 165, 165, 0.16); + color: #FCA5A5; + border: 1px solid; +} +.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + background-color: transparent; + color: #FCA5A5; + border-color: transparent; +} +.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + background: rgba(252, 165, 165, 0.04); + border-color: transparent; + color: #FCA5A5; +} +.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + background: rgba(252, 165, 165, 0.16); + border-color: transparent; + color: #FCA5A5; +} + +.p-button.p-button-link { + color: #A5B4FC; + background: transparent; + border: transparent; +} +.p-button.p-button-link:enabled:hover { + background: transparent; + color: #A5B4FC; + border-color: transparent; +} +.p-button.p-button-link:enabled:hover .p-button-label { + text-decoration: underline; +} +.p-button.p-button-link:enabled:focus { + background: transparent; + box-shadow: 0 0 0 1px rgba(165, 180, 252, 0.5); + border-color: transparent; +} +.p-button.p-button-link:enabled:active { + background: transparent; + color: #A5B4FC; + border-color: transparent; +} + +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: rgba(255, 255, 255, 0.87); + color: #040d19; +} +.p-speeddial-action:hover { + background: rgba(255, 255, 255, 0.6); + color: #040d19; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +.p-splitbutton { + border-radius: 6px; +} +.p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #A5B4FC; + border: 1px solid; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(165, 180, 252, 0.04); + color: #A5B4FC; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(165, 180, 252, 0.16); + color: #A5B4FC; +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #A5B4FC; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(165, 180, 252, 0.04); + color: #A5B4FC; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(165, 180, 252, 0.16); + color: #A5B4FC; + border-color: transparent; +} +.p-splitbutton.p-button-text.p-button-plain > .p-button { + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-raised { + 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); +} +.p-splitbutton.p-button-rounded { + border-radius: 2rem; +} +.p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; +} +.p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.65625rem 1.09375rem; +} +.p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; +} +.p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.9375rem 1.5625rem; +} +.p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; +} + +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #CBD5E1; + border: 1px solid; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(203, 213, 225, 0.04); + color: #CBD5E1; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(203, 213, 225, 0.16); + color: #CBD5E1; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #CBD5E1; + border-color: transparent; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(203, 213, 225, 0.04); + border-color: transparent; + color: #CBD5E1; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(203, 213, 225, 0.16); + border-color: transparent; + color: #CBD5E1; +} + +.p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #93C5FD; + border: 1px solid; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(147, 197, 253, 0.04); + color: #93C5FD; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(147, 197, 253, 0.16); + color: #93C5FD; +} +.p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #93C5FD; + border-color: transparent; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(147, 197, 253, 0.04); + border-color: transparent; + color: #93C5FD; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(147, 197, 253, 0.16); + border-color: transparent; + color: #93C5FD; +} + +.p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #86EFAC; + border: 1px solid; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(134, 239, 172, 0.04); + color: #86EFAC; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(134, 239, 172, 0.16); + color: #86EFAC; +} +.p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #86EFAC; + border-color: transparent; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(134, 239, 172, 0.04); + border-color: transparent; + color: #86EFAC; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(134, 239, 172, 0.16); + border-color: transparent; + color: #86EFAC; +} + +.p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #FCD34D; + border: 1px solid; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(252, 211, 77, 0.04); + color: #FCD34D; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(252, 211, 77, 0.16); + color: #FCD34D; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #FCD34D; + border-color: transparent; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(252, 211, 77, 0.04); + border-color: transparent; + color: #FCD34D; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(252, 211, 77, 0.16); + border-color: transparent; + color: #FCD34D; +} + +.p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #D8B4FE; + border: 1px solid; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(216, 180, 254, 0.04); + color: #D8B4FE; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(216, 180, 254, 0.16); + color: #D8B4FE; +} +.p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #D8B4FE; + border-color: transparent; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(216, 180, 254, 0.04); + border-color: transparent; + color: #D8B4FE; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(216, 180, 254, 0.16); + border-color: transparent; + color: #D8B4FE; +} + +.p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #FCA5A5; + border: 1px solid; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(252, 165, 165, 0.04); + color: #FCA5A5; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(252, 165, 165, 0.16); + color: #FCA5A5; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #FCA5A5; + border-color: transparent; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(252, 165, 165, 0.04); + border-color: transparent; + color: #FCA5A5; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(252, 165, 165, 0.16); + border-color: transparent; + color: #FCA5A5; +} + +.p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; +} +.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-carousel .p-carousel-content .p-carousel-prev:focus, +.p-carousel .p-carousel-content .p-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); +} +.p-carousel .p-carousel-indicators { + padding: 1rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #0b213f; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: rgba(255, 255, 255, 0.03); +} +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(165, 180, 252, 0.16); + color: rgba(255, 255, 255, 0.87); +} + +.p-datatable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +.p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-datatable .p-datatable-header { + background: #071426; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #0b213f; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; +} +.p-datatable .p-datatable-footer { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; +} +.p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #0b213f; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #071426; + transition: box-shadow 0.2s; +} +.p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #0b213f; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #071426; +} +.p-datatable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(165, 180, 252, 0.16); + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column.p-highlight { + background: rgba(165, 180, 252, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(165, 180, 252, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column:focus { + box-shadow: inset 0 0 0 0.15rem rgba(165, 180, 252, 0.5); + outline: 0 none; +} +.p-datatable .p-datatable-tbody > tr { + background: #071426; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; +} +.p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #0b213f; + border-width: 0 0 1px 0; + padding: 1rem 1rem; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); +} +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; +} +.p-datatable .p-datatable-tbody > tr:focus { + outline: 0.15rem solid rgba(165, 180, 252, 0.5); + outline-offset: 0.15rem; +} +.p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(165, 180, 252, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(165, 180, 252, 0.16); +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(165, 180, 252, 0.16); +} +.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-column-resizer-helper { + background: #A5B4FC; +} +.p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #071426; +} +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #071426; +} +.p-datatable .p-datatable-loading-icon { + font-size: 2rem; +} +.p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #0d1a2c; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(165, 180, 252, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; +} + +.p-dataview .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +.p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-dataview .p-dataview-header { + background: #071426; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #0b213f; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; +} +.p-dataview .p-dataview-content { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; +} +.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { + border: solid #0b213f; + border-width: 0 0 1px 0; +} +.p-dataview .p-dataview-footer { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +.p-dataview .p-dataview-loading-icon { + font-size: 2rem; +} +.p-dataview .p-dataview-emptymessage { + padding: 1.25rem; +} + +.p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; +} + +.p-column-filter-menu-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-menu-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(165, 180, 252, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-column-filter-menu-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); +} + +.p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-clear-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-column-filter-clear-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); +} + +.p-column-filter-overlay { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; + 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); + min-width: 12.5rem; +} +.p-column-filter-overlay .p-column-filter-row-items { + padding: 0.75rem 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(165, 180, 252, 0.16); +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(165, 180, 252, 0.5); +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #0b213f; + margin: 0.25rem 0; +} + +.p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); + background: #071426; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1.25rem; + border-bottom: 1px solid #0b213f; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; +} +.p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.75rem 1.25rem; +} +.p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1.25rem; +} + +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { + background: #071426; + border: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-view-container td.fc-widget-content { + background: #071426; + border: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #0b213f; +} +.fc.fc-unthemed .fc-view-container .fc-row { + border-right: 1px solid #0b213f; +} +.fc.fc-unthemed .fc-view-container .fc-event { + background: #91a3fb; + border: 1px solid #91a3fb; + color: #1c2127; +} +.fc.fc-unthemed .fc-view-container .fc-divider { + background: #071426; + border: 1px solid #0b213f; +} +.fc.fc-unthemed .fc-toolbar .fc-button { + color: #1c2127; + background: #A5B4FC; + border: 1px solid #A5B4FC; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + display: flex; + align-items: center; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { + background: #91a3fb; + color: #1c2127; + border-color: #91a3fb; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { + background: #7d92fb; + color: #1c2127; + border-color: #7d92fb; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-unthemed .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #071426; + border: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #0b213f; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #A5B4FC; + border-color: #A5B4FC; + color: #1c2127; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #91a3fb; + border-color: #91a3fb; + color: #1c2127; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + z-index: 1; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #0b213f; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #071426; + border-color: #0b213f; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness td { + color: rgba(255, 255, 255, 0.87); + border-color: #0b213f; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #071426; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover { + background: none; + border: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { + border: 1px solid #0b213f; + padding: 1.25rem; + background: #071426; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { + opacity: 1; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; + font-family: "PrimeIcons" !important; + font-size: 1rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { + content: "\e90b"; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { + padding: 1.25rem; + border: 1px solid #0b213f; + background: #071426; + color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #1c2127; + background: #91a3fb; + border-color: #91a3fb; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #1c2127; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: #91a3fb; + border-color: #91a3fb; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #071426; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #1c2127; + background: #A5B4FC; + border: 1px solid #A5B4FC; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: #91a3fb; + color: #1c2127; + border-color: #91a3fb; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: #7d92fb; + color: #1c2127; + border-color: #7d92fb; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.4; + color: #1c2127; + background: #A5B4FC; + border: 1px solid #A5B4FC; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #071426; + border: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #0b213f; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #A5B4FC; + border-color: #A5B4FC; + color: #1c2127; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #91a3fb; + border-color: #91a3fb; + color: #1c2127; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +.fc.fc-theme-standard a { + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(165, 180, 252, 0.16); +} + +.p-orderlist .p-orderlist-controls { + padding: 1.25rem; +} +.p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; +} +.p-orderlist .p-orderlist-header { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + padding: 1.25rem; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 700; +} +.p-orderlist .p-orderlist-filter-container { + padding: 1.25rem; + background: #071426; + border: 1px solid #0b213f; + border-bottom: 0 none; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-orderlist .p-orderlist-list { + border: 1px solid #0b213f; + background: #071426; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; +} +.p-orderlist .p-orderlist-list .p-orderlist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(165, 180, 252, 0.5); +} +.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(165, 180, 252, 0.16); +} +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); +} +.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: rgba(255, 255, 255, 0.01); +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); +} + +.p-orderlist-item.cdk-drag-preview { + padding: 0.75rem 1.25rem; + 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); + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #071426; + margin: 0; +} + +.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(165, 180, 252, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(42, 77, 248, 0.16); +} +.p-organizationchart .p-organizationchart-line-down { + background: #0b213f; +} +.p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #0b213f; + border-color: #0b213f; +} +.p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #0b213f; + border-color: #0b213f; +} +.p-organizationchart .p-organizationchart-node-content { + border: 1px solid #0b213f; + background: #071426; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); +} + +.p-paginator { + background: #071426; + color: rgba(255, 255, 255, 0.6); + border: solid #0b213f; + border-width: 1px; + padding: 0.5rem 1rem; + border-radius: 6px; +} +.p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 6px; +} +.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); +} +.p-paginator .p-paginator-first { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +.p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 3rem; +} +.p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; +} +.p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; +} +.p-paginator .p-paginator-page-input .p-inputtext { + max-width: 3rem; +} +.p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + padding: 0 0.5rem; +} +.p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 6px; +} +.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(165, 180, 252, 0.16); + border-color: rgba(165, 180, 252, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); +} + +.p-picklist .p-picklist-buttons { + padding: 1.25rem; +} +.p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; +} +.p-picklist .p-picklist-header { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + padding: 1.25rem; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-picklist .p-picklist-header .p-picklist-title { + font-weight: 700; +} +.p-picklist .p-picklist-filter-container { + padding: 1.25rem; + background: #071426; + border: 1px solid #0b213f; + border-bottom: 0 none; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-picklist .p-picklist-list { + border: 1px solid #0b213f; + background: #071426; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-picklist .p-picklist-list .p-picklist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; +} +.p-picklist .p-picklist-list .p-picklist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(165, 180, 252, 0.5); +} +.p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(165, 180, 252, 0.16); +} +.p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); +} +.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: rgba(255, 255, 255, 0.01); +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); +} + +.p-picklist-item.cdk-drag-preview { + padding: 0.75rem 1.25rem; + 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); + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #071426; + margin: 0; +} + +.p-timeline .p-timeline-event-marker { + border: 2px solid #A5B4FC; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #1c2127; +} +.p-timeline .p-timeline-event-connector { + background-color: #0b213f; +} +.p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; +} +.p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; +} + +.p-tree { + border: 1px solid #0b213f; + background: #071426; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + border-radius: 6px; +} +.p-tree .p-tree-container .p-treenode { + padding: 0.143rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: box-shadow 0.2s; + padding: 0.5rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(165, 180, 252, 0.5); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(165, 180, 252, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; +} +.p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; +} +.p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-tree .p-treenode-children { + padding: 0 0 0 1rem; +} +.p-tree .p-tree-loading-icon { + font-size: 2rem; +} +.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(84, 113, 249, 0.16); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #0b213f; + background-color: #071426; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem; + transition: box-shadow 0.2s; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(165, 180, 252, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); +} + +.p-treetable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +.p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-treetable .p-treetable-header { + background: #071426; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #0b213f; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; +} +.p-treetable .p-treetable-footer { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; +} +.p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #0b213f; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #071426; + transition: box-shadow 0.2s; +} +.p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #0b213f; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #071426; +} +.p-treetable .p-sortable-column { + outline-color: rgba(165, 180, 252, 0.5); +} +.p-treetable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(165, 180, 252, 0.16); + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-sortable-column.p-highlight { + background: rgba(165, 180, 252, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-treetable-tbody > tr { + background: #071426; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; +} +.p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #0b213f; + border-width: 0 0 1px 0; + padding: 1rem 1rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-treetable-tbody > tr:focus { + outline: 0.15rem solid rgba(165, 180, 252, 0.5); + outline-offset: -0.15rem; +} +.p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(165, 180, 252, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-column-resizer-helper { + background: #A5B4FC; +} +.p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #071426; +} +.p-treetable .p-treetable-loading-icon { + font-size: 2rem; +} +.p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.875rem 0.875rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 1.25rem 1.25rem; +} + +.p-virtualscroller .p-virtualscroller-header { + background: #071426; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #0b213f; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; +} +.p-virtualscroller .p-virtualscroller-content { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; +} +.p-virtualscroller .p-virtualscroller-footer { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.25rem; + border: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); + background: #071426; + font-weight: 700; + border-radius: 6px; + transition: box-shadow 0.2s; +} +.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; +} +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); +} +.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: rgba(255, 255, 255, 0.03); + border-color: #0b213f; + color: rgba(255, 255, 255, 0.87); +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #071426; + border-color: #0b213f; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #0b213f; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-accordion .p-accordion-content { + padding: 1.25rem; + border: 1px solid #0b213f; + background: #071426; + color: rgba(255, 255, 255, 0.87); + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 4px; +} + +.p-card { + background: #071426; + 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: 6px; +} +.p-card .p-card-body { + padding: 1.25rem; +} +.p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +.p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-card .p-card-content { + padding: 1.25rem 0; +} +.p-card .p-card-footer { + padding: 1.25rem 0 0 0; +} + +.p-divider .p-divider-content { + background-color: #071426; +} +.p-divider.p-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; +} +.p-divider.p-divider-horizontal:before { + border-top: 1px #0b213f; +} +.p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; +} +.p-divider.p-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; +} +.p-divider.p-divider-vertical:before { + border-left: 1px #0b213f; +} +.p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; +} + +.p-fieldset { + border: 1px solid #0b213f; + background: #071426; + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; +} +.p-fieldset .p-fieldset-legend { + padding: 1.25rem; + border: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); + background: #071426; + font-weight: 700; + border-radius: 6px; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.25rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; + transition: box-shadow 0.2s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #0b213f; + color: rgba(255, 255, 255, 0.87); +} +.p-fieldset .p-fieldset-content { + padding: 1.25rem; +} + +.p-panel .p-panel-header { + border: 1px solid #0b213f; + padding: 1.25rem; + background: #071426; + color: rgba(255, 255, 255, 0.87); + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-panel .p-panel-header .p-panel-title { + font-weight: 700; +} +.p-panel .p-panel-header .p-panel-header-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-panel .p-panel-header .p-panel-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); +} +.p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.25rem; +} +.p-panel .p-panel-content { + padding: 1.25rem; + border: 1px solid #0b213f; + background: #071426; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + border-top: 0 none; +} +.p-panel .p-panel-footer { + padding: 0.75rem 1.25rem; + border: 1px solid #0b213f; + background: #071426; + color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} +.p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; +} +.p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; +} +.p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; +} + +.p-scrollpanel .p-scrollpanel-bar { + background: #0b213f; + border: 0 none; +} + +.p-splitter { + border: 1px solid #0b213f; + background: #071426; + border-radius: 6px; + color: rgba(255, 255, 255, 0.87); +} +.p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: rgba(255, 255, 255, 0.03); +} +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #0b213f; +} +.p-splitter .p-splitter-gutter-resizing { + background: #0b213f; +} + +.p-tabview .p-tabview-nav { + background: transparent; + border: 1px solid #0b213f; + border-width: 0 0 2px 0; +} +.p-tabview .p-tabview-nav li { + margin-right: 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #0b213f; + border-width: 0 0 2px 0; + border-color: transparent transparent #0b213f transparent; + background: #071426; + color: rgba(255, 255, 255, 0.6); + padding: 1.25rem; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(165, 180, 252, 0.5); +} +.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #071426; + border-color: #A5B4FC; + color: rgba(255, 255, 255, 0.87); +} +.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #071426; + border-color: #A5B4FC; + color: #A5B4FC; +} +.p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; +} +.p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-close { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-nav-btn.p-link { + background: #071426; + color: #A5B4FC; + width: 3rem; + 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); + border-radius: 0; +} +.p-tabview .p-tabview-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(165, 180, 252, 0.5); +} +.p-tabview .p-tabview-panels { + background: #071426; + padding: 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} + +.p-toolbar { + background: #071426; + border: 1px solid #0b213f; + padding: 1.25rem; + border-radius: 6px; + gap: 0.5rem; +} +.p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; +} + +.p-confirm-popup { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; + 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); +} +.p-confirm-popup .p-confirm-popup-content { + padding: 1.25rem; +} +.p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.75rem 1.25rem; +} +.p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; +} +.p-confirm-popup:after { + border: solid transparent; + border-color: rgba(7, 20, 38, 0); + border-bottom-color: #071426; +} +.p-confirm-popup:before { + border: solid transparent; + border-color: rgba(11, 33, 63, 0); + border-bottom-color: #0b213f; +} +.p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #071426; +} +.p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #0b213f; +} +.p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; +} +.p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; +} + +.p-dialog { + border-radius: 6px; + 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: 1px solid #0b213f; +} +.p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #071426; + color: rgba(255, 255, 255, 0.87); + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-dialog .p-dialog-header .p-dialog-title { + font-weight: 700; + font-size: 1.25rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-dialog .p-dialog-header .p-dialog-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); +} +.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; +} +.p-dialog .p-dialog-content { + background: #071426; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.5rem 2rem 1.5rem; +} +.p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-dialog .p-dialog-footer { + border-top: 0 none; + background: #071426; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; +} + +.p-overlaypanel { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; + 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); +} +.p-overlaypanel .p-overlaypanel-content { + padding: 1.25rem; +} +.p-overlaypanel .p-overlaypanel-close { + background: #A5B4FC; + color: #1c2127; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + position: absolute; + top: -1rem; + right: -1rem; +} +.p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #91a3fb; + color: #1c2127; +} +.p-overlaypanel:after { + border: solid transparent; + border-color: rgba(7, 20, 38, 0); + border-bottom-color: #071426; +} +.p-overlaypanel:before { + border: solid transparent; + border-color: rgba(11, 33, 63, 0); + border-bottom-color: #0a1f3c; +} +.p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #071426; +} +.p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #0b213f; +} + +.p-sidebar { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + 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); +} +.p-sidebar .p-sidebar-header { + padding: 1.25rem; +} +.p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-sidebar .p-sidebar-header .p-sidebar-close:focus, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); +} +.p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; +} +.p-sidebar .p-sidebar-content { + padding: 1.25rem; +} +.p-sidebar .p-sidebar-footer { + padding: 1.25rem; +} + +.p-tooltip .p-tooltip-text { + background: #0b213f; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + 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); + border-radius: 6px; +} +.p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #0b213f; +} +.p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #0b213f; +} +.p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #0b213f; +} +.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #0b213f; +} + +.p-fileupload .p-fileupload-buttonbar { + background: #071426; + padding: 1.25rem; + border: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; +} +.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); +} +.p-fileupload .p-fileupload-content { + background: #071426; + padding: 2rem 1rem; + border: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-fileupload .p-progressbar { + height: 0.25rem; +} +.p-fileupload .p-fileupload-row > div { + padding: 1rem 1rem; +} +.p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; +} + +.p-fileupload-choose:not(.p-disabled):hover { + background: #91a3fb; + color: #1c2127; + border-color: #91a3fb; +} +.p-fileupload-choose:not(.p-disabled):active { + background: #7d92fb; + color: #1c2127; + border-color: #7d92fb; +} + +.p-breadcrumb { + background: #091a32; + border: 1px solid #0b213f; + border-radius: 6px; + padding: 1rem; +} +.p-breadcrumb ul li .p-menuitem-link { + transition: box-shadow 0.2s; + border-radius: 6px; +} +.p-breadcrumb ul li .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-breadcrumb ul li.p-breadcrumb-chevron { + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.87); +} +.p-breadcrumb ul li:last-child .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-breadcrumb ul li:last-child .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} + +.p-contextmenu { + padding: 0.25rem 0; + background: #091a32; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + 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); + border-radius: 6px; + width: 12.5rem; +} +.p-contextmenu .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-contextmenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-contextmenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(165, 180, 252, 0.5); +} +.p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #091a32; + border: 1px solid #0b213f; + 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); + border-radius: 6px; +} +.p-contextmenu .p-menuitem { + margin: 0; +} +.p-contextmenu .p-menuitem:last-child { + margin: 0; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(165, 180, 252, 0.16); +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menu-separator { + border-top: 1px solid #0b213f; + margin: 0.25rem 0; +} +.p-contextmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-contextmenu .p-menuitem-badge { + background: #A5B4FC; + color: #1c2127; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + +@media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } +} +.p-megamenu { + padding: 0.5rem; + background: #091a32; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; + transition: box-shadow 0.2s; + user-select: none; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(165, 180, 252, 0.5); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(165, 180, 252, 0.16); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-megamenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-megamenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(165, 180, 252, 0.5); +} +.p-megamenu .p-megamenu-panel { + background: #091a32; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + 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); +} +.p-megamenu .p-megamenu-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #091a32; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-megamenu .p-megamenu-submenu { + padding: 0.25rem 0; + width: 12.5rem; +} +.p-megamenu .p-megamenu-submenu .p-menu-separator { + border-top: 1px solid #0b213f; + margin: 0.25rem 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem { + margin: 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(165, 180, 252, 0.16); +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem { + margin: 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem-badge { + background: #A5B4FC; + color: #1c2127; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menu { + padding: 0.25rem 0; + background: #091a32; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; + width: 12.5rem; +} +.p-menu .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(165, 180, 252, 0.5); +} +.p-menu.p-menu-overlay { + background: #091a32; + border: 1px solid #0b213f; + 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); +} +.p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #091a32; + font-weight: 700; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.p-menu .p-menu-separator { + border-top: 1px solid #0b213f; + margin: 0.25rem 0; +} +.p-menu .p-menuitem { + margin: 0; +} +.p-menu .p-menuitem:last-child { + margin: 0; +} +.p-menu .p-menuitem-badge { + background: #A5B4FC; + color: #1c2127; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menubar { + padding: 0.5rem; + background: #091a32; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; +} +.p-menubar .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menubar .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menubar .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(165, 180, 252, 0.5); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(165, 180, 252, 0.5); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(165, 180, 252, 0.16); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-submenu-list { + padding: 0.25rem 0; + background: #091a32; + border: 1px solid #0b213f; + 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); + width: 12.5rem; +} +.p-menubar .p-submenu-list .p-menu-separator { + border-top: 1px solid #0b213f; + margin: 0.25rem 0; +} +.p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; +} +.p-menubar .p-submenu-list .p-menuitem { + margin: 0; +} +.p-menubar .p-submenu-list .p-menuitem:last-child { + margin: 0; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(165, 180, 252, 0.16); +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-badge { + background: #A5B4FC; + color: #1c2127; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +@media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0; + background: #091a32; + border: 1px solid #0b213f; + 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); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menu-separator { + border-top: 1px solid #0b213f; + margin: 0.25rem 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(165, 180, 252, 0.5); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } +} +.p-panelmenu .p-panelmenu-header > a { + padding: 1.25rem; + border: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); + background: #071426; + font-weight: 700; + border-radius: 6px; + transition: box-shadow 0.2s; +} +.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); +} +.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #0b213f; + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-header.p-highlight { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight > a { + background: #071426; + border-color: #0b213f; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + border-color: #0b213f; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0; + border: 1px solid #0b213f; + background: #071426; + color: rgba(255, 255, 255, 0.87); + margin-bottom: 4px; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(165, 180, 252, 0.5); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { + padding: 0 0 0 1rem; +} +.p-panelmenu .p-panelmenu-panel { + margin-bottom: 4px; +} +.p-panelmenu .p-menuitem-badge { + background: #A5B4FC; + color: #1c2127; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-slidemenu { + padding: 0.25rem 0; + background: #091a32; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; + width: 12.5rem; +} +.p-slidemenu .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-slidemenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-slidemenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(165, 180, 252, 0.5); +} +.p-slidemenu.p-slidemenu-overlay { + background: #091a32; + border: 1px solid #0b213f; + 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); +} +.p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0; + background: #091a32; + border: 1px solid #0b213f; + 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); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { + background: rgba(165, 180, 252, 0.16); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-slidemenu-separator { + border-top: 1px solid #0b213f; + margin: 0.25rem 0; +} +.p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; +} +.p-slidemenu .p-slidemenu-backward { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-badge { + background: #A5B4FC; + color: #1c2127; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: box-shadow 0.2s; + border-radius: 6px; + background: transparent; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: rgba(255, 255, 255, 0.87); + border: 0 none; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); +} +.p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(165, 180, 252, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 700; + color: rgba(255, 255, 255, 0.87); +} +.p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #0b213f; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; +} + +.p-tabmenu .p-tabmenu-nav { + background: transparent; + border: 1px solid #0b213f; + border-width: 0 0 2px 0; +} +.p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #A5B4FC; + color: #1c2127; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #0b213f; + border-width: 0 0 2px 0; + border-color: transparent transparent #0b213f transparent; + background: #071426; + color: rgba(255, 255, 255, 0.6); + padding: 1.25rem; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(165, 180, 252, 0.5); +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #071426; + border-color: #A5B4FC; + color: rgba(255, 255, 255, 0.87); +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #071426; + border-color: #A5B4FC; + color: #A5B4FC; +} +.p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #071426; + color: #A5B4FC; + width: 3rem; + 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); + border-radius: 0; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(165, 180, 252, 0.5); +} + +.p-tieredmenu { + padding: 0.25rem 0; + background: #091a32; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; + width: 12.5rem; +} +.p-tieredmenu .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-tieredmenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-tieredmenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(165, 180, 252, 0.5); +} +.p-tieredmenu.p-tieredmenu-overlay { + background: #091a32; + border: 1px solid #0b213f; + 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); +} +.p-tieredmenu .p-submenu-list { + padding: 0.25rem 0; + background: #091a32; + border: 1px solid #0b213f; + 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); +} +.p-tieredmenu .p-menuitem { + margin: 0; +} +.p-tieredmenu .p-menuitem:last-child { + margin: 0; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(165, 180, 252, 0.16); +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menu-separator { + border-top: 1px solid #0b213f; + margin: 0.25rem 0; +} +.p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-tieredmenu .p-menuitem-badge { + background: #A5B4FC; + color: #1c2127; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-inline-message { + padding: 0.75rem 0.75rem; + margin: 0; + border-radius: 6px; +} +.p-inline-message.p-inline-message-info { + background: #e9e9ff; + border: solid #696cff; + border-width: 1px; + color: #696cff; +} +.p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #696cff; +} +.p-inline-message.p-inline-message-success { + background: #e4f8f0; + border: solid #1ea97c; + border-width: 1px; + color: #1ea97c; +} +.p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #1ea97c; +} +.p-inline-message.p-inline-message-warn { + background: #fff2e2; + border: solid #cc8925; + border-width: 1px; + color: #cc8925; +} +.p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #cc8925; +} +.p-inline-message.p-inline-message-error { + background: #ffe7e6; + border: solid #ff5757; + border-width: 1px; + color: #ff5757; +} +.p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #ff5757; +} +.p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; +} +.p-inline-message .p-inline-message-text { + font-size: 1rem; +} +.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; +} + +.p-message { + margin: 1rem 0; + border-radius: 6px; +} +.p-message .p-message-wrapper { + padding: 1.25rem 1.75rem; +} +.p-message .p-message-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-message .p-message-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); +} +.p-message.p-message-info { + background: #e9e9ff; + border: solid #696cff; + border-width: 0 0 0 6px; + color: #696cff; +} +.p-message.p-message-info .p-message-icon { + color: #696cff; +} +.p-message.p-message-info .p-message-close { + color: #696cff; +} +.p-message.p-message-success { + background: #e4f8f0; + border: solid #1ea97c; + border-width: 0 0 0 6px; + color: #1ea97c; +} +.p-message.p-message-success .p-message-icon { + color: #1ea97c; +} +.p-message.p-message-success .p-message-close { + color: #1ea97c; +} +.p-message.p-message-warn { + background: #fff2e2; + border: solid #cc8925; + border-width: 0 0 0 6px; + color: #cc8925; +} +.p-message.p-message-warn .p-message-icon { + color: #cc8925; +} +.p-message.p-message-warn .p-message-close { + color: #cc8925; +} +.p-message.p-message-error { + background: #ffe7e6; + border: solid #ff5757; + border-width: 0 0 0 6px; + color: #ff5757; +} +.p-message.p-message-error .p-message-icon { + color: #ff5757; +} +.p-message.p-message-error .p-message-close { + color: #ff5757; +} +.p-message .p-message-text { + font-size: 1rem; + font-weight: 400; +} +.p-message .p-message-icon { + font-size: 1.5rem; + margin-right: 0.5rem; +} +.p-message .p-message-summary { + font-weight: 700; +} +.p-message .p-message-detail { + margin-left: 0.5rem; +} + +.p-toast { + opacity: 0.9; +} +.p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: none; + border-radius: 6px; +} +.p-toast .p-toast-message .p-toast-message-content { + padding: 1rem; + border-width: 0 0 0 6px; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 1rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 2rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 700; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; +} +.p-toast .p-toast-message .p-toast-icon-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-toast .p-toast-message .p-toast-icon-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); +} +.p-toast .p-toast-message.p-toast-message-info { + background: #e9e9ff; + border: solid #696cff; + border-width: 0 0 0 6px; + color: #696cff; +} +.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #696cff; +} +.p-toast .p-toast-message.p-toast-message-success { + background: #e4f8f0; + border: solid #1ea97c; + border-width: 0 0 0 6px; + color: #1ea97c; +} +.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #1ea97c; +} +.p-toast .p-toast-message.p-toast-message-warn { + background: #fff2e2; + border: solid #cc8925; + border-width: 0 0 0 6px; + color: #cc8925; +} +.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #cc8925; +} +.p-toast .p-toast-message.p-toast-message-error { + background: #ffe7e6; + border: solid #ff5757; + border-width: 0 0 0 6px; + color: #ff5757; +} +.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #ff5757; +} + +.p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-item-nav { + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0 0.5rem; +} +.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f8f9fa; + padding: 1rem; +} +.p-galleria .p-galleria-indicators { + padding: 1rem; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #0b213f; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.1); +} +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(165, 180, 252, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; +} +.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(165, 180, 252, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f8f9fa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); +} + +.p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-preview-indicator { + background-color: transparent; + color: #f8f9fa; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} + +.p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); +} + +.p-image-toolbar { + padding: 1rem; +} + +.p-image-action.p-link { + color: #f8f9fa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-image-action.p-link:last-child { + margin-right: 0; +} +.p-image-action.p-link:hover { + color: #f8f9fa; + background-color: rgba(255, 255, 255, 0.1); +} +.p-image-action.p-link i { + font-size: 1.5rem; +} + +.p-avatar { + background-color: #0b213f; + border-radius: 6px; +} +.p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +.p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; +} +.p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +.p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; +} + +.p-avatar-group .p-avatar { + border: 2px solid #071426; +} + +.p-badge { + background: #A5B4FC; + color: #1c2127; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +.p-badge.p-badge-secondary { + background-color: #CBD5E1; + color: #1c2127; +} +.p-badge.p-badge-success { + background-color: #86EFAC; + color: #1c2127; +} +.p-badge.p-badge-info { + background-color: #93C5FD; + color: #1c2127; +} +.p-badge.p-badge-warning { + background-color: #FCD34D; + color: #1c2127; +} +.p-badge.p-badge-danger { + background-color: #FCA5A5; + color: #1c2127; +} +.p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +.p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} + +.p-chip { + background-color: #0b213f; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + padding: 0 0.75rem; +} +.p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; +} +.p-chip .p-chip-icon { + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; +} +.p-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); +} + +.p-inplace .p-inplace-display { + padding: 0.75rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); +} + +.p-progressbar { + border: 0 none; + height: 1.5rem; + background: #0b213f; + border-radius: 6px; +} +.p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #A5B4FC; +} +.p-progressbar .p-progressbar-label { + color: #1c2127; + line-height: 1.5rem; +} + +.p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + 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); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-scrolltop.p-link { + background: rgba(165, 180, 252, 0.16); +} +.p-scrolltop.p-link:hover { + background: rgba(165, 180, 252, 0.3616); +} +.p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: rgba(255, 255, 255, 0.87); +} + +.p-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 6px; +} +.p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); +} + +.p-tag { + background: #A5B4FC; + color: #1c2127; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; +} +.p-tag.p-tag-success { + background-color: #86EFAC; + color: #1c2127; +} +.p-tag.p-tag-info { + background-color: #93C5FD; + color: #1c2127; +} +.p-tag.p-tag-warning { + background-color: #FCD34D; + color: #1c2127; +} +.p-tag.p-tag-danger { + background-color: #FCA5A5; + color: #1c2127; +} +.p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +.p-terminal { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + padding: 1.25rem; +} +.p-terminal .p-terminal-input { + font-size: 1rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; +} + +.p-button-label { + font-weight: 700; +} + +.p-accordion .p-accordion-header .p-accordion-header-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; +} + +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-tabview .p-tabview-nav .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 2px; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); +} + +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #A5B4FC; +} + +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #A5B4FC; +} + +.p-button:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(165, 180, 252, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); +} +.p-button.p-button-secondary:enabled:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(203, 213, 225, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); +} +.p-button.p-button-success:enabled:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(134, 239, 172, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); +} +.p-button.p-button-info:enabled:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(147, 197, 253, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); +} +.p-button.p-button-warning:enabled:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(252, 211, 77, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); +} +.p-button.p-button-help:enabled:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(216, 180, 254, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); +} +.p-button.p-button-danger:enabled:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(252, 165, 165, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); +} + +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #A5B4FC; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #A5B4FC; +} diff --git a/assets/layout/styles/theme/lara-dark-indigo/theme.css.br b/assets/layout/styles/theme/lara-dark-indigo/theme.css.br new file mode 100644 index 0000000..fb02664 Binary files /dev/null and b/assets/layout/styles/theme/lara-dark-indigo/theme.css.br differ diff --git a/assets/layout/styles/theme/lara-dark-indigo/theme.css.gz b/assets/layout/styles/theme/lara-dark-indigo/theme.css.gz new file mode 100644 index 0000000..0a06dba Binary files /dev/null and b/assets/layout/styles/theme/lara-dark-indigo/theme.css.gz differ diff --git a/assets/layout/styles/theme/lara-dark-purple/theme.css b/assets/layout/styles/theme/lara-dark-purple/theme.css new file mode 100644 index 0000000..a435ec5 --- /dev/null +++ b/assets/layout/styles/theme/lara-dark-purple/theme.css @@ -0,0 +1,6297 @@ +:root { + --surface-a:#071426; + --surface-b:#040d19; + --surface-c:rgba(255, 255, 255, 0.03); + --surface-d:#0b213f; + --surface-e:#071426; + --surface-f:#071426; + --text-color:rgba(255, 255, 255, 0.87); + --text-color-secondary:rgba(255, 255, 255, 0.6); + --primary-color:#C4B5FD; + --primary-color-text:#1c2127; + --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --surface-0: #040d19; + --surface-50: #1d2530; + --surface-100: #363d47; + --surface-200: #4f565e; + --surface-300: #686e75; + --surface-400: #82868c; + --surface-500: #9b9ea3; + --surface-600: #b4b6ba; + --surface-700: #cdcfd1; + --surface-800: #e6e7e8; + --surface-900: #ffffff; + --gray-50: #e6e7e8; + --gray-100: #cdcfd1; + --gray-200: #b4b6ba; + --gray-300: #9b9ea3; + --gray-400: #82868c; + --gray-500: #686e75; + --gray-600: #4f565e; + --gray-700: #363d47; + --gray-800: #1d2530; + --gray-900: #040d19; + --content-padding:1.25rem; + --inline-spacing:0.5rem; + --border-radius:6px; + --surface-ground:#040d19; + --surface-section:#040d19; + --surface-card:#071426; + --surface-overlay:#071426; + --surface-border:#0b213f; + --surface-hover:rgba(255,255,255,.03); + --focus-ring: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + --maskbg: rgba(0, 0, 0, 0.4); + color-scheme: dark; +} + +* { + box-sizing: border-box; +} + +.p-component { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + font-weight: normal; +} + +.p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; +} + +.p-disabled, .p-component:disabled { + opacity: 0.4; +} + +.p-error { + color: #FCA5A5; +} + +.p-text-secondary { + color: rgba(255, 255, 255, 0.6); +} + +.pi { + font-size: 1rem; +} + +.p-link { + font-size: 1rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + border-radius: 6px; +} +.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); +} + +.p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; +} + +.p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; +} + +@keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } +} +@keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } +} + +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --red-50:#fff5f5; + --red-100:#ffd0ce; + --red-200:#ffaca7; + --red-300:#ff8780; + --red-400:#ff6259; + --red-500:#ff3d32; + --red-600:#d9342b; + --red-700:#b32b23; + --red-800:#8c221c; + --red-900:#661814; + --primary-50:#fcfbff; + --primary-100:#f1edff; + --primary-200:#e6dffe; + --primary-300:#dad1fe; + --primary-400:#cfc3fd; + --primary-500:#c4b5fd; + --primary-600:#a79ad7; + --primary-700:#897fb1; + --primary-800:#6c648b; + --primary-900:#4e4865; +} + +.p-autocomplete .p-autocomplete-loader { + right: 0.75rem; +} +.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.75rem; +} +.p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + border-color: #C4B5FD; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + border-color: #C4B5FD; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.375rem 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.375rem 0.75rem; + background: rgba(196, 181, 253, 0.16); + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; +} + +p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #FCA5A5; +} + +.p-autocomplete-panel { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; + 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); +} +.p-autocomplete-panel .p-autocomplete-items { + padding: 0.75rem 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(196, 181, 253, 0.16); +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #091a32; + font-weight: 700; +} + +p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; +} +p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; +} + +p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3.75rem; +} + +p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #FCA5A5; +} + +.p-datepicker { + padding: 0.5rem; + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; +} +.p-datepicker:not(.p-datepicker-inline) { + background: #071426; + border: 1px solid #0b213f; + 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); +} +.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #071426; +} +.p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: rgba(255, 255, 255, 0.87); + background: #071426; + font-weight: 700; + margin: 0; + border-bottom: 1px solid #0b213f; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); +} +.p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 2rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + font-weight: 700; + padding: 0.5rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #C4B5FD; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; +} +.p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0; +} +.p-datepicker table th { + padding: 0.5rem; +} +.p-datepicker table th > span { + width: 2.5rem; + height: 2.5rem; +} +.p-datepicker table td { + padding: 0.5rem; +} +.p-datepicker table td > span { + width: 2.5rem; + height: 2.5rem; + border-radius: 50%; + transition: box-shadow 0.2s; + border: 1px solid transparent; +} +.p-datepicker table td > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(196, 181, 253, 0.16); +} +.p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); +} +.p-datepicker table td.p-datepicker-today > span { + background: transparent; + color: #C4B5FD; + border-color: transparent; +} +.p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(196, 181, 253, 0.16); +} +.p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #0b213f; +} +.p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; +} +.p-datepicker .p-timepicker { + border-top: 1px solid #0b213f; + padding: 0.5rem; +} +.p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-timepicker button:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker .p-timepicker button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); +} +.p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; +} +.p-datepicker .p-timepicker span { + font-size: 1.25rem; +} +.p-datepicker .p-timepicker > div { + padding: 0 0.5rem; +} +.p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; +} +.p-datepicker .p-monthpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.5rem; + transition: box-shadow 0.2s; + border-radius: 6px; +} +.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(196, 181, 253, 0.16); +} +.p-datepicker .p-yearpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.5rem; + transition: box-shadow 0.2s; + border-radius: 6px; +} +.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(196, 181, 253, 0.16); +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #0b213f; + padding-right: 0.5rem; + padding-left: 0.5rem; + padding-top: 0; + padding-bottom: 0; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); +} + +p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; +} +p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; +} + +p-calendar.p-calendar-clearable.p-calendar-w-btn .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3.75rem; +} + +@media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } +} +.p-cascadeselect { + background: #040d19; + border: 1px solid #0b213f; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +.p-cascadeselect:not(.p-disabled):hover { + border-color: #C4B5FD; +} +.p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + border-color: #C4B5FD; +} +.p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; +} +.p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.p-cascadeselect-panel { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; + 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); +} +.p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.75rem 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 1.25rem; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(196, 181, 253, 0.5); +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(196, 181, 253, 0.16); +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; +} + +p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #FCA5A5; +} + +.p-input-filled .p-cascadeselect { + background: #0b213f; +} +.p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #0b213f; +} +.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #0b213f; +} + +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; +} +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; +} + +.p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; +} +.p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); +} + +.p-checkbox { + width: 22px; + height: 22px; +} +.p-checkbox .p-checkbox-box { + border: 2px solid #0b213f; + background: #040d19; + width: 22px; + height: 22px; + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #1c2127; + font-size: 14px; +} +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #C4B5FD; + background: #C4B5FD; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #C4B5FD; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + border-color: #C4B5FD; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #a28bfc; + background: #a28bfc; + color: #1c2127; +} + +p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #FCA5A5; +} + +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #0b213f; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #C4B5FD; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #0b213f; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #a28bfc; +} + +.p-checkbox-label { + margin-left: 0.5rem; +} + +.p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; +} +.p-chips .p-chips-multiple-container:not(.p-disabled):hover { + border-color: #C4B5FD; +} +.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + border-color: #C4B5FD; +} +.p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.375rem 0.75rem; + background: rgba(196, 181, 253, 0.16); + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; +} +.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; +} +.p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.375rem 0; +} +.p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; +} + +p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #FCA5A5; +} + +p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; +} +p-chips.p-chips-clearable .p-chips-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; +} + +.p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; +} + +.p-colorpicker-panel { + background: #071426; + border: 1px solid #0b213f; +} +.p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: rgba(255, 255, 255, 0.87); +} + +.p-colorpicker-overlay-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); +} + +.p-dropdown { + background: #040d19; + border: 1px solid #0b213f; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +.p-dropdown:not(.p-disabled):hover { + border-color: #C4B5FD; +} +.p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + border-color: #C4B5FD; +} +.p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; +} +.p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; +} +.p-dropdown .p-dropdown-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-dropdown .p-dropdown-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +.p-dropdown .p-dropdown-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; +} + +.p-dropdown-panel { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; + 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); +} +.p-dropdown-panel .p-dropdown-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); + background: #071426; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-dropdown-panel .p-dropdown-items { + padding: 0.75rem 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(196, 181, 253, 0.16); +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #091a32; + font-weight: 700; +} + +p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #FCA5A5; +} + +.p-input-filled .p-dropdown { + background: #0b213f; +} +.p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #0b213f; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #0b213f; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; +} + +.p-editor-container .p-editor-toolbar { + background: #071426; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #0b213f; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #071426; + border: 1px solid #0b213f; + 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); + border-radius: 6px; + padding: 0.75rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 1.25rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #0b213f; +} +.p-editor-container .p-editor-content .ql-editor { + background: #040d19; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #C4B5FD; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #C4B5FD; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #C4B5FD; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #C4B5FD; +} + +.p-inputgroup-addon { + background: #071426; + color: rgba(255, 255, 255, 0.6); + border-top: 1px solid #0b213f; + border-left: 1px solid #0b213f; + border-bottom: 1px solid #0b213f; + padding: 0.75rem 0.75rem; + min-width: 3rem; +} +.p-inputgroup-addon:last-child { + border-right: 1px solid #0b213f; +} + +.p-inputgroup > .p-component, +.p-inputgroup > .p-element, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; +} +.p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-element + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; +} +.p-inputgroup > .p-component:focus, +.p-inputgroup > .p-element:focus, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; +} +.p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-element:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; +} + +.p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.p-fluid .p-inputgroup .p-button { + width: auto; +} +.p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 3rem; +} + +p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #FCA5A5; +} + +p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; +} +p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; +} + +p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #FCA5A5; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.75rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.75rem; +} + +.p-inputswitch { + width: 3rem; + height: 1.75rem; +} +.p-inputswitch .p-inputswitch-slider { + background: #233752; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; +} +.p-inputswitch .p-inputswitch-slider:before { + background: rgba(255, 255, 255, 0.6); + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition-duration: 0.2s; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1.25rem); +} +.p-inputswitch.p-focus .p-inputswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); +} +.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #0b213f; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #C4B5FD; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: rgba(255, 255, 255, 0.87); +} +.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #b3a0fc; +} + +p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + border-color: #FCA5A5; +} + +.p-inputtext { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + background: #040d19; + padding: 0.75rem 0.75rem; + border: 1px solid #0b213f; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + appearance: none; + border-radius: 6px; +} +.p-inputtext:enabled:hover { + border-color: #C4B5FD; +} +.p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + border-color: #C4B5FD; +} +.p-inputtext.ng-dirty.ng-invalid { + border-color: #FCA5A5; +} +.p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; +} +.p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; +} + +.p-float-label > label { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; +} + +.p-float-label > .ng-invalid.ng-dirty + label { + color: #FCA5A5; +} + +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} + +.p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; +} + +.p-input-icon-left.p-float-label > label { + left: 2.5rem; +} + +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} + +.p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; +} + +::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +:-moz-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +.p-input-filled .p-inputtext { + background-color: #0b213f; +} +.p-input-filled .p-inputtext:enabled:hover { + background-color: #0b213f; +} +.p-input-filled .p-inputtext:enabled:focus { + background-color: #0b213f; +} + +.p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; +} + +.p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; +} + +.p-listbox { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; +} +.p-listbox .p-listbox-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); + background: #071426; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; +} +.p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list { + padding: 0.75rem 0; +} +.p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(196, 181, 253, 0.16); +} +.p-listbox .p-listbox-list .p-listbox-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(196, 181, 253, 0.5); +} +.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #091a32; + font-weight: 700; +} +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} + +p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #FCA5A5; +} + +.p-multiselect { + background: #040d19; + border: 1px solid #0b213f; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +.p-multiselect:not(.p-disabled):hover { + border-color: #C4B5FD; +} +.p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + border-color: #C4B5FD; +} +.p-multiselect .p-multiselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-multiselect .p-multiselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-multiselect.p-multiselect-chip .p-multiselect-label { + gap: 0.5rem; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.375rem 0.75rem; + background: rgba(196, 181, 253, 0.16); + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; +} +.p-multiselect .p-multiselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.375rem 0.75rem; +} + +.p-multiselect-panel { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; + 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); +} +.p-multiselect-panel .p-multiselect-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); + background: #071426; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); +} +.p-multiselect-panel .p-multiselect-items { + padding: 0.75rem 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(196, 181, 253, 0.16); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(196, 181, 253, 0.5); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #091a32; + font-weight: 700; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} + +p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #FCA5A5; +} + +.p-input-filled .p-multiselect { + background: #0b213f; +} +.p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #0b213f; +} +.p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #0b213f; +} + +p-multiselect.p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; +} +p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; +} + +p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #FCA5A5; +} + +.p-password-panel { + padding: 1.25rem; + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + 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); + border-radius: 6px; +} +.p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #0b213f; +} +.p-password-panel .p-password-meter .p-password-strength.weak { + background: #eb9a9c; +} +.p-password-panel .p-password-meter .p-password-strength.medium { + background: #ffcf91; +} +.p-password-panel .p-password-meter .p-password-strength.strong { + background: #93deac; +} + +p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; +} +p-password.p-password-clearable .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; +} + +p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; +} +p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.5rem; +} + +.p-radiobutton { + width: 22px; + height: 22px; +} +.p-radiobutton .p-radiobutton-box { + border: 2px solid #0b213f; + background: #040d19; + width: 22px; + height: 22px; + color: rgba(255, 255, 255, 0.87); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #C4B5FD; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + border-color: #C4B5FD; +} +.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 12px; + height: 12px; + transition-duration: 0.2s; + background-color: #1c2127; +} +.p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #C4B5FD; + background: #C4B5FD; +} +.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #a28bfc; + background: #a28bfc; + color: #1c2127; +} + +p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #FCA5A5; +} + +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #0b213f; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #0b213f; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #C4B5FD; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #a28bfc; +} + +.p-radiobutton-label { + margin-left: 0.5rem; +} + +.p-rating .p-rating-icon { + color: rgba(255, 255, 255, 0.87); + margin-left: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + font-size: 1.143rem; +} +.p-rating .p-rating-icon.p-rating-cancel { + color: #F48FB1; +} +.p-rating .p-rating-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); +} +.p-rating .p-rating-icon:first-child { + margin-left: 0; +} +.p-rating .p-rating-icon.pi-star-fill { + color: #C4B5FD; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + color: #C4B5FD; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + color: #F48FB1; +} + +.p-selectbutton .p-button { + background: #071426; + border: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #0b213f; + color: rgba(255, 255, 255, 0.87); +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-selectbutton .p-button.p-highlight { + background: #C4B5FD; + border-color: #C4B5FD; + color: #1c2127; +} +.p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #1c2127; +} +.p-selectbutton .p-button.p-highlight:hover { + background: #b3a0fc; + border-color: #b3a0fc; + color: #1c2127; +} +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #1c2127; +} + +p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #FCA5A5; +} + +.p-slider { + background: #0b213f; + border: 0 none; + border-radius: 6px; +} +.p-slider.p-slider-horizontal { + height: 0.286rem; +} +.p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -0.5715rem; + margin-left: -0.5715rem; +} +.p-slider.p-slider-vertical { + width: 0.286rem; +} +.p-slider.p-slider-vertical .p-slider-handle { + margin-left: -0.5715rem; + margin-bottom: -0.5715rem; +} +.p-slider .p-slider-handle { + height: 1.143rem; + width: 1.143rem; + background: #0b213f; + border: 2px solid #C4B5FD; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); +} +.p-slider .p-slider-range { + background: #C4B5FD; +} +.p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #C4B5FD; + border-color: #C4B5FD; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; +} + +.p-togglebutton.p-button { + background: #071426; + border: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #0b213f; + color: rgba(255, 255, 255, 0.87); +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-togglebutton.p-button.p-highlight { + background: #C4B5FD; + border-color: #C4B5FD; + color: #1c2127; +} +.p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #1c2127; +} +.p-togglebutton.p-button.p-highlight:hover { + background: #b3a0fc; + border-color: #b3a0fc; + color: #1c2127; +} +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #1c2127; +} + +p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #FCA5A5; +} + +.p-treeselect { + background: #040d19; + border: 1px solid #0b213f; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +.p-treeselect:not(.p-disabled):hover { + border-color: #C4B5FD; +} +.p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + border-color: #C4B5FD; +} +.p-treeselect .p-treeselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-treeselect .p-treeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #0b213f; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; +} +.p-treeselect .p-treeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #FCA5A5; +} + +.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.375rem 0.75rem; +} + +.p-treeselect-panel { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; + 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); +} +.p-treeselect-panel .p-treeselect-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); + background: #071426; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} + +.p-input-filled .p-treeselect { + background: #0b213f; +} +.p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #0b213f; +} +.p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #0b213f; +} + +p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; +} +p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; +} + +.p-button { + color: #1c2127; + background: #C4B5FD; + border: 1px solid #C4B5FD; + padding: 0.75rem 1.25rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +.p-button:enabled:hover { + background: #b3a0fc; + color: #1c2127; + border-color: #b3a0fc; +} +.p-button:enabled:active { + background: #a28bfc; + color: #1c2127; + border-color: #a28bfc; +} +.p-button.p-button-outlined { + background-color: transparent; + color: #C4B5FD; + border: 1px solid; +} +.p-button.p-button-outlined:enabled:hover { + background: rgba(196, 181, 253, 0.04); + color: #C4B5FD; + border: 1px solid; +} +.p-button.p-button-outlined:enabled:active { + background: rgba(196, 181, 253, 0.16); + color: #C4B5FD; + border: 1px solid; +} +.p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text { + background-color: transparent; + color: #C4B5FD; + border-color: transparent; +} +.p-button.p-button-text:enabled:hover { + background: rgba(196, 181, 253, 0.04); + color: #C4B5FD; + border-color: transparent; +} +.p-button.p-button-text:enabled:active { + background: rgba(196, 181, 253, 0.16); + color: #C4B5FD; + border-color: transparent; +} +.p-button.p-button-text.p-button-plain { + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); +} +.p-button .p-button-label { + transition-duration: 0.2s; +} +.p-button .p-button-icon-left { + margin-right: 0.5rem; +} +.p-button .p-button-icon-right { + margin-left: 0.5rem; +} +.p-button .p-button-icon-bottom { + margin-top: 0.5rem; +} +.p-button .p-button-icon-top { + margin-bottom: 0.5rem; +} +.p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #C4B5FD; + background-color: #1c2127; +} +.p-button.p-button-raised { + 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); +} +.p-button.p-button-rounded { + border-radius: 2rem; +} +.p-button.p-button-icon-only { + width: 3rem; + padding: 0.75rem 0; +} +.p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; +} +.p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 3rem; +} +.p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.65625rem 1.09375rem; +} +.p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; +} +.p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.9375rem 1.5625rem; +} +.p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; +} +.p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; +} +.p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; +} + +.p-fluid .p-button { + width: 100%; +} +.p-fluid .p-button-icon-only { + width: 3rem; +} +.p-fluid .p-buttonset { + display: flex; +} +.p-fluid .p-buttonset .p-button { + flex: 1; +} + +.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + color: #1c2127; + background: #CBD5E1; + border: 1px solid #CBD5E1; +} +.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + background: #b0bfd1; + color: #1c2127; + border-color: #b0bfd1; +} +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #dbe2ea; +} +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: #95a9c2; + color: #1c2127; + border-color: #95a9c2; +} +.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + background-color: transparent; + color: #CBD5E1; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + background: rgba(203, 213, 225, 0.04); + color: #CBD5E1; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(203, 213, 225, 0.16); + color: #CBD5E1; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + background-color: transparent; + color: #CBD5E1; + border-color: transparent; +} +.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + background: rgba(203, 213, 225, 0.04); + border-color: transparent; + color: #CBD5E1; +} +.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + background: rgba(203, 213, 225, 0.16); + border-color: transparent; + color: #CBD5E1; +} + +.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #1c2127; + background: #93C5FD; + border: 1px solid #93C5FD; +} +.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + background: #6cb0fc; + color: #1c2127; + border-color: #6cb0fc; +} +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #b3d6fe; +} +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: #449bfc; + color: #1c2127; + border-color: #449bfc; +} +.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + background-color: transparent; + color: #93C5FD; + border: 1px solid; +} +.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + background: rgba(147, 197, 253, 0.04); + color: #93C5FD; + border: 1px solid; +} +.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(147, 197, 253, 0.16); + color: #93C5FD; + border: 1px solid; +} +.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + background-color: transparent; + color: #93C5FD; + border-color: transparent; +} +.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + background: rgba(147, 197, 253, 0.04); + border-color: transparent; + color: #93C5FD; +} +.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + background: rgba(147, 197, 253, 0.16); + border-color: transparent; + color: #93C5FD; +} + +.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #1c2127; + background: #86EFAC; + border: 1px solid #86EFAC; +} +.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + background: #65eb95; + color: #1c2127; + border-color: #65eb95; +} +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #aaf4c5; +} +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: #44e67f; + color: #1c2127; + border-color: #44e67f; +} +.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + background-color: transparent; + color: #86EFAC; + border: 1px solid; +} +.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + background: rgba(134, 239, 172, 0.04); + color: #86EFAC; + border: 1px solid; +} +.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(134, 239, 172, 0.16); + color: #86EFAC; + border: 1px solid; +} +.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + background-color: transparent; + color: #86EFAC; + border-color: transparent; +} +.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + background: rgba(134, 239, 172, 0.04); + border-color: transparent; + color: #86EFAC; +} +.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + background: rgba(134, 239, 172, 0.16); + border-color: transparent; + color: #86EFAC; +} + +.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #1c2127; + background: #FCD34D; + border: 1px solid #FCD34D; +} +.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + background: #fbcb2d; + color: #1c2127; + border-color: #fbcb2d; +} +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #fde082; +} +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: #fbc30c; + color: #1c2127; + border-color: #fbc30c; +} +.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + background-color: transparent; + color: #FCD34D; + border: 1px solid; +} +.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + background: rgba(252, 211, 77, 0.04); + color: #FCD34D; + border: 1px solid; +} +.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(252, 211, 77, 0.16); + color: #FCD34D; + border: 1px solid; +} +.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + background-color: transparent; + color: #FCD34D; + border-color: transparent; +} +.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + background: rgba(252, 211, 77, 0.04); + border-color: transparent; + color: #FCD34D; +} +.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + background: rgba(252, 211, 77, 0.16); + border-color: transparent; + color: #FCD34D; +} + +.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #1c2127; + background: #D8B4FE; + border: 1px solid #D8B4FE; +} +.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + background: #c289fd; + color: #1c2127; + border-color: #c289fd; +} +.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #e4cbfe; +} +.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: #ab5efd; + color: #1c2127; + border-color: #ab5efd; +} +.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + background-color: transparent; + color: #D8B4FE; + border: 1px solid; +} +.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + background: rgba(216, 180, 254, 0.04); + color: #D8B4FE; + border: 1px solid; +} +.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(216, 180, 254, 0.16); + color: #D8B4FE; + border: 1px solid; +} +.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + background-color: transparent; + color: #D8B4FE; + border-color: transparent; +} +.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + background: rgba(216, 180, 254, 0.04); + border-color: transparent; + color: #D8B4FE; +} +.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + background: rgba(216, 180, 254, 0.16); + border-color: transparent; + color: #D8B4FE; +} + +.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #1c2127; + background: #FCA5A5; + border: 1px solid #FCA5A5; +} +.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + background: #fb7d7d; + color: #1c2127; + border-color: #fb7d7d; +} +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #fdc0c0; +} +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: #f95454; + color: #1c2127; + border-color: #f95454; +} +.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + background-color: transparent; + color: #FCA5A5; + border: 1px solid; +} +.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + background: rgba(252, 165, 165, 0.04); + color: #FCA5A5; + border: 1px solid; +} +.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(252, 165, 165, 0.16); + color: #FCA5A5; + border: 1px solid; +} +.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + background-color: transparent; + color: #FCA5A5; + border-color: transparent; +} +.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + background: rgba(252, 165, 165, 0.04); + border-color: transparent; + color: #FCA5A5; +} +.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + background: rgba(252, 165, 165, 0.16); + border-color: transparent; + color: #FCA5A5; +} + +.p-button.p-button-link { + color: #C4B5FD; + background: transparent; + border: transparent; +} +.p-button.p-button-link:enabled:hover { + background: transparent; + color: #C4B5FD; + border-color: transparent; +} +.p-button.p-button-link:enabled:hover .p-button-label { + text-decoration: underline; +} +.p-button.p-button-link:enabled:focus { + background: transparent; + box-shadow: 0 0 0 1px rgba(196, 181, 253, 0.5); + border-color: transparent; +} +.p-button.p-button-link:enabled:active { + background: transparent; + color: #C4B5FD; + border-color: transparent; +} + +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: rgba(255, 255, 255, 0.87); + color: #040d19; +} +.p-speeddial-action:hover { + background: rgba(255, 255, 255, 0.6); + color: #040d19; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +.p-splitbutton { + border-radius: 6px; +} +.p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #C4B5FD; + border: 1px solid; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(196, 181, 253, 0.04); + color: #C4B5FD; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(196, 181, 253, 0.16); + color: #C4B5FD; +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #C4B5FD; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(196, 181, 253, 0.04); + color: #C4B5FD; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(196, 181, 253, 0.16); + color: #C4B5FD; + border-color: transparent; +} +.p-splitbutton.p-button-text.p-button-plain > .p-button { + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-raised { + 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); +} +.p-splitbutton.p-button-rounded { + border-radius: 2rem; +} +.p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; +} +.p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.65625rem 1.09375rem; +} +.p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; +} +.p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.9375rem 1.5625rem; +} +.p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; +} + +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #CBD5E1; + border: 1px solid; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(203, 213, 225, 0.04); + color: #CBD5E1; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(203, 213, 225, 0.16); + color: #CBD5E1; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #CBD5E1; + border-color: transparent; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(203, 213, 225, 0.04); + border-color: transparent; + color: #CBD5E1; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(203, 213, 225, 0.16); + border-color: transparent; + color: #CBD5E1; +} + +.p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #93C5FD; + border: 1px solid; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(147, 197, 253, 0.04); + color: #93C5FD; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(147, 197, 253, 0.16); + color: #93C5FD; +} +.p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #93C5FD; + border-color: transparent; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(147, 197, 253, 0.04); + border-color: transparent; + color: #93C5FD; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(147, 197, 253, 0.16); + border-color: transparent; + color: #93C5FD; +} + +.p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #86EFAC; + border: 1px solid; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(134, 239, 172, 0.04); + color: #86EFAC; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(134, 239, 172, 0.16); + color: #86EFAC; +} +.p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #86EFAC; + border-color: transparent; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(134, 239, 172, 0.04); + border-color: transparent; + color: #86EFAC; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(134, 239, 172, 0.16); + border-color: transparent; + color: #86EFAC; +} + +.p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #FCD34D; + border: 1px solid; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(252, 211, 77, 0.04); + color: #FCD34D; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(252, 211, 77, 0.16); + color: #FCD34D; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #FCD34D; + border-color: transparent; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(252, 211, 77, 0.04); + border-color: transparent; + color: #FCD34D; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(252, 211, 77, 0.16); + border-color: transparent; + color: #FCD34D; +} + +.p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #D8B4FE; + border: 1px solid; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(216, 180, 254, 0.04); + color: #D8B4FE; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(216, 180, 254, 0.16); + color: #D8B4FE; +} +.p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #D8B4FE; + border-color: transparent; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(216, 180, 254, 0.04); + border-color: transparent; + color: #D8B4FE; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(216, 180, 254, 0.16); + border-color: transparent; + color: #D8B4FE; +} + +.p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #FCA5A5; + border: 1px solid; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(252, 165, 165, 0.04); + color: #FCA5A5; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(252, 165, 165, 0.16); + color: #FCA5A5; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #FCA5A5; + border-color: transparent; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(252, 165, 165, 0.04); + border-color: transparent; + color: #FCA5A5; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(252, 165, 165, 0.16); + border-color: transparent; + color: #FCA5A5; +} + +.p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; +} +.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-carousel .p-carousel-content .p-carousel-prev:focus, +.p-carousel .p-carousel-content .p-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); +} +.p-carousel .p-carousel-indicators { + padding: 1rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #0b213f; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: rgba(255, 255, 255, 0.03); +} +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(196, 181, 253, 0.16); + color: rgba(255, 255, 255, 0.87); +} + +.p-datatable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +.p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-datatable .p-datatable-header { + background: #071426; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #0b213f; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; +} +.p-datatable .p-datatable-footer { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; +} +.p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #0b213f; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #071426; + transition: box-shadow 0.2s; +} +.p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #0b213f; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #071426; +} +.p-datatable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(196, 181, 253, 0.16); + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column.p-highlight { + background: rgba(196, 181, 253, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(196, 181, 253, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column:focus { + box-shadow: inset 0 0 0 0.15rem rgba(196, 181, 253, 0.5); + outline: 0 none; +} +.p-datatable .p-datatable-tbody > tr { + background: #071426; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; +} +.p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #0b213f; + border-width: 0 0 1px 0; + padding: 1rem 1rem; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); +} +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; +} +.p-datatable .p-datatable-tbody > tr:focus { + outline: 0.15rem solid rgba(196, 181, 253, 0.5); + outline-offset: 0.15rem; +} +.p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(196, 181, 253, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(196, 181, 253, 0.16); +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(196, 181, 253, 0.16); +} +.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-column-resizer-helper { + background: #C4B5FD; +} +.p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #071426; +} +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #071426; +} +.p-datatable .p-datatable-loading-icon { + font-size: 2rem; +} +.p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #0d1a2c; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(196, 181, 253, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; +} + +.p-dataview .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +.p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-dataview .p-dataview-header { + background: #071426; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #0b213f; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; +} +.p-dataview .p-dataview-content { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; +} +.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { + border: solid #0b213f; + border-width: 0 0 1px 0; +} +.p-dataview .p-dataview-footer { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +.p-dataview .p-dataview-loading-icon { + font-size: 2rem; +} +.p-dataview .p-dataview-emptymessage { + padding: 1.25rem; +} + +.p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; +} + +.p-column-filter-menu-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-menu-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(196, 181, 253, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-column-filter-menu-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); +} + +.p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-clear-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-column-filter-clear-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); +} + +.p-column-filter-overlay { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; + 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); + min-width: 12.5rem; +} +.p-column-filter-overlay .p-column-filter-row-items { + padding: 0.75rem 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(196, 181, 253, 0.16); +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(196, 181, 253, 0.5); +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #0b213f; + margin: 0.25rem 0; +} + +.p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); + background: #071426; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1.25rem; + border-bottom: 1px solid #0b213f; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; +} +.p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.75rem 1.25rem; +} +.p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1.25rem; +} + +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { + background: #071426; + border: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-view-container td.fc-widget-content { + background: #071426; + border: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #0b213f; +} +.fc.fc-unthemed .fc-view-container .fc-row { + border-right: 1px solid #0b213f; +} +.fc.fc-unthemed .fc-view-container .fc-event { + background: #b3a0fc; + border: 1px solid #b3a0fc; + color: #1c2127; +} +.fc.fc-unthemed .fc-view-container .fc-divider { + background: #071426; + border: 1px solid #0b213f; +} +.fc.fc-unthemed .fc-toolbar .fc-button { + color: #1c2127; + background: #C4B5FD; + border: 1px solid #C4B5FD; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + display: flex; + align-items: center; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { + background: #b3a0fc; + color: #1c2127; + border-color: #b3a0fc; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { + background: #a28bfc; + color: #1c2127; + border-color: #a28bfc; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-unthemed .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #071426; + border: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #0b213f; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #C4B5FD; + border-color: #C4B5FD; + color: #1c2127; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #b3a0fc; + border-color: #b3a0fc; + color: #1c2127; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + z-index: 1; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #0b213f; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #071426; + border-color: #0b213f; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness td { + color: rgba(255, 255, 255, 0.87); + border-color: #0b213f; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #071426; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover { + background: none; + border: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { + border: 1px solid #0b213f; + padding: 1.25rem; + background: #071426; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { + opacity: 1; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; + font-family: "PrimeIcons" !important; + font-size: 1rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { + content: "\e90b"; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { + padding: 1.25rem; + border: 1px solid #0b213f; + background: #071426; + color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #1c2127; + background: #b3a0fc; + border-color: #b3a0fc; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #1c2127; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: #b3a0fc; + border-color: #b3a0fc; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #071426; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #1c2127; + background: #C4B5FD; + border: 1px solid #C4B5FD; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: #b3a0fc; + color: #1c2127; + border-color: #b3a0fc; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: #a28bfc; + color: #1c2127; + border-color: #a28bfc; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.4; + color: #1c2127; + background: #C4B5FD; + border: 1px solid #C4B5FD; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #071426; + border: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #0b213f; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #C4B5FD; + border-color: #C4B5FD; + color: #1c2127; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #b3a0fc; + border-color: #b3a0fc; + color: #1c2127; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +.fc.fc-theme-standard a { + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(196, 181, 253, 0.16); +} + +.p-orderlist .p-orderlist-controls { + padding: 1.25rem; +} +.p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; +} +.p-orderlist .p-orderlist-header { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + padding: 1.25rem; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 700; +} +.p-orderlist .p-orderlist-filter-container { + padding: 1.25rem; + background: #071426; + border: 1px solid #0b213f; + border-bottom: 0 none; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-orderlist .p-orderlist-list { + border: 1px solid #0b213f; + background: #071426; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; +} +.p-orderlist .p-orderlist-list .p-orderlist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(196, 181, 253, 0.5); +} +.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(196, 181, 253, 0.16); +} +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); +} +.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: rgba(255, 255, 255, 0.01); +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); +} + +.p-orderlist-item.cdk-drag-preview { + padding: 0.75rem 1.25rem; + 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); + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #071426; + margin: 0; +} + +.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(196, 181, 253, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(97, 57, 250, 0.16); +} +.p-organizationchart .p-organizationchart-line-down { + background: #0b213f; +} +.p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #0b213f; + border-color: #0b213f; +} +.p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #0b213f; + border-color: #0b213f; +} +.p-organizationchart .p-organizationchart-node-content { + border: 1px solid #0b213f; + background: #071426; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); +} + +.p-paginator { + background: #071426; + color: rgba(255, 255, 255, 0.6); + border: solid #0b213f; + border-width: 1px; + padding: 0.5rem 1rem; + border-radius: 6px; +} +.p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 6px; +} +.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); +} +.p-paginator .p-paginator-first { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +.p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 3rem; +} +.p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; +} +.p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; +} +.p-paginator .p-paginator-page-input .p-inputtext { + max-width: 3rem; +} +.p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + padding: 0 0.5rem; +} +.p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 6px; +} +.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(196, 181, 253, 0.16); + border-color: rgba(196, 181, 253, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); +} + +.p-picklist .p-picklist-buttons { + padding: 1.25rem; +} +.p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; +} +.p-picklist .p-picklist-header { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + padding: 1.25rem; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-picklist .p-picklist-header .p-picklist-title { + font-weight: 700; +} +.p-picklist .p-picklist-filter-container { + padding: 1.25rem; + background: #071426; + border: 1px solid #0b213f; + border-bottom: 0 none; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-picklist .p-picklist-list { + border: 1px solid #0b213f; + background: #071426; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-picklist .p-picklist-list .p-picklist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; +} +.p-picklist .p-picklist-list .p-picklist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(196, 181, 253, 0.5); +} +.p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(196, 181, 253, 0.16); +} +.p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); +} +.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: rgba(255, 255, 255, 0.01); +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); +} + +.p-picklist-item.cdk-drag-preview { + padding: 0.75rem 1.25rem; + 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); + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #071426; + margin: 0; +} + +.p-timeline .p-timeline-event-marker { + border: 2px solid #C4B5FD; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #1c2127; +} +.p-timeline .p-timeline-event-connector { + background-color: #0b213f; +} +.p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; +} +.p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; +} + +.p-tree { + border: 1px solid #0b213f; + background: #071426; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + border-radius: 6px; +} +.p-tree .p-tree-container .p-treenode { + padding: 0.143rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: box-shadow 0.2s; + padding: 0.5rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(196, 181, 253, 0.5); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(196, 181, 253, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; +} +.p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; +} +.p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-tree .p-treenode-children { + padding: 0 0 0 1rem; +} +.p-tree .p-tree-loading-icon { + font-size: 2rem; +} +.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(129, 96, 251, 0.16); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #0b213f; + background-color: #071426; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem; + transition: box-shadow 0.2s; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(196, 181, 253, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); +} + +.p-treetable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +.p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-treetable .p-treetable-header { + background: #071426; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #0b213f; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; +} +.p-treetable .p-treetable-footer { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; +} +.p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #0b213f; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #071426; + transition: box-shadow 0.2s; +} +.p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #0b213f; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #071426; +} +.p-treetable .p-sortable-column { + outline-color: rgba(196, 181, 253, 0.5); +} +.p-treetable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(196, 181, 253, 0.16); + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-sortable-column.p-highlight { + background: rgba(196, 181, 253, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-treetable-tbody > tr { + background: #071426; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; +} +.p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #0b213f; + border-width: 0 0 1px 0; + padding: 1rem 1rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-treetable-tbody > tr:focus { + outline: 0.15rem solid rgba(196, 181, 253, 0.5); + outline-offset: -0.15rem; +} +.p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(196, 181, 253, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-column-resizer-helper { + background: #C4B5FD; +} +.p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #071426; +} +.p-treetable .p-treetable-loading-icon { + font-size: 2rem; +} +.p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.875rem 0.875rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 1.25rem 1.25rem; +} + +.p-virtualscroller .p-virtualscroller-header { + background: #071426; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #0b213f; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; +} +.p-virtualscroller .p-virtualscroller-content { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; +} +.p-virtualscroller .p-virtualscroller-footer { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.25rem; + border: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); + background: #071426; + font-weight: 700; + border-radius: 6px; + transition: box-shadow 0.2s; +} +.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; +} +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); +} +.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: rgba(255, 255, 255, 0.03); + border-color: #0b213f; + color: rgba(255, 255, 255, 0.87); +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #071426; + border-color: #0b213f; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #0b213f; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-accordion .p-accordion-content { + padding: 1.25rem; + border: 1px solid #0b213f; + background: #071426; + color: rgba(255, 255, 255, 0.87); + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 4px; +} + +.p-card { + background: #071426; + 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: 6px; +} +.p-card .p-card-body { + padding: 1.25rem; +} +.p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +.p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-card .p-card-content { + padding: 1.25rem 0; +} +.p-card .p-card-footer { + padding: 1.25rem 0 0 0; +} + +.p-divider .p-divider-content { + background-color: #071426; +} +.p-divider.p-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; +} +.p-divider.p-divider-horizontal:before { + border-top: 1px #0b213f; +} +.p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; +} +.p-divider.p-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; +} +.p-divider.p-divider-vertical:before { + border-left: 1px #0b213f; +} +.p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; +} + +.p-fieldset { + border: 1px solid #0b213f; + background: #071426; + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; +} +.p-fieldset .p-fieldset-legend { + padding: 1.25rem; + border: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); + background: #071426; + font-weight: 700; + border-radius: 6px; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.25rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; + transition: box-shadow 0.2s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #0b213f; + color: rgba(255, 255, 255, 0.87); +} +.p-fieldset .p-fieldset-content { + padding: 1.25rem; +} + +.p-panel .p-panel-header { + border: 1px solid #0b213f; + padding: 1.25rem; + background: #071426; + color: rgba(255, 255, 255, 0.87); + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-panel .p-panel-header .p-panel-title { + font-weight: 700; +} +.p-panel .p-panel-header .p-panel-header-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-panel .p-panel-header .p-panel-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); +} +.p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.25rem; +} +.p-panel .p-panel-content { + padding: 1.25rem; + border: 1px solid #0b213f; + background: #071426; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + border-top: 0 none; +} +.p-panel .p-panel-footer { + padding: 0.75rem 1.25rem; + border: 1px solid #0b213f; + background: #071426; + color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} +.p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; +} +.p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; +} +.p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; +} + +.p-scrollpanel .p-scrollpanel-bar { + background: #0b213f; + border: 0 none; +} + +.p-splitter { + border: 1px solid #0b213f; + background: #071426; + border-radius: 6px; + color: rgba(255, 255, 255, 0.87); +} +.p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: rgba(255, 255, 255, 0.03); +} +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #0b213f; +} +.p-splitter .p-splitter-gutter-resizing { + background: #0b213f; +} + +.p-tabview .p-tabview-nav { + background: transparent; + border: 1px solid #0b213f; + border-width: 0 0 2px 0; +} +.p-tabview .p-tabview-nav li { + margin-right: 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #0b213f; + border-width: 0 0 2px 0; + border-color: transparent transparent #0b213f transparent; + background: #071426; + color: rgba(255, 255, 255, 0.6); + padding: 1.25rem; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(196, 181, 253, 0.5); +} +.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #071426; + border-color: #C4B5FD; + color: rgba(255, 255, 255, 0.87); +} +.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #071426; + border-color: #C4B5FD; + color: #C4B5FD; +} +.p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; +} +.p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-close { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-nav-btn.p-link { + background: #071426; + color: #C4B5FD; + width: 3rem; + 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); + border-radius: 0; +} +.p-tabview .p-tabview-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(196, 181, 253, 0.5); +} +.p-tabview .p-tabview-panels { + background: #071426; + padding: 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} + +.p-toolbar { + background: #071426; + border: 1px solid #0b213f; + padding: 1.25rem; + border-radius: 6px; + gap: 0.5rem; +} +.p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; +} + +.p-confirm-popup { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; + 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); +} +.p-confirm-popup .p-confirm-popup-content { + padding: 1.25rem; +} +.p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.75rem 1.25rem; +} +.p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; +} +.p-confirm-popup:after { + border: solid transparent; + border-color: rgba(7, 20, 38, 0); + border-bottom-color: #071426; +} +.p-confirm-popup:before { + border: solid transparent; + border-color: rgba(11, 33, 63, 0); + border-bottom-color: #0b213f; +} +.p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #071426; +} +.p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #0b213f; +} +.p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; +} +.p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; +} + +.p-dialog { + border-radius: 6px; + 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: 1px solid #0b213f; +} +.p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #071426; + color: rgba(255, 255, 255, 0.87); + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-dialog .p-dialog-header .p-dialog-title { + font-weight: 700; + font-size: 1.25rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-dialog .p-dialog-header .p-dialog-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); +} +.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; +} +.p-dialog .p-dialog-content { + background: #071426; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.5rem 2rem 1.5rem; +} +.p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-dialog .p-dialog-footer { + border-top: 0 none; + background: #071426; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; +} + +.p-overlaypanel { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; + 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); +} +.p-overlaypanel .p-overlaypanel-content { + padding: 1.25rem; +} +.p-overlaypanel .p-overlaypanel-close { + background: #C4B5FD; + color: #1c2127; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + position: absolute; + top: -1rem; + right: -1rem; +} +.p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #b3a0fc; + color: #1c2127; +} +.p-overlaypanel:after { + border: solid transparent; + border-color: rgba(7, 20, 38, 0); + border-bottom-color: #071426; +} +.p-overlaypanel:before { + border: solid transparent; + border-color: rgba(11, 33, 63, 0); + border-bottom-color: #0a1f3c; +} +.p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #071426; +} +.p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #0b213f; +} + +.p-sidebar { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + 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); +} +.p-sidebar .p-sidebar-header { + padding: 1.25rem; +} +.p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-sidebar .p-sidebar-header .p-sidebar-close:focus, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); +} +.p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; +} +.p-sidebar .p-sidebar-content { + padding: 1.25rem; +} +.p-sidebar .p-sidebar-footer { + padding: 1.25rem; +} + +.p-tooltip .p-tooltip-text { + background: #0b213f; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + 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); + border-radius: 6px; +} +.p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #0b213f; +} +.p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #0b213f; +} +.p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #0b213f; +} +.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #0b213f; +} + +.p-fileupload .p-fileupload-buttonbar { + background: #071426; + padding: 1.25rem; + border: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; +} +.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); +} +.p-fileupload .p-fileupload-content { + background: #071426; + padding: 2rem 1rem; + border: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-fileupload .p-progressbar { + height: 0.25rem; +} +.p-fileupload .p-fileupload-row > div { + padding: 1rem 1rem; +} +.p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; +} + +.p-fileupload-choose:not(.p-disabled):hover { + background: #b3a0fc; + color: #1c2127; + border-color: #b3a0fc; +} +.p-fileupload-choose:not(.p-disabled):active { + background: #a28bfc; + color: #1c2127; + border-color: #a28bfc; +} + +.p-breadcrumb { + background: #091a32; + border: 1px solid #0b213f; + border-radius: 6px; + padding: 1rem; +} +.p-breadcrumb ul li .p-menuitem-link { + transition: box-shadow 0.2s; + border-radius: 6px; +} +.p-breadcrumb ul li .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-breadcrumb ul li.p-breadcrumb-chevron { + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.87); +} +.p-breadcrumb ul li:last-child .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-breadcrumb ul li:last-child .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} + +.p-contextmenu { + padding: 0.25rem 0; + background: #091a32; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + 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); + border-radius: 6px; + width: 12.5rem; +} +.p-contextmenu .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-contextmenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-contextmenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(196, 181, 253, 0.5); +} +.p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #091a32; + border: 1px solid #0b213f; + 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); + border-radius: 6px; +} +.p-contextmenu .p-menuitem { + margin: 0; +} +.p-contextmenu .p-menuitem:last-child { + margin: 0; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(196, 181, 253, 0.16); +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menu-separator { + border-top: 1px solid #0b213f; + margin: 0.25rem 0; +} +.p-contextmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-contextmenu .p-menuitem-badge { + background: #C4B5FD; + color: #1c2127; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + +@media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } +} +.p-megamenu { + padding: 0.5rem; + background: #091a32; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; + transition: box-shadow 0.2s; + user-select: none; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(196, 181, 253, 0.5); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(196, 181, 253, 0.16); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-megamenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-megamenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(196, 181, 253, 0.5); +} +.p-megamenu .p-megamenu-panel { + background: #091a32; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + 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); +} +.p-megamenu .p-megamenu-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #091a32; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-megamenu .p-megamenu-submenu { + padding: 0.25rem 0; + width: 12.5rem; +} +.p-megamenu .p-megamenu-submenu .p-menu-separator { + border-top: 1px solid #0b213f; + margin: 0.25rem 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem { + margin: 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(196, 181, 253, 0.16); +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem { + margin: 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem-badge { + background: #C4B5FD; + color: #1c2127; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menu { + padding: 0.25rem 0; + background: #091a32; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; + width: 12.5rem; +} +.p-menu .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(196, 181, 253, 0.5); +} +.p-menu.p-menu-overlay { + background: #091a32; + border: 1px solid #0b213f; + 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); +} +.p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #091a32; + font-weight: 700; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.p-menu .p-menu-separator { + border-top: 1px solid #0b213f; + margin: 0.25rem 0; +} +.p-menu .p-menuitem { + margin: 0; +} +.p-menu .p-menuitem:last-child { + margin: 0; +} +.p-menu .p-menuitem-badge { + background: #C4B5FD; + color: #1c2127; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menubar { + padding: 0.5rem; + background: #091a32; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; +} +.p-menubar .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menubar .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menubar .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(196, 181, 253, 0.5); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(196, 181, 253, 0.5); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(196, 181, 253, 0.16); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-submenu-list { + padding: 0.25rem 0; + background: #091a32; + border: 1px solid #0b213f; + 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); + width: 12.5rem; +} +.p-menubar .p-submenu-list .p-menu-separator { + border-top: 1px solid #0b213f; + margin: 0.25rem 0; +} +.p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; +} +.p-menubar .p-submenu-list .p-menuitem { + margin: 0; +} +.p-menubar .p-submenu-list .p-menuitem:last-child { + margin: 0; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(196, 181, 253, 0.16); +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-badge { + background: #C4B5FD; + color: #1c2127; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +@media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0; + background: #091a32; + border: 1px solid #0b213f; + 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); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menu-separator { + border-top: 1px solid #0b213f; + margin: 0.25rem 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(196, 181, 253, 0.5); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } +} +.p-panelmenu .p-panelmenu-header > a { + padding: 1.25rem; + border: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); + background: #071426; + font-weight: 700; + border-radius: 6px; + transition: box-shadow 0.2s; +} +.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); +} +.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #0b213f; + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-header.p-highlight { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight > a { + background: #071426; + border-color: #0b213f; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + border-color: #0b213f; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0; + border: 1px solid #0b213f; + background: #071426; + color: rgba(255, 255, 255, 0.87); + margin-bottom: 4px; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(196, 181, 253, 0.5); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { + padding: 0 0 0 1rem; +} +.p-panelmenu .p-panelmenu-panel { + margin-bottom: 4px; +} +.p-panelmenu .p-menuitem-badge { + background: #C4B5FD; + color: #1c2127; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-slidemenu { + padding: 0.25rem 0; + background: #091a32; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; + width: 12.5rem; +} +.p-slidemenu .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-slidemenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-slidemenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(196, 181, 253, 0.5); +} +.p-slidemenu.p-slidemenu-overlay { + background: #091a32; + border: 1px solid #0b213f; + 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); +} +.p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0; + background: #091a32; + border: 1px solid #0b213f; + 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); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { + background: rgba(196, 181, 253, 0.16); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-slidemenu-separator { + border-top: 1px solid #0b213f; + margin: 0.25rem 0; +} +.p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; +} +.p-slidemenu .p-slidemenu-backward { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-badge { + background: #C4B5FD; + color: #1c2127; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: box-shadow 0.2s; + border-radius: 6px; + background: transparent; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: rgba(255, 255, 255, 0.87); + border: 0 none; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); +} +.p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(196, 181, 253, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 700; + color: rgba(255, 255, 255, 0.87); +} +.p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #0b213f; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; +} + +.p-tabmenu .p-tabmenu-nav { + background: transparent; + border: 1px solid #0b213f; + border-width: 0 0 2px 0; +} +.p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #C4B5FD; + color: #1c2127; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #0b213f; + border-width: 0 0 2px 0; + border-color: transparent transparent #0b213f transparent; + background: #071426; + color: rgba(255, 255, 255, 0.6); + padding: 1.25rem; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(196, 181, 253, 0.5); +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #071426; + border-color: #C4B5FD; + color: rgba(255, 255, 255, 0.87); +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #071426; + border-color: #C4B5FD; + color: #C4B5FD; +} +.p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #071426; + color: #C4B5FD; + width: 3rem; + 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); + border-radius: 0; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(196, 181, 253, 0.5); +} + +.p-tieredmenu { + padding: 0.25rem 0; + background: #091a32; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; + width: 12.5rem; +} +.p-tieredmenu .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-tieredmenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-tieredmenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(196, 181, 253, 0.5); +} +.p-tieredmenu.p-tieredmenu-overlay { + background: #091a32; + border: 1px solid #0b213f; + 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); +} +.p-tieredmenu .p-submenu-list { + padding: 0.25rem 0; + background: #091a32; + border: 1px solid #0b213f; + 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); +} +.p-tieredmenu .p-menuitem { + margin: 0; +} +.p-tieredmenu .p-menuitem:last-child { + margin: 0; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(196, 181, 253, 0.16); +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menu-separator { + border-top: 1px solid #0b213f; + margin: 0.25rem 0; +} +.p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-tieredmenu .p-menuitem-badge { + background: #C4B5FD; + color: #1c2127; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-inline-message { + padding: 0.75rem 0.75rem; + margin: 0; + border-radius: 6px; +} +.p-inline-message.p-inline-message-info { + background: #e9e9ff; + border: solid #696cff; + border-width: 1px; + color: #696cff; +} +.p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #696cff; +} +.p-inline-message.p-inline-message-success { + background: #e4f8f0; + border: solid #1ea97c; + border-width: 1px; + color: #1ea97c; +} +.p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #1ea97c; +} +.p-inline-message.p-inline-message-warn { + background: #fff2e2; + border: solid #cc8925; + border-width: 1px; + color: #cc8925; +} +.p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #cc8925; +} +.p-inline-message.p-inline-message-error { + background: #ffe7e6; + border: solid #ff5757; + border-width: 1px; + color: #ff5757; +} +.p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #ff5757; +} +.p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; +} +.p-inline-message .p-inline-message-text { + font-size: 1rem; +} +.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; +} + +.p-message { + margin: 1rem 0; + border-radius: 6px; +} +.p-message .p-message-wrapper { + padding: 1.25rem 1.75rem; +} +.p-message .p-message-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-message .p-message-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); +} +.p-message.p-message-info { + background: #e9e9ff; + border: solid #696cff; + border-width: 0 0 0 6px; + color: #696cff; +} +.p-message.p-message-info .p-message-icon { + color: #696cff; +} +.p-message.p-message-info .p-message-close { + color: #696cff; +} +.p-message.p-message-success { + background: #e4f8f0; + border: solid #1ea97c; + border-width: 0 0 0 6px; + color: #1ea97c; +} +.p-message.p-message-success .p-message-icon { + color: #1ea97c; +} +.p-message.p-message-success .p-message-close { + color: #1ea97c; +} +.p-message.p-message-warn { + background: #fff2e2; + border: solid #cc8925; + border-width: 0 0 0 6px; + color: #cc8925; +} +.p-message.p-message-warn .p-message-icon { + color: #cc8925; +} +.p-message.p-message-warn .p-message-close { + color: #cc8925; +} +.p-message.p-message-error { + background: #ffe7e6; + border: solid #ff5757; + border-width: 0 0 0 6px; + color: #ff5757; +} +.p-message.p-message-error .p-message-icon { + color: #ff5757; +} +.p-message.p-message-error .p-message-close { + color: #ff5757; +} +.p-message .p-message-text { + font-size: 1rem; + font-weight: 400; +} +.p-message .p-message-icon { + font-size: 1.5rem; + margin-right: 0.5rem; +} +.p-message .p-message-summary { + font-weight: 700; +} +.p-message .p-message-detail { + margin-left: 0.5rem; +} + +.p-toast { + opacity: 0.9; +} +.p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: none; + border-radius: 6px; +} +.p-toast .p-toast-message .p-toast-message-content { + padding: 1rem; + border-width: 0 0 0 6px; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 1rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 2rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 700; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; +} +.p-toast .p-toast-message .p-toast-icon-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-toast .p-toast-message .p-toast-icon-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); +} +.p-toast .p-toast-message.p-toast-message-info { + background: #e9e9ff; + border: solid #696cff; + border-width: 0 0 0 6px; + color: #696cff; +} +.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #696cff; +} +.p-toast .p-toast-message.p-toast-message-success { + background: #e4f8f0; + border: solid #1ea97c; + border-width: 0 0 0 6px; + color: #1ea97c; +} +.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #1ea97c; +} +.p-toast .p-toast-message.p-toast-message-warn { + background: #fff2e2; + border: solid #cc8925; + border-width: 0 0 0 6px; + color: #cc8925; +} +.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #cc8925; +} +.p-toast .p-toast-message.p-toast-message-error { + background: #ffe7e6; + border: solid #ff5757; + border-width: 0 0 0 6px; + color: #ff5757; +} +.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #ff5757; +} + +.p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-item-nav { + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0 0.5rem; +} +.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f8f9fa; + padding: 1rem; +} +.p-galleria .p-galleria-indicators { + padding: 1rem; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #0b213f; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.1); +} +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(196, 181, 253, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; +} +.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(196, 181, 253, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f8f9fa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); +} + +.p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-preview-indicator { + background-color: transparent; + color: #f8f9fa; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} + +.p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); +} + +.p-image-toolbar { + padding: 1rem; +} + +.p-image-action.p-link { + color: #f8f9fa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-image-action.p-link:last-child { + margin-right: 0; +} +.p-image-action.p-link:hover { + color: #f8f9fa; + background-color: rgba(255, 255, 255, 0.1); +} +.p-image-action.p-link i { + font-size: 1.5rem; +} + +.p-avatar { + background-color: #0b213f; + border-radius: 6px; +} +.p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +.p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; +} +.p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +.p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; +} + +.p-avatar-group .p-avatar { + border: 2px solid #071426; +} + +.p-badge { + background: #C4B5FD; + color: #1c2127; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +.p-badge.p-badge-secondary { + background-color: #CBD5E1; + color: #1c2127; +} +.p-badge.p-badge-success { + background-color: #86EFAC; + color: #1c2127; +} +.p-badge.p-badge-info { + background-color: #93C5FD; + color: #1c2127; +} +.p-badge.p-badge-warning { + background-color: #FCD34D; + color: #1c2127; +} +.p-badge.p-badge-danger { + background-color: #FCA5A5; + color: #1c2127; +} +.p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +.p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} + +.p-chip { + background-color: #0b213f; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + padding: 0 0.75rem; +} +.p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; +} +.p-chip .p-chip-icon { + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; +} +.p-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); +} + +.p-inplace .p-inplace-display { + padding: 0.75rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); +} + +.p-progressbar { + border: 0 none; + height: 1.5rem; + background: #0b213f; + border-radius: 6px; +} +.p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #C4B5FD; +} +.p-progressbar .p-progressbar-label { + color: #1c2127; + line-height: 1.5rem; +} + +.p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + 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); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-scrolltop.p-link { + background: rgba(196, 181, 253, 0.16); +} +.p-scrolltop.p-link:hover { + background: rgba(196, 181, 253, 0.3616); +} +.p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: rgba(255, 255, 255, 0.87); +} + +.p-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 6px; +} +.p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); +} + +.p-tag { + background: #C4B5FD; + color: #1c2127; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; +} +.p-tag.p-tag-success { + background-color: #86EFAC; + color: #1c2127; +} +.p-tag.p-tag-info { + background-color: #93C5FD; + color: #1c2127; +} +.p-tag.p-tag-warning { + background-color: #FCD34D; + color: #1c2127; +} +.p-tag.p-tag-danger { + background-color: #FCA5A5; + color: #1c2127; +} +.p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +.p-terminal { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + padding: 1.25rem; +} +.p-terminal .p-terminal-input { + font-size: 1rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; +} + +.p-button-label { + font-weight: 700; +} + +.p-accordion .p-accordion-header .p-accordion-header-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; +} + +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-tabview .p-tabview-nav .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 2px; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); +} + +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #C4B5FD; +} + +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #C4B5FD; +} + +.p-button:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(196, 181, 253, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); +} +.p-button.p-button-secondary:enabled:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(203, 213, 225, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); +} +.p-button.p-button-success:enabled:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(134, 239, 172, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); +} +.p-button.p-button-info:enabled:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(147, 197, 253, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); +} +.p-button.p-button-warning:enabled:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(252, 211, 77, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); +} +.p-button.p-button-help:enabled:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(216, 180, 254, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); +} +.p-button.p-button-danger:enabled:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(252, 165, 165, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); +} + +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #C4B5FD; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #C4B5FD; +} diff --git a/assets/layout/styles/theme/lara-dark-purple/theme.css.br b/assets/layout/styles/theme/lara-dark-purple/theme.css.br new file mode 100644 index 0000000..0ddf70a Binary files /dev/null and b/assets/layout/styles/theme/lara-dark-purple/theme.css.br differ diff --git a/assets/layout/styles/theme/lara-dark-purple/theme.css.gz b/assets/layout/styles/theme/lara-dark-purple/theme.css.gz new file mode 100644 index 0000000..7ffb833 Binary files /dev/null and b/assets/layout/styles/theme/lara-dark-purple/theme.css.gz differ diff --git a/assets/layout/styles/theme/lara-dark-teal/theme.css b/assets/layout/styles/theme/lara-dark-teal/theme.css new file mode 100644 index 0000000..66bef50 --- /dev/null +++ b/assets/layout/styles/theme/lara-dark-teal/theme.css @@ -0,0 +1,6297 @@ +:root { + --surface-a:#071426; + --surface-b:#040d19; + --surface-c:rgba(255, 255, 255, 0.03); + --surface-d:#0b213f; + --surface-e:#071426; + --surface-f:#071426; + --text-color:rgba(255, 255, 255, 0.87); + --text-color-secondary:rgba(255, 255, 255, 0.6); + --primary-color:#5EEAD4; + --primary-color-text:#1c2127; + --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --surface-0: #040d19; + --surface-50: #1d2530; + --surface-100: #363d47; + --surface-200: #4f565e; + --surface-300: #686e75; + --surface-400: #82868c; + --surface-500: #9b9ea3; + --surface-600: #b4b6ba; + --surface-700: #cdcfd1; + --surface-800: #e6e7e8; + --surface-900: #ffffff; + --gray-50: #e6e7e8; + --gray-100: #cdcfd1; + --gray-200: #b4b6ba; + --gray-300: #9b9ea3; + --gray-400: #82868c; + --gray-500: #686e75; + --gray-600: #4f565e; + --gray-700: #363d47; + --gray-800: #1d2530; + --gray-900: #040d19; + --content-padding:1.25rem; + --inline-spacing:0.5rem; + --border-radius:6px; + --surface-ground:#040d19; + --surface-section:#040d19; + --surface-card:#071426; + --surface-overlay:#071426; + --surface-border:#0b213f; + --surface-hover:rgba(255,255,255,.03); + --focus-ring: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); + --maskbg: rgba(0, 0, 0, 0.4); + color-scheme: dark; +} + +* { + box-sizing: border-box; +} + +.p-component { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + font-weight: normal; +} + +.p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; +} + +.p-disabled, .p-component:disabled { + opacity: 0.4; +} + +.p-error { + color: #FCA5A5; +} + +.p-text-secondary { + color: rgba(255, 255, 255, 0.6); +} + +.pi { + font-size: 1rem; +} + +.p-link { + font-size: 1rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + border-radius: 6px; +} +.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); +} + +.p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; +} + +.p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; +} + +@keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } +} +@keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } +} + +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --red-50:#fff5f5; + --red-100:#ffd0ce; + --red-200:#ffaca7; + --red-300:#ff8780; + --red-400:#ff6259; + --red-500:#ff3d32; + --red-600:#d9342b; + --red-700:#b32b23; + --red-800:#8c221c; + --red-900:#661814; + --primary-50:#f7fefd; + --primary-100:#d8faf5; + --primary-200:#baf6ed; + --primary-300:#9bf2e4; + --primary-400:#7deedc; + --primary-500:#5eead4; + --primary-600:#50c7b4; + --primary-700:#42a494; + --primary-800:#348175; + --primary-900:#265e55; +} + +.p-autocomplete .p-autocomplete-loader { + right: 0.75rem; +} +.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.75rem; +} +.p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + border-color: #5EEAD4; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); + border-color: #5EEAD4; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.375rem 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.375rem 0.75rem; + background: rgba(94, 234, 212, 0.16); + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; +} + +p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #FCA5A5; +} + +.p-autocomplete-panel { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; + 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); +} +.p-autocomplete-panel .p-autocomplete-items { + padding: 0.75rem 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(94, 234, 212, 0.16); +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #091a32; + font-weight: 700; +} + +p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; +} +p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; +} + +p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3.75rem; +} + +p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #FCA5A5; +} + +.p-datepicker { + padding: 0.5rem; + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; +} +.p-datepicker:not(.p-datepicker-inline) { + background: #071426; + border: 1px solid #0b213f; + 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); +} +.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #071426; +} +.p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: rgba(255, 255, 255, 0.87); + background: #071426; + font-weight: 700; + margin: 0; + border-bottom: 1px solid #0b213f; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); +} +.p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 2rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + font-weight: 700; + padding: 0.5rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #5EEAD4; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; +} +.p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0; +} +.p-datepicker table th { + padding: 0.5rem; +} +.p-datepicker table th > span { + width: 2.5rem; + height: 2.5rem; +} +.p-datepicker table td { + padding: 0.5rem; +} +.p-datepicker table td > span { + width: 2.5rem; + height: 2.5rem; + border-radius: 50%; + transition: box-shadow 0.2s; + border: 1px solid transparent; +} +.p-datepicker table td > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(94, 234, 212, 0.16); +} +.p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); +} +.p-datepicker table td.p-datepicker-today > span { + background: transparent; + color: #5EEAD4; + border-color: transparent; +} +.p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(94, 234, 212, 0.16); +} +.p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #0b213f; +} +.p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; +} +.p-datepicker .p-timepicker { + border-top: 1px solid #0b213f; + padding: 0.5rem; +} +.p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-timepicker button:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker .p-timepicker button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); +} +.p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; +} +.p-datepicker .p-timepicker span { + font-size: 1.25rem; +} +.p-datepicker .p-timepicker > div { + padding: 0 0.5rem; +} +.p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; +} +.p-datepicker .p-monthpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.5rem; + transition: box-shadow 0.2s; + border-radius: 6px; +} +.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(94, 234, 212, 0.16); +} +.p-datepicker .p-yearpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.5rem; + transition: box-shadow 0.2s; + border-radius: 6px; +} +.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(94, 234, 212, 0.16); +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #0b213f; + padding-right: 0.5rem; + padding-left: 0.5rem; + padding-top: 0; + padding-bottom: 0; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); +} + +p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; +} +p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; +} + +p-calendar.p-calendar-clearable.p-calendar-w-btn .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3.75rem; +} + +@media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } +} +.p-cascadeselect { + background: #040d19; + border: 1px solid #0b213f; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +.p-cascadeselect:not(.p-disabled):hover { + border-color: #5EEAD4; +} +.p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); + border-color: #5EEAD4; +} +.p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; +} +.p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.p-cascadeselect-panel { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; + 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); +} +.p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.75rem 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 1.25rem; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5); +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(94, 234, 212, 0.16); +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; +} + +p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #FCA5A5; +} + +.p-input-filled .p-cascadeselect { + background: #0b213f; +} +.p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #0b213f; +} +.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #0b213f; +} + +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; +} +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; +} + +.p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; +} +.p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); +} + +.p-checkbox { + width: 22px; + height: 22px; +} +.p-checkbox .p-checkbox-box { + border: 2px solid #0b213f; + background: #040d19; + width: 22px; + height: 22px; + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #1c2127; + font-size: 14px; +} +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #5EEAD4; + background: #5EEAD4; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #5EEAD4; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); + border-color: #5EEAD4; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #41e6cc; + background: #41e6cc; + color: #1c2127; +} + +p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #FCA5A5; +} + +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #0b213f; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #5EEAD4; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #0b213f; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #41e6cc; +} + +.p-checkbox-label { + margin-left: 0.5rem; +} + +.p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; +} +.p-chips .p-chips-multiple-container:not(.p-disabled):hover { + border-color: #5EEAD4; +} +.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); + border-color: #5EEAD4; +} +.p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.375rem 0.75rem; + background: rgba(94, 234, 212, 0.16); + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; +} +.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; +} +.p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.375rem 0; +} +.p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; +} + +p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #FCA5A5; +} + +p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; +} +p-chips.p-chips-clearable .p-chips-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; +} + +.p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; +} + +.p-colorpicker-panel { + background: #071426; + border: 1px solid #0b213f; +} +.p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: rgba(255, 255, 255, 0.87); +} + +.p-colorpicker-overlay-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); +} + +.p-dropdown { + background: #040d19; + border: 1px solid #0b213f; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +.p-dropdown:not(.p-disabled):hover { + border-color: #5EEAD4; +} +.p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); + border-color: #5EEAD4; +} +.p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; +} +.p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; +} +.p-dropdown .p-dropdown-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-dropdown .p-dropdown-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +.p-dropdown .p-dropdown-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; +} + +.p-dropdown-panel { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; + 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); +} +.p-dropdown-panel .p-dropdown-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); + background: #071426; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-dropdown-panel .p-dropdown-items { + padding: 0.75rem 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(94, 234, 212, 0.16); +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #091a32; + font-weight: 700; +} + +p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #FCA5A5; +} + +.p-input-filled .p-dropdown { + background: #0b213f; +} +.p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #0b213f; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #0b213f; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; +} + +.p-editor-container .p-editor-toolbar { + background: #071426; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #0b213f; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #071426; + border: 1px solid #0b213f; + 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); + border-radius: 6px; + padding: 0.75rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 1.25rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #0b213f; +} +.p-editor-container .p-editor-content .ql-editor { + background: #040d19; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #5EEAD4; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #5EEAD4; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #5EEAD4; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #5EEAD4; +} + +.p-inputgroup-addon { + background: #071426; + color: rgba(255, 255, 255, 0.6); + border-top: 1px solid #0b213f; + border-left: 1px solid #0b213f; + border-bottom: 1px solid #0b213f; + padding: 0.75rem 0.75rem; + min-width: 3rem; +} +.p-inputgroup-addon:last-child { + border-right: 1px solid #0b213f; +} + +.p-inputgroup > .p-component, +.p-inputgroup > .p-element, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; +} +.p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-element + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; +} +.p-inputgroup > .p-component:focus, +.p-inputgroup > .p-element:focus, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; +} +.p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-element:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; +} + +.p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.p-fluid .p-inputgroup .p-button { + width: auto; +} +.p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 3rem; +} + +p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #FCA5A5; +} + +p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; +} +p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; +} + +p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #FCA5A5; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.75rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.75rem; +} + +.p-inputswitch { + width: 3rem; + height: 1.75rem; +} +.p-inputswitch .p-inputswitch-slider { + background: #233752; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; +} +.p-inputswitch .p-inputswitch-slider:before { + background: rgba(255, 255, 255, 0.6); + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition-duration: 0.2s; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1.25rem); +} +.p-inputswitch.p-focus .p-inputswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); +} +.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #0b213f; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #5EEAD4; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: rgba(255, 255, 255, 0.87); +} +.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #4fe8d0; +} + +p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + border-color: #FCA5A5; +} + +.p-inputtext { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + background: #040d19; + padding: 0.75rem 0.75rem; + border: 1px solid #0b213f; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + appearance: none; + border-radius: 6px; +} +.p-inputtext:enabled:hover { + border-color: #5EEAD4; +} +.p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); + border-color: #5EEAD4; +} +.p-inputtext.ng-dirty.ng-invalid { + border-color: #FCA5A5; +} +.p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; +} +.p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; +} + +.p-float-label > label { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; +} + +.p-float-label > .ng-invalid.ng-dirty + label { + color: #FCA5A5; +} + +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} + +.p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; +} + +.p-input-icon-left.p-float-label > label { + left: 2.5rem; +} + +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} + +.p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; +} + +::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +:-moz-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +.p-input-filled .p-inputtext { + background-color: #0b213f; +} +.p-input-filled .p-inputtext:enabled:hover { + background-color: #0b213f; +} +.p-input-filled .p-inputtext:enabled:focus { + background-color: #0b213f; +} + +.p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; +} + +.p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; +} + +.p-listbox { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; +} +.p-listbox .p-listbox-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); + background: #071426; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; +} +.p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list { + padding: 0.75rem 0; +} +.p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(94, 234, 212, 0.16); +} +.p-listbox .p-listbox-list .p-listbox-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5); +} +.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #091a32; + font-weight: 700; +} +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} + +p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #FCA5A5; +} + +.p-multiselect { + background: #040d19; + border: 1px solid #0b213f; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +.p-multiselect:not(.p-disabled):hover { + border-color: #5EEAD4; +} +.p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); + border-color: #5EEAD4; +} +.p-multiselect .p-multiselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-multiselect .p-multiselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-multiselect.p-multiselect-chip .p-multiselect-label { + gap: 0.5rem; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.375rem 0.75rem; + background: rgba(94, 234, 212, 0.16); + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; +} +.p-multiselect .p-multiselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.375rem 0.75rem; +} + +.p-multiselect-panel { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; + 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); +} +.p-multiselect-panel .p-multiselect-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); + background: #071426; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); +} +.p-multiselect-panel .p-multiselect-items { + padding: 0.75rem 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(94, 234, 212, 0.16); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #091a32; + font-weight: 700; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} + +p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #FCA5A5; +} + +.p-input-filled .p-multiselect { + background: #0b213f; +} +.p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #0b213f; +} +.p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #0b213f; +} + +p-multiselect.p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; +} +p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; +} + +p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #FCA5A5; +} + +.p-password-panel { + padding: 1.25rem; + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + 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); + border-radius: 6px; +} +.p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #0b213f; +} +.p-password-panel .p-password-meter .p-password-strength.weak { + background: #eb9a9c; +} +.p-password-panel .p-password-meter .p-password-strength.medium { + background: #ffcf91; +} +.p-password-panel .p-password-meter .p-password-strength.strong { + background: #93deac; +} + +p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; +} +p-password.p-password-clearable .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; +} + +p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; +} +p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.5rem; +} + +.p-radiobutton { + width: 22px; + height: 22px; +} +.p-radiobutton .p-radiobutton-box { + border: 2px solid #0b213f; + background: #040d19; + width: 22px; + height: 22px; + color: rgba(255, 255, 255, 0.87); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #5EEAD4; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); + border-color: #5EEAD4; +} +.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 12px; + height: 12px; + transition-duration: 0.2s; + background-color: #1c2127; +} +.p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #5EEAD4; + background: #5EEAD4; +} +.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #41e6cc; + background: #41e6cc; + color: #1c2127; +} + +p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #FCA5A5; +} + +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #0b213f; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #0b213f; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #5EEAD4; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #41e6cc; +} + +.p-radiobutton-label { + margin-left: 0.5rem; +} + +.p-rating .p-rating-icon { + color: rgba(255, 255, 255, 0.87); + margin-left: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + font-size: 1.143rem; +} +.p-rating .p-rating-icon.p-rating-cancel { + color: #F48FB1; +} +.p-rating .p-rating-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); +} +.p-rating .p-rating-icon:first-child { + margin-left: 0; +} +.p-rating .p-rating-icon.pi-star-fill { + color: #5EEAD4; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + color: #5EEAD4; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + color: #F48FB1; +} + +.p-selectbutton .p-button { + background: #071426; + border: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #0b213f; + color: rgba(255, 255, 255, 0.87); +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-selectbutton .p-button.p-highlight { + background: #5EEAD4; + border-color: #5EEAD4; + color: #1c2127; +} +.p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #1c2127; +} +.p-selectbutton .p-button.p-highlight:hover { + background: #4fe8d0; + border-color: #4fe8d0; + color: #1c2127; +} +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #1c2127; +} + +p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #FCA5A5; +} + +.p-slider { + background: #0b213f; + border: 0 none; + border-radius: 6px; +} +.p-slider.p-slider-horizontal { + height: 0.286rem; +} +.p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -0.5715rem; + margin-left: -0.5715rem; +} +.p-slider.p-slider-vertical { + width: 0.286rem; +} +.p-slider.p-slider-vertical .p-slider-handle { + margin-left: -0.5715rem; + margin-bottom: -0.5715rem; +} +.p-slider .p-slider-handle { + height: 1.143rem; + width: 1.143rem; + background: #0b213f; + border: 2px solid #5EEAD4; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); +} +.p-slider .p-slider-range { + background: #5EEAD4; +} +.p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #5EEAD4; + border-color: #5EEAD4; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; +} + +.p-togglebutton.p-button { + background: #071426; + border: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #0b213f; + color: rgba(255, 255, 255, 0.87); +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-togglebutton.p-button.p-highlight { + background: #5EEAD4; + border-color: #5EEAD4; + color: #1c2127; +} +.p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #1c2127; +} +.p-togglebutton.p-button.p-highlight:hover { + background: #4fe8d0; + border-color: #4fe8d0; + color: #1c2127; +} +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #1c2127; +} + +p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #FCA5A5; +} + +.p-treeselect { + background: #040d19; + border: 1px solid #0b213f; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +.p-treeselect:not(.p-disabled):hover { + border-color: #5EEAD4; +} +.p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); + border-color: #5EEAD4; +} +.p-treeselect .p-treeselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-treeselect .p-treeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #0b213f; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; +} +.p-treeselect .p-treeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #FCA5A5; +} + +.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.375rem 0.75rem; +} + +.p-treeselect-panel { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; + 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); +} +.p-treeselect-panel .p-treeselect-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); + background: #071426; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} + +.p-input-filled .p-treeselect { + background: #0b213f; +} +.p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #0b213f; +} +.p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #0b213f; +} + +p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; +} +p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; +} + +.p-button { + color: #1c2127; + background: #5EEAD4; + border: 1px solid #5EEAD4; + padding: 0.75rem 1.25rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +.p-button:enabled:hover { + background: #4fe8d0; + color: #1c2127; + border-color: #4fe8d0; +} +.p-button:enabled:active { + background: #41e6cc; + color: #1c2127; + border-color: #41e6cc; +} +.p-button.p-button-outlined { + background-color: transparent; + color: #5EEAD4; + border: 1px solid; +} +.p-button.p-button-outlined:enabled:hover { + background: rgba(94, 234, 212, 0.04); + color: #5EEAD4; + border: 1px solid; +} +.p-button.p-button-outlined:enabled:active { + background: rgba(94, 234, 212, 0.16); + color: #5EEAD4; + border: 1px solid; +} +.p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text { + background-color: transparent; + color: #5EEAD4; + border-color: transparent; +} +.p-button.p-button-text:enabled:hover { + background: rgba(94, 234, 212, 0.04); + color: #5EEAD4; + border-color: transparent; +} +.p-button.p-button-text:enabled:active { + background: rgba(94, 234, 212, 0.16); + color: #5EEAD4; + border-color: transparent; +} +.p-button.p-button-text.p-button-plain { + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); +} +.p-button .p-button-label { + transition-duration: 0.2s; +} +.p-button .p-button-icon-left { + margin-right: 0.5rem; +} +.p-button .p-button-icon-right { + margin-left: 0.5rem; +} +.p-button .p-button-icon-bottom { + margin-top: 0.5rem; +} +.p-button .p-button-icon-top { + margin-bottom: 0.5rem; +} +.p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #5EEAD4; + background-color: #1c2127; +} +.p-button.p-button-raised { + 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); +} +.p-button.p-button-rounded { + border-radius: 2rem; +} +.p-button.p-button-icon-only { + width: 3rem; + padding: 0.75rem 0; +} +.p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; +} +.p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 3rem; +} +.p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.65625rem 1.09375rem; +} +.p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; +} +.p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.9375rem 1.5625rem; +} +.p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; +} +.p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; +} +.p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; +} + +.p-fluid .p-button { + width: 100%; +} +.p-fluid .p-button-icon-only { + width: 3rem; +} +.p-fluid .p-buttonset { + display: flex; +} +.p-fluid .p-buttonset .p-button { + flex: 1; +} + +.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + color: #1c2127; + background: #CBD5E1; + border: 1px solid #CBD5E1; +} +.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + background: #b0bfd1; + color: #1c2127; + border-color: #b0bfd1; +} +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #dbe2ea; +} +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: #95a9c2; + color: #1c2127; + border-color: #95a9c2; +} +.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + background-color: transparent; + color: #CBD5E1; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + background: rgba(203, 213, 225, 0.04); + color: #CBD5E1; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(203, 213, 225, 0.16); + color: #CBD5E1; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + background-color: transparent; + color: #CBD5E1; + border-color: transparent; +} +.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + background: rgba(203, 213, 225, 0.04); + border-color: transparent; + color: #CBD5E1; +} +.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + background: rgba(203, 213, 225, 0.16); + border-color: transparent; + color: #CBD5E1; +} + +.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #1c2127; + background: #93C5FD; + border: 1px solid #93C5FD; +} +.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + background: #6cb0fc; + color: #1c2127; + border-color: #6cb0fc; +} +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #b3d6fe; +} +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: #449bfc; + color: #1c2127; + border-color: #449bfc; +} +.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + background-color: transparent; + color: #93C5FD; + border: 1px solid; +} +.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + background: rgba(147, 197, 253, 0.04); + color: #93C5FD; + border: 1px solid; +} +.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(147, 197, 253, 0.16); + color: #93C5FD; + border: 1px solid; +} +.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + background-color: transparent; + color: #93C5FD; + border-color: transparent; +} +.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + background: rgba(147, 197, 253, 0.04); + border-color: transparent; + color: #93C5FD; +} +.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + background: rgba(147, 197, 253, 0.16); + border-color: transparent; + color: #93C5FD; +} + +.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #1c2127; + background: #86EFAC; + border: 1px solid #86EFAC; +} +.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + background: #65eb95; + color: #1c2127; + border-color: #65eb95; +} +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #aaf4c5; +} +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: #44e67f; + color: #1c2127; + border-color: #44e67f; +} +.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + background-color: transparent; + color: #86EFAC; + border: 1px solid; +} +.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + background: rgba(134, 239, 172, 0.04); + color: #86EFAC; + border: 1px solid; +} +.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(134, 239, 172, 0.16); + color: #86EFAC; + border: 1px solid; +} +.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + background-color: transparent; + color: #86EFAC; + border-color: transparent; +} +.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + background: rgba(134, 239, 172, 0.04); + border-color: transparent; + color: #86EFAC; +} +.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + background: rgba(134, 239, 172, 0.16); + border-color: transparent; + color: #86EFAC; +} + +.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #1c2127; + background: #FCD34D; + border: 1px solid #FCD34D; +} +.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + background: #fbcb2d; + color: #1c2127; + border-color: #fbcb2d; +} +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #fde082; +} +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: #fbc30c; + color: #1c2127; + border-color: #fbc30c; +} +.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + background-color: transparent; + color: #FCD34D; + border: 1px solid; +} +.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + background: rgba(252, 211, 77, 0.04); + color: #FCD34D; + border: 1px solid; +} +.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(252, 211, 77, 0.16); + color: #FCD34D; + border: 1px solid; +} +.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + background-color: transparent; + color: #FCD34D; + border-color: transparent; +} +.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + background: rgba(252, 211, 77, 0.04); + border-color: transparent; + color: #FCD34D; +} +.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + background: rgba(252, 211, 77, 0.16); + border-color: transparent; + color: #FCD34D; +} + +.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #1c2127; + background: #D8B4FE; + border: 1px solid #D8B4FE; +} +.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + background: #c289fd; + color: #1c2127; + border-color: #c289fd; +} +.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #e4cbfe; +} +.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: #ab5efd; + color: #1c2127; + border-color: #ab5efd; +} +.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + background-color: transparent; + color: #D8B4FE; + border: 1px solid; +} +.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + background: rgba(216, 180, 254, 0.04); + color: #D8B4FE; + border: 1px solid; +} +.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(216, 180, 254, 0.16); + color: #D8B4FE; + border: 1px solid; +} +.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + background-color: transparent; + color: #D8B4FE; + border-color: transparent; +} +.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + background: rgba(216, 180, 254, 0.04); + border-color: transparent; + color: #D8B4FE; +} +.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + background: rgba(216, 180, 254, 0.16); + border-color: transparent; + color: #D8B4FE; +} + +.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #1c2127; + background: #FCA5A5; + border: 1px solid #FCA5A5; +} +.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + background: #fb7d7d; + color: #1c2127; + border-color: #fb7d7d; +} +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #fdc0c0; +} +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: #f95454; + color: #1c2127; + border-color: #f95454; +} +.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + background-color: transparent; + color: #FCA5A5; + border: 1px solid; +} +.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + background: rgba(252, 165, 165, 0.04); + color: #FCA5A5; + border: 1px solid; +} +.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(252, 165, 165, 0.16); + color: #FCA5A5; + border: 1px solid; +} +.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + background-color: transparent; + color: #FCA5A5; + border-color: transparent; +} +.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + background: rgba(252, 165, 165, 0.04); + border-color: transparent; + color: #FCA5A5; +} +.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + background: rgba(252, 165, 165, 0.16); + border-color: transparent; + color: #FCA5A5; +} + +.p-button.p-button-link { + color: #5EEAD4; + background: transparent; + border: transparent; +} +.p-button.p-button-link:enabled:hover { + background: transparent; + color: #5EEAD4; + border-color: transparent; +} +.p-button.p-button-link:enabled:hover .p-button-label { + text-decoration: underline; +} +.p-button.p-button-link:enabled:focus { + background: transparent; + box-shadow: 0 0 0 1px rgba(94, 234, 212, 0.5); + border-color: transparent; +} +.p-button.p-button-link:enabled:active { + background: transparent; + color: #5EEAD4; + border-color: transparent; +} + +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: rgba(255, 255, 255, 0.87); + color: #040d19; +} +.p-speeddial-action:hover { + background: rgba(255, 255, 255, 0.6); + color: #040d19; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +.p-splitbutton { + border-radius: 6px; +} +.p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #5EEAD4; + border: 1px solid; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(94, 234, 212, 0.04); + color: #5EEAD4; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(94, 234, 212, 0.16); + color: #5EEAD4; +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #5EEAD4; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(94, 234, 212, 0.04); + color: #5EEAD4; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(94, 234, 212, 0.16); + color: #5EEAD4; + border-color: transparent; +} +.p-splitbutton.p-button-text.p-button-plain > .p-button { + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-raised { + 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); +} +.p-splitbutton.p-button-rounded { + border-radius: 2rem; +} +.p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; +} +.p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.65625rem 1.09375rem; +} +.p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; +} +.p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.9375rem 1.5625rem; +} +.p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; +} + +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #CBD5E1; + border: 1px solid; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(203, 213, 225, 0.04); + color: #CBD5E1; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(203, 213, 225, 0.16); + color: #CBD5E1; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #CBD5E1; + border-color: transparent; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(203, 213, 225, 0.04); + border-color: transparent; + color: #CBD5E1; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(203, 213, 225, 0.16); + border-color: transparent; + color: #CBD5E1; +} + +.p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #93C5FD; + border: 1px solid; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(147, 197, 253, 0.04); + color: #93C5FD; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(147, 197, 253, 0.16); + color: #93C5FD; +} +.p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #93C5FD; + border-color: transparent; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(147, 197, 253, 0.04); + border-color: transparent; + color: #93C5FD; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(147, 197, 253, 0.16); + border-color: transparent; + color: #93C5FD; +} + +.p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #86EFAC; + border: 1px solid; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(134, 239, 172, 0.04); + color: #86EFAC; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(134, 239, 172, 0.16); + color: #86EFAC; +} +.p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #86EFAC; + border-color: transparent; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(134, 239, 172, 0.04); + border-color: transparent; + color: #86EFAC; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(134, 239, 172, 0.16); + border-color: transparent; + color: #86EFAC; +} + +.p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #FCD34D; + border: 1px solid; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(252, 211, 77, 0.04); + color: #FCD34D; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(252, 211, 77, 0.16); + color: #FCD34D; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #FCD34D; + border-color: transparent; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(252, 211, 77, 0.04); + border-color: transparent; + color: #FCD34D; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(252, 211, 77, 0.16); + border-color: transparent; + color: #FCD34D; +} + +.p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #D8B4FE; + border: 1px solid; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(216, 180, 254, 0.04); + color: #D8B4FE; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(216, 180, 254, 0.16); + color: #D8B4FE; +} +.p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #D8B4FE; + border-color: transparent; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(216, 180, 254, 0.04); + border-color: transparent; + color: #D8B4FE; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(216, 180, 254, 0.16); + border-color: transparent; + color: #D8B4FE; +} + +.p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #FCA5A5; + border: 1px solid; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(252, 165, 165, 0.04); + color: #FCA5A5; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(252, 165, 165, 0.16); + color: #FCA5A5; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #FCA5A5; + border-color: transparent; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(252, 165, 165, 0.04); + border-color: transparent; + color: #FCA5A5; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(252, 165, 165, 0.16); + border-color: transparent; + color: #FCA5A5; +} + +.p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; +} +.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-carousel .p-carousel-content .p-carousel-prev:focus, +.p-carousel .p-carousel-content .p-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); +} +.p-carousel .p-carousel-indicators { + padding: 1rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #0b213f; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: rgba(255, 255, 255, 0.03); +} +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(94, 234, 212, 0.16); + color: rgba(255, 255, 255, 0.87); +} + +.p-datatable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +.p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-datatable .p-datatable-header { + background: #071426; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #0b213f; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; +} +.p-datatable .p-datatable-footer { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; +} +.p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #0b213f; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #071426; + transition: box-shadow 0.2s; +} +.p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #0b213f; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #071426; +} +.p-datatable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(94, 234, 212, 0.16); + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column.p-highlight { + background: rgba(94, 234, 212, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(94, 234, 212, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column:focus { + box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5); + outline: 0 none; +} +.p-datatable .p-datatable-tbody > tr { + background: #071426; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; +} +.p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #0b213f; + border-width: 0 0 1px 0; + padding: 1rem 1rem; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); +} +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; +} +.p-datatable .p-datatable-tbody > tr:focus { + outline: 0.15rem solid rgba(94, 234, 212, 0.5); + outline-offset: 0.15rem; +} +.p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(94, 234, 212, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(94, 234, 212, 0.16); +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(94, 234, 212, 0.16); +} +.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-column-resizer-helper { + background: #5EEAD4; +} +.p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #071426; +} +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #071426; +} +.p-datatable .p-datatable-loading-icon { + font-size: 2rem; +} +.p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #0d1a2c; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(94, 234, 212, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; +} + +.p-dataview .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +.p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-dataview .p-dataview-header { + background: #071426; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #0b213f; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; +} +.p-dataview .p-dataview-content { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; +} +.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { + border: solid #0b213f; + border-width: 0 0 1px 0; +} +.p-dataview .p-dataview-footer { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +.p-dataview .p-dataview-loading-icon { + font-size: 2rem; +} +.p-dataview .p-dataview-emptymessage { + padding: 1.25rem; +} + +.p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; +} + +.p-column-filter-menu-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-menu-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(94, 234, 212, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-column-filter-menu-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); +} + +.p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-clear-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-column-filter-clear-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); +} + +.p-column-filter-overlay { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; + 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); + min-width: 12.5rem; +} +.p-column-filter-overlay .p-column-filter-row-items { + padding: 0.75rem 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(94, 234, 212, 0.16); +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5); +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #0b213f; + margin: 0.25rem 0; +} + +.p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); + background: #071426; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1.25rem; + border-bottom: 1px solid #0b213f; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; +} +.p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.75rem 1.25rem; +} +.p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1.25rem; +} + +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { + background: #071426; + border: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-view-container td.fc-widget-content { + background: #071426; + border: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #0b213f; +} +.fc.fc-unthemed .fc-view-container .fc-row { + border-right: 1px solid #0b213f; +} +.fc.fc-unthemed .fc-view-container .fc-event { + background: #4fe8d0; + border: 1px solid #4fe8d0; + color: #1c2127; +} +.fc.fc-unthemed .fc-view-container .fc-divider { + background: #071426; + border: 1px solid #0b213f; +} +.fc.fc-unthemed .fc-toolbar .fc-button { + color: #1c2127; + background: #5EEAD4; + border: 1px solid #5EEAD4; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + display: flex; + align-items: center; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { + background: #4fe8d0; + color: #1c2127; + border-color: #4fe8d0; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { + background: #41e6cc; + color: #1c2127; + border-color: #41e6cc; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-unthemed .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #071426; + border: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #0b213f; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #5EEAD4; + border-color: #5EEAD4; + color: #1c2127; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #4fe8d0; + border-color: #4fe8d0; + color: #1c2127; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); + z-index: 1; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #0b213f; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #071426; + border-color: #0b213f; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness td { + color: rgba(255, 255, 255, 0.87); + border-color: #0b213f; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #071426; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover { + background: none; + border: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { + border: 1px solid #0b213f; + padding: 1.25rem; + background: #071426; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { + opacity: 1; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; + font-family: "PrimeIcons" !important; + font-size: 1rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { + content: "\e90b"; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { + padding: 1.25rem; + border: 1px solid #0b213f; + background: #071426; + color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #1c2127; + background: #4fe8d0; + border-color: #4fe8d0; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #1c2127; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: #4fe8d0; + border-color: #4fe8d0; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #071426; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #1c2127; + background: #5EEAD4; + border: 1px solid #5EEAD4; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: #4fe8d0; + color: #1c2127; + border-color: #4fe8d0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: #41e6cc; + color: #1c2127; + border-color: #41e6cc; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.4; + color: #1c2127; + background: #5EEAD4; + border: 1px solid #5EEAD4; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #071426; + border: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #0b213f; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #5EEAD4; + border-color: #5EEAD4; + color: #1c2127; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #4fe8d0; + border-color: #4fe8d0; + color: #1c2127; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +.fc.fc-theme-standard a { + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(94, 234, 212, 0.16); +} + +.p-orderlist .p-orderlist-controls { + padding: 1.25rem; +} +.p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; +} +.p-orderlist .p-orderlist-header { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + padding: 1.25rem; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 700; +} +.p-orderlist .p-orderlist-filter-container { + padding: 1.25rem; + background: #071426; + border: 1px solid #0b213f; + border-bottom: 0 none; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-orderlist .p-orderlist-list { + border: 1px solid #0b213f; + background: #071426; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; +} +.p-orderlist .p-orderlist-list .p-orderlist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5); +} +.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(94, 234, 212, 0.16); +} +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); +} +.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: rgba(255, 255, 255, 0.01); +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); +} + +.p-orderlist-item.cdk-drag-preview { + padding: 0.75rem 1.25rem; + 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); + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #071426; + margin: 0; +} + +.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(94, 234, 212, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(23, 177, 153, 0.16); +} +.p-organizationchart .p-organizationchart-line-down { + background: #0b213f; +} +.p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #0b213f; + border-color: #0b213f; +} +.p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #0b213f; + border-color: #0b213f; +} +.p-organizationchart .p-organizationchart-node-content { + border: 1px solid #0b213f; + background: #071426; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); +} + +.p-paginator { + background: #071426; + color: rgba(255, 255, 255, 0.6); + border: solid #0b213f; + border-width: 1px; + padding: 0.5rem 1rem; + border-radius: 6px; +} +.p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 6px; +} +.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); +} +.p-paginator .p-paginator-first { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +.p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 3rem; +} +.p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; +} +.p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; +} +.p-paginator .p-paginator-page-input .p-inputtext { + max-width: 3rem; +} +.p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + padding: 0 0.5rem; +} +.p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 6px; +} +.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(94, 234, 212, 0.16); + border-color: rgba(94, 234, 212, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); +} + +.p-picklist .p-picklist-buttons { + padding: 1.25rem; +} +.p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; +} +.p-picklist .p-picklist-header { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + padding: 1.25rem; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-picklist .p-picklist-header .p-picklist-title { + font-weight: 700; +} +.p-picklist .p-picklist-filter-container { + padding: 1.25rem; + background: #071426; + border: 1px solid #0b213f; + border-bottom: 0 none; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-picklist .p-picklist-list { + border: 1px solid #0b213f; + background: #071426; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-picklist .p-picklist-list .p-picklist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; +} +.p-picklist .p-picklist-list .p-picklist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5); +} +.p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(94, 234, 212, 0.16); +} +.p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); +} +.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: rgba(255, 255, 255, 0.01); +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); +} + +.p-picklist-item.cdk-drag-preview { + padding: 0.75rem 1.25rem; + 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); + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #071426; + margin: 0; +} + +.p-timeline .p-timeline-event-marker { + border: 2px solid #5EEAD4; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #1c2127; +} +.p-timeline .p-timeline-event-connector { + background-color: #0b213f; +} +.p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; +} +.p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; +} + +.p-tree { + border: 1px solid #0b213f; + background: #071426; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + border-radius: 6px; +} +.p-tree .p-tree-container .p-treenode { + padding: 0.143rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: box-shadow 0.2s; + padding: 0.5rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(94, 234, 212, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; +} +.p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; +} +.p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-tree .p-treenode-children { + padding: 0 0 0 1rem; +} +.p-tree .p-tree-loading-icon { + font-size: 2rem; +} +.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(36, 226, 197, 0.16); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #0b213f; + background-color: #071426; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem; + transition: box-shadow 0.2s; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(94, 234, 212, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); +} + +.p-treetable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +.p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-treetable .p-treetable-header { + background: #071426; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #0b213f; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; +} +.p-treetable .p-treetable-footer { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; +} +.p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #0b213f; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #071426; + transition: box-shadow 0.2s; +} +.p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #0b213f; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #071426; +} +.p-treetable .p-sortable-column { + outline-color: rgba(94, 234, 212, 0.5); +} +.p-treetable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(94, 234, 212, 0.16); + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-sortable-column.p-highlight { + background: rgba(94, 234, 212, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-treetable-tbody > tr { + background: #071426; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; +} +.p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #0b213f; + border-width: 0 0 1px 0; + padding: 1rem 1rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-treetable-tbody > tr:focus { + outline: 0.15rem solid rgba(94, 234, 212, 0.5); + outline-offset: -0.15rem; +} +.p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(94, 234, 212, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-column-resizer-helper { + background: #5EEAD4; +} +.p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #071426; +} +.p-treetable .p-treetable-loading-icon { + font-size: 2rem; +} +.p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.875rem 0.875rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 1.25rem 1.25rem; +} + +.p-virtualscroller .p-virtualscroller-header { + background: #071426; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #0b213f; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; +} +.p-virtualscroller .p-virtualscroller-content { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; +} +.p-virtualscroller .p-virtualscroller-footer { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.25rem; + border: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); + background: #071426; + font-weight: 700; + border-radius: 6px; + transition: box-shadow 0.2s; +} +.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; +} +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); +} +.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: rgba(255, 255, 255, 0.03); + border-color: #0b213f; + color: rgba(255, 255, 255, 0.87); +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #071426; + border-color: #0b213f; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #0b213f; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-accordion .p-accordion-content { + padding: 1.25rem; + border: 1px solid #0b213f; + background: #071426; + color: rgba(255, 255, 255, 0.87); + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 4px; +} + +.p-card { + background: #071426; + 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: 6px; +} +.p-card .p-card-body { + padding: 1.25rem; +} +.p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +.p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-card .p-card-content { + padding: 1.25rem 0; +} +.p-card .p-card-footer { + padding: 1.25rem 0 0 0; +} + +.p-divider .p-divider-content { + background-color: #071426; +} +.p-divider.p-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; +} +.p-divider.p-divider-horizontal:before { + border-top: 1px #0b213f; +} +.p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; +} +.p-divider.p-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; +} +.p-divider.p-divider-vertical:before { + border-left: 1px #0b213f; +} +.p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; +} + +.p-fieldset { + border: 1px solid #0b213f; + background: #071426; + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; +} +.p-fieldset .p-fieldset-legend { + padding: 1.25rem; + border: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); + background: #071426; + font-weight: 700; + border-radius: 6px; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.25rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; + transition: box-shadow 0.2s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #0b213f; + color: rgba(255, 255, 255, 0.87); +} +.p-fieldset .p-fieldset-content { + padding: 1.25rem; +} + +.p-panel .p-panel-header { + border: 1px solid #0b213f; + padding: 1.25rem; + background: #071426; + color: rgba(255, 255, 255, 0.87); + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-panel .p-panel-header .p-panel-title { + font-weight: 700; +} +.p-panel .p-panel-header .p-panel-header-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-panel .p-panel-header .p-panel-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); +} +.p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.25rem; +} +.p-panel .p-panel-content { + padding: 1.25rem; + border: 1px solid #0b213f; + background: #071426; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + border-top: 0 none; +} +.p-panel .p-panel-footer { + padding: 0.75rem 1.25rem; + border: 1px solid #0b213f; + background: #071426; + color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} +.p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; +} +.p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; +} +.p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; +} + +.p-scrollpanel .p-scrollpanel-bar { + background: #0b213f; + border: 0 none; +} + +.p-splitter { + border: 1px solid #0b213f; + background: #071426; + border-radius: 6px; + color: rgba(255, 255, 255, 0.87); +} +.p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: rgba(255, 255, 255, 0.03); +} +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #0b213f; +} +.p-splitter .p-splitter-gutter-resizing { + background: #0b213f; +} + +.p-tabview .p-tabview-nav { + background: transparent; + border: 1px solid #0b213f; + border-width: 0 0 2px 0; +} +.p-tabview .p-tabview-nav li { + margin-right: 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #0b213f; + border-width: 0 0 2px 0; + border-color: transparent transparent #0b213f transparent; + background: #071426; + color: rgba(255, 255, 255, 0.6); + padding: 1.25rem; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(94, 234, 212, 0.5); +} +.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #071426; + border-color: #5EEAD4; + color: rgba(255, 255, 255, 0.87); +} +.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #071426; + border-color: #5EEAD4; + color: #5EEAD4; +} +.p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; +} +.p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-close { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-nav-btn.p-link { + background: #071426; + color: #5EEAD4; + width: 3rem; + 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); + border-radius: 0; +} +.p-tabview .p-tabview-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(94, 234, 212, 0.5); +} +.p-tabview .p-tabview-panels { + background: #071426; + padding: 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} + +.p-toolbar { + background: #071426; + border: 1px solid #0b213f; + padding: 1.25rem; + border-radius: 6px; + gap: 0.5rem; +} +.p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; +} + +.p-confirm-popup { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; + 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); +} +.p-confirm-popup .p-confirm-popup-content { + padding: 1.25rem; +} +.p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.75rem 1.25rem; +} +.p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; +} +.p-confirm-popup:after { + border: solid transparent; + border-color: rgba(7, 20, 38, 0); + border-bottom-color: #071426; +} +.p-confirm-popup:before { + border: solid transparent; + border-color: rgba(11, 33, 63, 0); + border-bottom-color: #0b213f; +} +.p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #071426; +} +.p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #0b213f; +} +.p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; +} +.p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; +} + +.p-dialog { + border-radius: 6px; + 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: 1px solid #0b213f; +} +.p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #071426; + color: rgba(255, 255, 255, 0.87); + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-dialog .p-dialog-header .p-dialog-title { + font-weight: 700; + font-size: 1.25rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-dialog .p-dialog-header .p-dialog-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); +} +.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; +} +.p-dialog .p-dialog-content { + background: #071426; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.5rem 2rem 1.5rem; +} +.p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-dialog .p-dialog-footer { + border-top: 0 none; + background: #071426; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; +} + +.p-overlaypanel { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; + 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); +} +.p-overlaypanel .p-overlaypanel-content { + padding: 1.25rem; +} +.p-overlaypanel .p-overlaypanel-close { + background: #5EEAD4; + color: #1c2127; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + position: absolute; + top: -1rem; + right: -1rem; +} +.p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #4fe8d0; + color: #1c2127; +} +.p-overlaypanel:after { + border: solid transparent; + border-color: rgba(7, 20, 38, 0); + border-bottom-color: #071426; +} +.p-overlaypanel:before { + border: solid transparent; + border-color: rgba(11, 33, 63, 0); + border-bottom-color: #0a1f3c; +} +.p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #071426; +} +.p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #0b213f; +} + +.p-sidebar { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + 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); +} +.p-sidebar .p-sidebar-header { + padding: 1.25rem; +} +.p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-sidebar .p-sidebar-header .p-sidebar-close:focus, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); +} +.p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; +} +.p-sidebar .p-sidebar-content { + padding: 1.25rem; +} +.p-sidebar .p-sidebar-footer { + padding: 1.25rem; +} + +.p-tooltip .p-tooltip-text { + background: #0b213f; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + 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); + border-radius: 6px; +} +.p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #0b213f; +} +.p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #0b213f; +} +.p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #0b213f; +} +.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #0b213f; +} + +.p-fileupload .p-fileupload-buttonbar { + background: #071426; + padding: 1.25rem; + border: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; +} +.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); +} +.p-fileupload .p-fileupload-content { + background: #071426; + padding: 2rem 1rem; + border: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-fileupload .p-progressbar { + height: 0.25rem; +} +.p-fileupload .p-fileupload-row > div { + padding: 1rem 1rem; +} +.p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; +} + +.p-fileupload-choose:not(.p-disabled):hover { + background: #4fe8d0; + color: #1c2127; + border-color: #4fe8d0; +} +.p-fileupload-choose:not(.p-disabled):active { + background: #41e6cc; + color: #1c2127; + border-color: #41e6cc; +} + +.p-breadcrumb { + background: #091a32; + border: 1px solid #0b213f; + border-radius: 6px; + padding: 1rem; +} +.p-breadcrumb ul li .p-menuitem-link { + transition: box-shadow 0.2s; + border-radius: 6px; +} +.p-breadcrumb ul li .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-breadcrumb ul li.p-breadcrumb-chevron { + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.87); +} +.p-breadcrumb ul li:last-child .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-breadcrumb ul li:last-child .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} + +.p-contextmenu { + padding: 0.25rem 0; + background: #091a32; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + 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); + border-radius: 6px; + width: 12.5rem; +} +.p-contextmenu .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-contextmenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-contextmenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5); +} +.p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #091a32; + border: 1px solid #0b213f; + 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); + border-radius: 6px; +} +.p-contextmenu .p-menuitem { + margin: 0; +} +.p-contextmenu .p-menuitem:last-child { + margin: 0; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(94, 234, 212, 0.16); +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menu-separator { + border-top: 1px solid #0b213f; + margin: 0.25rem 0; +} +.p-contextmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-contextmenu .p-menuitem-badge { + background: #5EEAD4; + color: #1c2127; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + +@media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } +} +.p-megamenu { + padding: 0.5rem; + background: #091a32; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; + transition: box-shadow 0.2s; + user-select: none; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(94, 234, 212, 0.16); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-megamenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-megamenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5); +} +.p-megamenu .p-megamenu-panel { + background: #091a32; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + 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); +} +.p-megamenu .p-megamenu-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #091a32; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-megamenu .p-megamenu-submenu { + padding: 0.25rem 0; + width: 12.5rem; +} +.p-megamenu .p-megamenu-submenu .p-menu-separator { + border-top: 1px solid #0b213f; + margin: 0.25rem 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem { + margin: 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(94, 234, 212, 0.16); +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem { + margin: 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem-badge { + background: #5EEAD4; + color: #1c2127; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menu { + padding: 0.25rem 0; + background: #091a32; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; + width: 12.5rem; +} +.p-menu .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5); +} +.p-menu.p-menu-overlay { + background: #091a32; + border: 1px solid #0b213f; + 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); +} +.p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #091a32; + font-weight: 700; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.p-menu .p-menu-separator { + border-top: 1px solid #0b213f; + margin: 0.25rem 0; +} +.p-menu .p-menuitem { + margin: 0; +} +.p-menu .p-menuitem:last-child { + margin: 0; +} +.p-menu .p-menuitem-badge { + background: #5EEAD4; + color: #1c2127; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menubar { + padding: 0.5rem; + background: #091a32; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; +} +.p-menubar .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menubar .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menubar .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(94, 234, 212, 0.16); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-submenu-list { + padding: 0.25rem 0; + background: #091a32; + border: 1px solid #0b213f; + 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); + width: 12.5rem; +} +.p-menubar .p-submenu-list .p-menu-separator { + border-top: 1px solid #0b213f; + margin: 0.25rem 0; +} +.p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; +} +.p-menubar .p-submenu-list .p-menuitem { + margin: 0; +} +.p-menubar .p-submenu-list .p-menuitem:last-child { + margin: 0; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(94, 234, 212, 0.16); +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-badge { + background: #5EEAD4; + color: #1c2127; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +@media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0; + background: #091a32; + border: 1px solid #0b213f; + 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); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menu-separator { + border-top: 1px solid #0b213f; + margin: 0.25rem 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } +} +.p-panelmenu .p-panelmenu-header > a { + padding: 1.25rem; + border: 1px solid #0b213f; + color: rgba(255, 255, 255, 0.87); + background: #071426; + font-weight: 700; + border-radius: 6px; + transition: box-shadow 0.2s; +} +.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); +} +.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #0b213f; + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-header.p-highlight { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight > a { + background: #071426; + border-color: #0b213f; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + border-color: #0b213f; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0; + border: 1px solid #0b213f; + background: #071426; + color: rgba(255, 255, 255, 0.87); + margin-bottom: 4px; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { + padding: 0 0 0 1rem; +} +.p-panelmenu .p-panelmenu-panel { + margin-bottom: 4px; +} +.p-panelmenu .p-menuitem-badge { + background: #5EEAD4; + color: #1c2127; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-slidemenu { + padding: 0.25rem 0; + background: #091a32; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; + width: 12.5rem; +} +.p-slidemenu .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-slidemenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-slidemenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5); +} +.p-slidemenu.p-slidemenu-overlay { + background: #091a32; + border: 1px solid #0b213f; + 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); +} +.p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0; + background: #091a32; + border: 1px solid #0b213f; + 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); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { + background: rgba(94, 234, 212, 0.16); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-slidemenu-separator { + border-top: 1px solid #0b213f; + margin: 0.25rem 0; +} +.p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; +} +.p-slidemenu .p-slidemenu-backward { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-badge { + background: #5EEAD4; + color: #1c2127; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: box-shadow 0.2s; + border-radius: 6px; + background: transparent; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: rgba(255, 255, 255, 0.87); + border: 0 none; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); +} +.p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(94, 234, 212, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 700; + color: rgba(255, 255, 255, 0.87); +} +.p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #0b213f; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; +} + +.p-tabmenu .p-tabmenu-nav { + background: transparent; + border: 1px solid #0b213f; + border-width: 0 0 2px 0; +} +.p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #5EEAD4; + color: #1c2127; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #0b213f; + border-width: 0 0 2px 0; + border-color: transparent transparent #0b213f transparent; + background: #071426; + color: rgba(255, 255, 255, 0.6); + padding: 1.25rem; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(94, 234, 212, 0.5); +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #071426; + border-color: #5EEAD4; + color: rgba(255, 255, 255, 0.87); +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #071426; + border-color: #5EEAD4; + color: #5EEAD4; +} +.p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #071426; + color: #5EEAD4; + width: 3rem; + 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); + border-radius: 0; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(94, 234, 212, 0.5); +} + +.p-tieredmenu { + padding: 0.25rem 0; + background: #091a32; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + border-radius: 6px; + width: 12.5rem; +} +.p-tieredmenu .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-tieredmenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-tieredmenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5); +} +.p-tieredmenu.p-tieredmenu-overlay { + background: #091a32; + border: 1px solid #0b213f; + 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); +} +.p-tieredmenu .p-submenu-list { + padding: 0.25rem 0; + background: #091a32; + border: 1px solid #0b213f; + 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); +} +.p-tieredmenu .p-menuitem { + margin: 0; +} +.p-tieredmenu .p-menuitem:last-child { + margin: 0; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(94, 234, 212, 0.16); +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menu-separator { + border-top: 1px solid #0b213f; + margin: 0.25rem 0; +} +.p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-tieredmenu .p-menuitem-badge { + background: #5EEAD4; + color: #1c2127; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-inline-message { + padding: 0.75rem 0.75rem; + margin: 0; + border-radius: 6px; +} +.p-inline-message.p-inline-message-info { + background: #e9e9ff; + border: solid #696cff; + border-width: 1px; + color: #696cff; +} +.p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #696cff; +} +.p-inline-message.p-inline-message-success { + background: #e4f8f0; + border: solid #1ea97c; + border-width: 1px; + color: #1ea97c; +} +.p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #1ea97c; +} +.p-inline-message.p-inline-message-warn { + background: #fff2e2; + border: solid #cc8925; + border-width: 1px; + color: #cc8925; +} +.p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #cc8925; +} +.p-inline-message.p-inline-message-error { + background: #ffe7e6; + border: solid #ff5757; + border-width: 1px; + color: #ff5757; +} +.p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #ff5757; +} +.p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; +} +.p-inline-message .p-inline-message-text { + font-size: 1rem; +} +.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; +} + +.p-message { + margin: 1rem 0; + border-radius: 6px; +} +.p-message .p-message-wrapper { + padding: 1.25rem 1.75rem; +} +.p-message .p-message-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-message .p-message-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); +} +.p-message.p-message-info { + background: #e9e9ff; + border: solid #696cff; + border-width: 0 0 0 6px; + color: #696cff; +} +.p-message.p-message-info .p-message-icon { + color: #696cff; +} +.p-message.p-message-info .p-message-close { + color: #696cff; +} +.p-message.p-message-success { + background: #e4f8f0; + border: solid #1ea97c; + border-width: 0 0 0 6px; + color: #1ea97c; +} +.p-message.p-message-success .p-message-icon { + color: #1ea97c; +} +.p-message.p-message-success .p-message-close { + color: #1ea97c; +} +.p-message.p-message-warn { + background: #fff2e2; + border: solid #cc8925; + border-width: 0 0 0 6px; + color: #cc8925; +} +.p-message.p-message-warn .p-message-icon { + color: #cc8925; +} +.p-message.p-message-warn .p-message-close { + color: #cc8925; +} +.p-message.p-message-error { + background: #ffe7e6; + border: solid #ff5757; + border-width: 0 0 0 6px; + color: #ff5757; +} +.p-message.p-message-error .p-message-icon { + color: #ff5757; +} +.p-message.p-message-error .p-message-close { + color: #ff5757; +} +.p-message .p-message-text { + font-size: 1rem; + font-weight: 400; +} +.p-message .p-message-icon { + font-size: 1.5rem; + margin-right: 0.5rem; +} +.p-message .p-message-summary { + font-weight: 700; +} +.p-message .p-message-detail { + margin-left: 0.5rem; +} + +.p-toast { + opacity: 0.9; +} +.p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: none; + border-radius: 6px; +} +.p-toast .p-toast-message .p-toast-message-content { + padding: 1rem; + border-width: 0 0 0 6px; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 1rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 2rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 700; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; +} +.p-toast .p-toast-message .p-toast-icon-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-toast .p-toast-message .p-toast-icon-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); +} +.p-toast .p-toast-message.p-toast-message-info { + background: #e9e9ff; + border: solid #696cff; + border-width: 0 0 0 6px; + color: #696cff; +} +.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #696cff; +} +.p-toast .p-toast-message.p-toast-message-success { + background: #e4f8f0; + border: solid #1ea97c; + border-width: 0 0 0 6px; + color: #1ea97c; +} +.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #1ea97c; +} +.p-toast .p-toast-message.p-toast-message-warn { + background: #fff2e2; + border: solid #cc8925; + border-width: 0 0 0 6px; + color: #cc8925; +} +.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #cc8925; +} +.p-toast .p-toast-message.p-toast-message-error { + background: #ffe7e6; + border: solid #ff5757; + border-width: 0 0 0 6px; + color: #ff5757; +} +.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #ff5757; +} + +.p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-item-nav { + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0 0.5rem; +} +.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f8f9fa; + padding: 1rem; +} +.p-galleria .p-galleria-indicators { + padding: 1rem; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #0b213f; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.1); +} +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(94, 234, 212, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; +} +.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(94, 234, 212, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f8f9fa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); +} + +.p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-preview-indicator { + background-color: transparent; + color: #f8f9fa; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} + +.p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); +} + +.p-image-toolbar { + padding: 1rem; +} + +.p-image-action.p-link { + color: #f8f9fa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-image-action.p-link:last-child { + margin-right: 0; +} +.p-image-action.p-link:hover { + color: #f8f9fa; + background-color: rgba(255, 255, 255, 0.1); +} +.p-image-action.p-link i { + font-size: 1.5rem; +} + +.p-avatar { + background-color: #0b213f; + border-radius: 6px; +} +.p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +.p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; +} +.p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +.p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; +} + +.p-avatar-group .p-avatar { + border: 2px solid #071426; +} + +.p-badge { + background: #5EEAD4; + color: #1c2127; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +.p-badge.p-badge-secondary { + background-color: #CBD5E1; + color: #1c2127; +} +.p-badge.p-badge-success { + background-color: #86EFAC; + color: #1c2127; +} +.p-badge.p-badge-info { + background-color: #93C5FD; + color: #1c2127; +} +.p-badge.p-badge-warning { + background-color: #FCD34D; + color: #1c2127; +} +.p-badge.p-badge-danger { + background-color: #FCA5A5; + color: #1c2127; +} +.p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +.p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} + +.p-chip { + background-color: #0b213f; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + padding: 0 0.75rem; +} +.p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; +} +.p-chip .p-chip-icon { + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; +} +.p-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); +} + +.p-inplace .p-inplace-display { + padding: 0.75rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); +} + +.p-progressbar { + border: 0 none; + height: 1.5rem; + background: #0b213f; + border-radius: 6px; +} +.p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #5EEAD4; +} +.p-progressbar .p-progressbar-label { + color: #1c2127; + line-height: 1.5rem; +} + +.p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + 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); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-scrolltop.p-link { + background: rgba(94, 234, 212, 0.16); +} +.p-scrolltop.p-link:hover { + background: rgba(94, 234, 212, 0.3616); +} +.p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: rgba(255, 255, 255, 0.87); +} + +.p-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 6px; +} +.p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); +} + +.p-tag { + background: #5EEAD4; + color: #1c2127; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; +} +.p-tag.p-tag-success { + background-color: #86EFAC; + color: #1c2127; +} +.p-tag.p-tag-info { + background-color: #93C5FD; + color: #1c2127; +} +.p-tag.p-tag-warning { + background-color: #FCD34D; + color: #1c2127; +} +.p-tag.p-tag-danger { + background-color: #FCA5A5; + color: #1c2127; +} +.p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +.p-terminal { + background: #071426; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #0b213f; + padding: 1.25rem; +} +.p-terminal .p-terminal-input { + font-size: 1rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; +} + +.p-button-label { + font-weight: 700; +} + +.p-accordion .p-accordion-header .p-accordion-header-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; +} + +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-tabview .p-tabview-nav .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 2px; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); +} + +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #5EEAD4; +} + +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #5EEAD4; +} + +.p-button:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(94, 234, 212, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); +} +.p-button.p-button-secondary:enabled:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(203, 213, 225, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); +} +.p-button.p-button-success:enabled:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(134, 239, 172, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); +} +.p-button.p-button-info:enabled:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(147, 197, 253, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); +} +.p-button.p-button-warning:enabled:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(252, 211, 77, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); +} +.p-button.p-button-help:enabled:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(216, 180, 254, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); +} +.p-button.p-button-danger:enabled:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(252, 165, 165, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); +} + +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #5EEAD4; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #5EEAD4; +} diff --git a/assets/layout/styles/theme/lara-dark-teal/theme.css.br b/assets/layout/styles/theme/lara-dark-teal/theme.css.br new file mode 100644 index 0000000..113ad00 Binary files /dev/null and b/assets/layout/styles/theme/lara-dark-teal/theme.css.br differ diff --git a/assets/layout/styles/theme/lara-dark-teal/theme.css.gz b/assets/layout/styles/theme/lara-dark-teal/theme.css.gz new file mode 100644 index 0000000..8f1fc16 Binary files /dev/null and b/assets/layout/styles/theme/lara-dark-teal/theme.css.gz differ diff --git a/assets/layout/styles/theme/lara-light-blue/theme.css b/assets/layout/styles/theme/lara-light-blue/theme.css new file mode 100644 index 0000000..3415299 --- /dev/null +++ b/assets/layout/styles/theme/lara-light-blue/theme.css @@ -0,0 +1,6297 @@ +:root { + --surface-a:#ffffff; + --surface-b:#f8f9fa; + --surface-c:#e9ecef; + --surface-d:#dee2e6; + --surface-e:#ffffff; + --surface-f:#ffffff; + --text-color:#495057; + --text-color-secondary:#6c757d; + --primary-color:#3B82F6; + --primary-color-text:#ffffff; + --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --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:1.25rem; + --inline-spacing:0.5rem; + --border-radius:6px; + --surface-ground:#eff3f8; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#dfe7ef; + --surface-hover:#f6f9fc; + --focus-ring: 0 0 0 0.2rem #BFDBFE; + --maskbg: rgba(0, 0, 0, 0.4); + color-scheme: light; +} + +* { + box-sizing: border-box; +} + +.p-component { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + font-weight: normal; +} + +.p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; +} + +.p-disabled, .p-component:disabled { + opacity: 0.6; +} + +.p-error { + color: #e24c4c; +} + +.p-text-secondary { + color: #6c757d; +} + +.pi { + font-size: 1rem; +} + +.p-link { + font-size: 1rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + border-radius: 6px; +} +.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; +} + +.p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; +} + +.p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; +} + +@keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } +} +@keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } +} + +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --red-50:#fff5f5; + --red-100:#ffd0ce; + --red-200:#ffaca7; + --red-300:#ff8780; + --red-400:#ff6259; + --red-500:#ff3d32; + --red-600:#d9342b; + --red-700:#b32b23; + --red-800:#8c221c; + --red-900:#661814; + --primary-50:#f5f9ff; + --primary-100:#d0e1fd; + --primary-200:#abc9fb; + --primary-300:#85b2f9; + --primary-400:#609af8; + --primary-500:#3b82f6; + --primary-600:#326fd1; + --primary-700:#295bac; + --primary-800:#204887; + --primary-900:#183462; +} + +.p-autocomplete .p-autocomplete-loader { + right: 0.75rem; +} +.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.75rem; +} +.p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + border-color: #3B82F6; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; + border-color: #3B82F6; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.375rem 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #495057; + padding: 0; + margin: 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.375rem 0.75rem; + background: #EFF6FF; + color: #1D4ED8; + border-radius: 6px; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; +} + +p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #e24c4c; +} + +.p-autocomplete-panel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.p-autocomplete-panel .p-autocomplete-items { + padding: 0.75rem 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { + color: #495057; + background: #e9ecef; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #1D4ED8; + background: #EFF6FF; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.75rem 1.25rem; + color: #495057; + background: transparent; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: #343a40; + background: #ffffff; + font-weight: 700; +} + +p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; +} +p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #6c757d; + right: 0.75rem; +} + +p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #6c757d; + right: 3.75rem; +} + +p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #e24c4c; +} + +.p-datepicker { + padding: 0.5rem; + background: #ffffff; + color: #495057; + border: 1px solid #ced4da; + border-radius: 6px; +} +.p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; +} +.p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: #495057; + background: #ffffff; + font-weight: 600; + margin: 0; + border-bottom: 1px solid #dee2e6; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; +} +.p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 2rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #495057; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + font-weight: 600; + padding: 0.5rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #3B82F6; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; +} +.p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0; +} +.p-datepicker table th { + padding: 0.5rem; +} +.p-datepicker table th > span { + width: 2.5rem; + height: 2.5rem; +} +.p-datepicker table td { + padding: 0.5rem; +} +.p-datepicker table td > span { + width: 2.5rem; + height: 2.5rem; + border-radius: 50%; + transition: box-shadow 0.2s; + border: 1px solid transparent; +} +.p-datepicker table td > span.p-highlight { + color: #1D4ED8; + background: #EFF6FF; +} +.p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; +} +.p-datepicker table td.p-datepicker-today > span { + background: #ced4da; + color: #495057; + border-color: transparent; +} +.p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #1D4ED8; + background: #EFF6FF; +} +.p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #dee2e6; +} +.p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; +} +.p-datepicker .p-timepicker { + border-top: 1px solid #dee2e6; + padding: 0.5rem; +} +.p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-timepicker button:enabled:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} +.p-datepicker .p-timepicker button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; +} +.p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; +} +.p-datepicker .p-timepicker span { + font-size: 1.25rem; +} +.p-datepicker .p-timepicker > div { + padding: 0 0.5rem; +} +.p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; +} +.p-datepicker .p-monthpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.5rem; + transition: box-shadow 0.2s; + border-radius: 6px; +} +.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #1D4ED8; + background: #EFF6FF; +} +.p-datepicker .p-yearpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.5rem; + transition: box-shadow 0.2s; + border-radius: 6px; +} +.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #1D4ED8; + background: #EFF6FF; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #dee2e6; + padding-right: 0.5rem; + padding-left: 0.5rem; + padding-top: 0; + padding-bottom: 0; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: #e9ecef; +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: #e9ecef; +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: #e9ecef; +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; +} + +p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; +} +p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #6c757d; + right: 0.75rem; +} + +p-calendar.p-calendar-clearable.p-calendar-w-btn .p-calendar-clear-icon { + color: #6c757d; + right: 3.75rem; +} + +@media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } +} +.p-cascadeselect { + background: #ffffff; + border: 1px solid #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +.p-cascadeselect:not(.p-disabled):hover { + border-color: #3B82F6; +} +.p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; + border-color: #3B82F6; +} +.p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; +} +.p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #6c757d; +} +.p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #6c757d; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.p-cascadeselect-panel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.75rem 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 1.25rem; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #BFDBFE; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #1D4ED8; + background: #EFF6FF; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #495057; + background: #e9ecef; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; +} + +p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #e24c4c; +} + +.p-input-filled .p-cascadeselect { + background: #e9ecef; +} +.p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #e9ecef; +} +.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #ffffff; +} + +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; +} +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #6c757d; + right: 3rem; +} + +.p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; +} +.p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); +} + +.p-checkbox { + width: 22px; + height: 22px; +} +.p-checkbox .p-checkbox-box { + border: 2px solid #ced4da; + background: #ffffff; + width: 22px; + height: 22px; + color: #495057; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #ffffff; + font-size: 14px; +} +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #3B82F6; + background: #3B82F6; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #3B82F6; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; + border-color: #3B82F6; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #1D4ED8; + background: #1D4ED8; + color: #ffffff; +} + +p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #e24c4c; +} + +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #e9ecef; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #3B82F6; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #e9ecef; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #1D4ED8; +} + +.p-checkbox-label { + margin-left: 0.5rem; +} + +.p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; +} +.p-chips .p-chips-multiple-container:not(.p-disabled):hover { + border-color: #3B82F6; +} +.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; + border-color: #3B82F6; +} +.p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.375rem 0.75rem; + background: #EFF6FF; + color: #1D4ED8; + border-radius: 6px; +} +.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; +} +.p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.375rem 0; +} +.p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #495057; + padding: 0; + margin: 0; +} + +p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #e24c4c; +} + +p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; +} +p-chips.p-chips-clearable .p-chips-clear-icon { + color: #6c757d; + right: 0.75rem; +} + +.p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; +} + +.p-colorpicker-panel { + background: #323232; + border: 1px solid #191919; +} +.p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; +} + +.p-colorpicker-overlay-panel { + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} + +.p-dropdown { + background: #ffffff; + border: 1px solid #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +.p-dropdown:not(.p-disabled):hover { + border-color: #3B82F6; +} +.p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; + border-color: #3B82F6; +} +.p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; +} +.p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; +} +.p-dropdown .p-dropdown-label.p-placeholder { + color: #6c757d; +} +.p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-dropdown .p-dropdown-trigger { + background: transparent; + color: #6c757d; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +.p-dropdown .p-dropdown-clear-icon { + color: #6c757d; + right: 3rem; +} + +.p-dropdown-panel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.p-dropdown-panel .p-dropdown-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #dee2e6; + color: #343a40; + background: #f8f9fa; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #6c757d; +} +.p-dropdown-panel .p-dropdown-items { + padding: 0.75rem 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #1D4ED8; + background: #EFF6FF; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #495057; + background: #e9ecef; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 1.25rem; + color: #495057; + background: transparent; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: #343a40; + background: #ffffff; + font-weight: 700; +} + +p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #e24c4c; +} + +.p-input-filled .p-dropdown { + background: #e9ecef; +} +.p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #e9ecef; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #ffffff; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; +} + +.p-editor-container .p-editor-toolbar { + background: #f8f9fa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #dee2e6; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #6c757d; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #6c757d; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #6c757d; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.75rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #495057; + background: #e9ecef; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 1.25rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #dee2e6; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #495057; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #495057; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #495057; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #495057; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #3B82F6; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #3B82F6; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #3B82F6; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #3B82F6; +} + +.p-inputgroup-addon { + background: #e9ecef; + color: #6c757d; + border-top: 1px solid #ced4da; + border-left: 1px solid #ced4da; + border-bottom: 1px solid #ced4da; + padding: 0.75rem 0.75rem; + min-width: 3rem; +} +.p-inputgroup-addon:last-child { + border-right: 1px solid #ced4da; +} + +.p-inputgroup > .p-component, +.p-inputgroup > .p-element, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; +} +.p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-element + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; +} +.p-inputgroup > .p-component:focus, +.p-inputgroup > .p-element:focus, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; +} +.p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-element:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; +} + +.p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.p-fluid .p-inputgroup .p-button { + width: auto; +} +.p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 3rem; +} + +p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #e24c4c; +} + +p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; +} +p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #6c757d; + right: 0.75rem; +} + +p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #e24c4c; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #6c757d; + right: 0.75rem; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.75rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.75rem; +} + +.p-inputswitch { + width: 3rem; + height: 1.75rem; +} +.p-inputswitch .p-inputswitch-slider { + background: #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; +} +.p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition-duration: 0.2s; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1.25rem); +} +.p-inputswitch.p-focus .p-inputswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; +} +.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #b6bfc8; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #3B82F6; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; +} +.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #2563eb; +} + +p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + border-color: #e24c4c; +} + +.p-inputtext { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #495057; + background: #ffffff; + padding: 0.75rem 0.75rem; + border: 1px solid #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + appearance: none; + border-radius: 6px; +} +.p-inputtext:enabled:hover { + border-color: #3B82F6; +} +.p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; + border-color: #3B82F6; +} +.p-inputtext.ng-dirty.ng-invalid { + border-color: #e24c4c; +} +.p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; +} +.p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; +} + +.p-float-label > label { + left: 0.75rem; + color: #6c757d; + transition-duration: 0.2s; +} + +.p-float-label > .ng-invalid.ng-dirty + label { + color: #e24c4c; +} + +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #6c757d; +} + +.p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; +} + +.p-input-icon-left.p-float-label > label { + left: 2.5rem; +} + +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #6c757d; +} + +.p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; +} + +::-webkit-input-placeholder { + color: #6c757d; +} + +:-moz-placeholder { + color: #6c757d; +} + +::-moz-placeholder { + color: #6c757d; +} + +:-ms-input-placeholder { + color: #6c757d; +} + +.p-input-filled .p-inputtext { + background-color: #e9ecef; +} +.p-input-filled .p-inputtext:enabled:hover { + background-color: #e9ecef; +} +.p-input-filled .p-inputtext:enabled:focus { + background-color: #ffffff; +} + +.p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; +} + +.p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; +} + +.p-listbox { + background: #ffffff; + color: #495057; + border: 1px solid #ced4da; + border-radius: 6px; +} +.p-listbox .p-listbox-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #dee2e6; + color: #343a40; + background: #f8f9fa; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; +} +.p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #6c757d; +} +.p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list { + padding: 0.75rem 0; +} +.p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #495057; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #1D4ED8; + background: #EFF6FF; +} +.p-listbox .p-listbox-list .p-listbox-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #BFDBFE; +} +.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: #343a40; + background: #ffffff; + font-weight: 700; +} +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.75rem 1.25rem; + color: #495057; + background: transparent; +} +.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #495057; + background: #e9ecef; +} + +p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #e24c4c; +} + +.p-multiselect { + background: #ffffff; + border: 1px solid #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +.p-multiselect:not(.p-disabled):hover { + border-color: #3B82F6; +} +.p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; + border-color: #3B82F6; +} +.p-multiselect .p-multiselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-multiselect .p-multiselect-label.p-placeholder { + color: #6c757d; +} +.p-multiselect.p-multiselect-chip .p-multiselect-label { + gap: 0.5rem; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.375rem 0.75rem; + background: #EFF6FF; + color: #1D4ED8; + border-radius: 6px; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; +} +.p-multiselect .p-multiselect-trigger { + background: transparent; + color: #6c757d; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.375rem 0.75rem; +} + +.p-multiselect-panel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.p-multiselect-panel .p-multiselect-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #dee2e6; + color: #343a40; + background: #f8f9fa; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #6c757d; +} +.p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; +} +.p-multiselect-panel .p-multiselect-items { + padding: 0.75rem 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #1D4ED8; + background: #EFF6FF; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #495057; + background: #e9ecef; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #BFDBFE; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: #343a40; + background: #ffffff; + font-weight: 700; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.75rem 1.25rem; + color: #495057; + background: transparent; +} + +p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #e24c4c; +} + +.p-input-filled .p-multiselect { + background: #e9ecef; +} +.p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #e9ecef; +} +.p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #ffffff; +} + +p-multiselect.p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; +} +p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { + color: #6c757d; + right: 3rem; +} + +p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #e24c4c; +} + +.p-password-panel { + padding: 1.25rem; + background: #ffffff; + color: #495057; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; +} +.p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #dee2e6; +} +.p-password-panel .p-password-meter .p-password-strength.weak { + background: #ea5455; +} +.p-password-panel .p-password-meter .p-password-strength.medium { + background: #ff9f42; +} +.p-password-panel .p-password-meter .p-password-strength.strong { + background: #29c76f; +} + +p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; +} +p-password.p-password-clearable .p-password-clear-icon { + color: #6c757d; + right: 0.75rem; +} + +p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; +} +p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #6c757d; + right: 2.5rem; +} + +.p-radiobutton { + width: 22px; + height: 22px; +} +.p-radiobutton .p-radiobutton-box { + border: 2px solid #ced4da; + background: #ffffff; + width: 22px; + height: 22px; + color: #495057; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #3B82F6; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; + border-color: #3B82F6; +} +.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 12px; + height: 12px; + transition-duration: 0.2s; + background-color: #ffffff; +} +.p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #3B82F6; + background: #3B82F6; +} +.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #1D4ED8; + background: #1D4ED8; + color: #ffffff; +} + +p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #e24c4c; +} + +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #e9ecef; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #e9ecef; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #3B82F6; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #1D4ED8; +} + +.p-radiobutton-label { + margin-left: 0.5rem; +} + +.p-rating .p-rating-icon { + color: #495057; + margin-left: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + font-size: 1.143rem; +} +.p-rating .p-rating-icon.p-rating-cancel { + color: #ea5455; +} +.p-rating .p-rating-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; +} +.p-rating .p-rating-icon:first-child { + margin-left: 0; +} +.p-rating .p-rating-icon.pi-star-fill { + color: #3B82F6; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + color: #3B82F6; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + color: #e73d3e; +} + +.p-selectbutton .p-button { + background: #ffffff; + border: 1px solid #ced4da; + color: #495057; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #6c757d; +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #e9ecef; + border-color: #ced4da; + color: #495057; +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #343a40; +} +.p-selectbutton .p-button.p-highlight { + background: #3B82F6; + border-color: #3B82F6; + color: #ffffff; +} +.p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #ffffff; +} +.p-selectbutton .p-button.p-highlight:hover { + background: #2563eb; + border-color: #2563eb; + color: #ffffff; +} +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; +} + +p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #e24c4c; +} + +.p-slider { + background: #dee2e6; + border: 0 none; + border-radius: 6px; +} +.p-slider.p-slider-horizontal { + height: 0.286rem; +} +.p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -0.5715rem; + margin-left: -0.5715rem; +} +.p-slider.p-slider-vertical { + width: 0.286rem; +} +.p-slider.p-slider-vertical .p-slider-handle { + margin-left: -0.5715rem; + margin-bottom: -0.5715rem; +} +.p-slider .p-slider-handle { + height: 1.143rem; + width: 1.143rem; + background: #ffffff; + border: 2px solid #3B82F6; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; +} +.p-slider .p-slider-range { + background: #3B82F6; +} +.p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #3B82F6; + border-color: #3B82F6; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; +} + +.p-togglebutton.p-button { + background: #ffffff; + border: 1px solid #ced4da; + color: #495057; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #6c757d; +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #e9ecef; + border-color: #ced4da; + color: #495057; +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #343a40; +} +.p-togglebutton.p-button.p-highlight { + background: #3B82F6; + border-color: #3B82F6; + color: #ffffff; +} +.p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #ffffff; +} +.p-togglebutton.p-button.p-highlight:hover { + background: #2563eb; + border-color: #2563eb; + color: #ffffff; +} +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; +} + +p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #e24c4c; +} + +.p-treeselect { + background: #ffffff; + border: 1px solid #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +.p-treeselect:not(.p-disabled):hover { + border-color: #3B82F6; +} +.p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; + border-color: #3B82F6; +} +.p-treeselect .p-treeselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-treeselect .p-treeselect-label.p-placeholder { + color: #6c757d; +} +.p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #dee2e6; + color: #495057; + border-radius: 16px; +} +.p-treeselect .p-treeselect-trigger { + background: transparent; + color: #6c757d; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #e24c4c; +} + +.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.375rem 0.75rem; +} + +.p-treeselect-panel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.p-treeselect-panel .p-treeselect-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #dee2e6; + color: #343a40; + background: #f8f9fa; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #6c757d; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.75rem 1.25rem; + color: #495057; + background: transparent; +} + +.p-input-filled .p-treeselect { + background: #e9ecef; +} +.p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #e9ecef; +} +.p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #ffffff; +} + +p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; +} +p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #6c757d; + right: 3rem; +} + +.p-button { + color: #ffffff; + background: #3B82F6; + border: 1px solid #3B82F6; + padding: 0.75rem 1.25rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +.p-button:enabled:hover { + background: #2563eb; + color: #ffffff; + border-color: #2563eb; +} +.p-button:enabled:active { + background: #1D4ED8; + color: #ffffff; + border-color: #1D4ED8; +} +.p-button.p-button-outlined { + background-color: transparent; + color: #3B82F6; + border: 1px solid; +} +.p-button.p-button-outlined:enabled:hover { + background: rgba(59, 130, 246, 0.04); + color: #3B82F6; + border: 1px solid; +} +.p-button.p-button-outlined:enabled:active { + background: rgba(59, 130, 246, 0.16); + color: #3B82F6; + border: 1px solid; +} +.p-button.p-button-outlined.p-button-plain { + color: #6c757d; + border-color: #6c757d; +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: #e9ecef; + color: #6c757d; +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: #dee2e6; + color: #6c757d; +} +.p-button.p-button-text { + background-color: transparent; + color: #3B82F6; + border-color: transparent; +} +.p-button.p-button-text:enabled:hover { + background: rgba(59, 130, 246, 0.04); + color: #3B82F6; + border-color: transparent; +} +.p-button.p-button-text:enabled:active { + background: rgba(59, 130, 246, 0.16); + color: #3B82F6; + border-color: transparent; +} +.p-button.p-button-text.p-button-plain { + color: #6c757d; +} +.p-button.p-button-text.p-button-plain:enabled:hover { + background: #e9ecef; + color: #6c757d; +} +.p-button.p-button-text.p-button-plain:enabled:active { + background: #dee2e6; + color: #6c757d; +} +.p-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; +} +.p-button .p-button-label { + transition-duration: 0.2s; +} +.p-button .p-button-icon-left { + margin-right: 0.5rem; +} +.p-button .p-button-icon-right { + margin-left: 0.5rem; +} +.p-button .p-button-icon-bottom { + margin-top: 0.5rem; +} +.p-button .p-button-icon-top { + margin-bottom: 0.5rem; +} +.p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #3B82F6; + background-color: #ffffff; +} +.p-button.p-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); +} +.p-button.p-button-rounded { + border-radius: 2rem; +} +.p-button.p-button-icon-only { + width: 3rem; + padding: 0.75rem 0; +} +.p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; +} +.p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 3rem; +} +.p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.65625rem 1.09375rem; +} +.p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; +} +.p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.9375rem 1.5625rem; +} +.p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; +} +.p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; +} +.p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; +} + +.p-fluid .p-button { + width: 100%; +} +.p-fluid .p-button-icon-only { + width: 3rem; +} +.p-fluid .p-buttonset { + display: flex; +} +.p-fluid .p-buttonset .p-button { + flex: 1; +} + +.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + color: #ffffff; + background: #64748B; + border: 1px solid #64748B; +} +.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + background: #475569; + color: #ffffff; + border-color: #475569; +} +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #E2E8F0; +} +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: #334155; + color: #ffffff; + border-color: #334155; +} +.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + background-color: transparent; + color: #64748B; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + background: rgba(100, 116, 139, 0.04); + color: #64748B; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(100, 116, 139, 0.16); + color: #64748B; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + background-color: transparent; + color: #64748B; + border-color: transparent; +} +.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + background: rgba(100, 116, 139, 0.04); + border-color: transparent; + color: #64748B; +} +.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + background: rgba(100, 116, 139, 0.16); + border-color: transparent; + color: #64748B; +} + +.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #3B82F6; + border: 1px solid #3B82F6; +} +.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + background: #2563EB; + color: #ffffff; + border-color: #2563EB; +} +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #BFDBFE; +} +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: #1D4ED8; + color: #ffffff; + border-color: #1D4ED8; +} +.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + background-color: transparent; + color: #3B82F6; + border: 1px solid; +} +.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + background: rgba(59, 130, 246, 0.04); + color: #3B82F6; + border: 1px solid; +} +.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(59, 130, 246, 0.16); + color: #3B82F6; + border: 1px solid; +} +.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + background-color: transparent; + color: #3B82F6; + border-color: transparent; +} +.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + background: rgba(59, 130, 246, 0.04); + border-color: transparent; + color: #3B82F6; +} +.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + background: rgba(59, 130, 246, 0.16); + border-color: transparent; + color: #3B82F6; +} + +.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #22C55E; + border: 1px solid #22C55E; +} +.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + background: #16A34A; + color: #ffffff; + border-color: #16A34A; +} +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #BBF7D0; +} +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: #15803D; + color: #ffffff; + border-color: #15803D; +} +.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + background-color: transparent; + color: #22C55E; + border: 1px solid; +} +.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + background: rgba(34, 197, 94, 0.04); + color: #22C55E; + border: 1px solid; +} +.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(34, 197, 94, 0.16); + color: #22C55E; + border: 1px solid; +} +.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + background-color: transparent; + color: #22C55E; + border-color: transparent; +} +.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22C55E; +} +.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22C55E; +} + +.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #ffffff; + background: #F59E0B; + border: 1px solid #F59E0B; +} +.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + background: #D97706; + color: #ffffff; + border-color: #D97706; +} +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #FDE68A; +} +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: #B45309; + color: #ffffff; + border-color: #B45309; +} +.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + background-color: transparent; + color: #F59E0B; + border: 1px solid; +} +.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + background: rgba(245, 158, 11, 0.04); + color: #F59E0B; + border: 1px solid; +} +.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(245, 158, 11, 0.16); + color: #F59E0B; + border: 1px solid; +} +.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + background-color: transparent; + color: #F59E0B; + border-color: transparent; +} +.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + background: rgba(245, 158, 11, 0.04); + border-color: transparent; + color: #F59E0B; +} +.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + background: rgba(245, 158, 11, 0.16); + border-color: transparent; + color: #F59E0B; +} + +.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #A855F7; + border: 1px solid #A855F7; +} +.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + background: #9333EA; + color: #ffffff; + border-color: #9333EA; +} +.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #E9D5FF; +} +.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: #7E22CE; + color: #ffffff; + border-color: #7E22CE; +} +.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + background-color: transparent; + color: #A855F7; + border: 1px solid; +} +.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + background: rgba(168, 85, 247, 0.04); + color: #A855F7; + border: 1px solid; +} +.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(168, 85, 247, 0.16); + color: #A855F7; + border: 1px solid; +} +.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + background-color: transparent; + color: #A855F7; + border-color: transparent; +} +.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #A855F7; +} +.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #A855F7; +} + +.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #EF4444; + border: 1px solid #EF4444; +} +.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + background: #DC2626; + color: #ffffff; + border-color: #DC2626; +} +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #FECACA; +} +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: #B91C1C; + color: #ffffff; + border-color: #B91C1C; +} +.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + background-color: transparent; + color: #EF4444; + border: 1px solid; +} +.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + background: rgba(239, 68, 68, 0.04); + color: #EF4444; + border: 1px solid; +} +.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(239, 68, 68, 0.16); + color: #EF4444; + border: 1px solid; +} +.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + background-color: transparent; + color: #EF4444; + border-color: transparent; +} +.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #EF4444; +} +.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #EF4444; +} + +.p-button.p-button-link { + color: #1D4ED8; + background: transparent; + border: transparent; +} +.p-button.p-button-link:enabled:hover { + background: transparent; + color: #1D4ED8; + border-color: transparent; +} +.p-button.p-button-link:enabled:hover .p-button-label { + text-decoration: underline; +} +.p-button.p-button-link:enabled:focus { + background: transparent; + box-shadow: 0 0 0 0.2rem #BFDBFE; + border-color: transparent; +} +.p-button.p-button-link:enabled:active { + background: transparent; + color: #1D4ED8; + border-color: transparent; +} + +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: #495057; + color: #fff; +} +.p-speeddial-action:hover { + background: #022354; + color: #fff; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +.p-splitbutton { + border-radius: 6px; +} +.p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #3B82F6; + border: 1px solid; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(59, 130, 246, 0.04); + color: #3B82F6; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(59, 130, 246, 0.16); + color: #3B82F6; +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: #6c757d; + border-color: #6c757d; +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: #e9ecef; + color: #6c757d; +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: #dee2e6; + color: #6c757d; +} +.p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #3B82F6; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(59, 130, 246, 0.04); + color: #3B82F6; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(59, 130, 246, 0.16); + color: #3B82F6; + border-color: transparent; +} +.p-splitbutton.p-button-text.p-button-plain > .p-button { + color: #6c757d; +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: #e9ecef; + color: #6c757d; +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: #dee2e6; + color: #6c757d; +} +.p-splitbutton.p-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); +} +.p-splitbutton.p-button-rounded { + border-radius: 2rem; +} +.p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; +} +.p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.65625rem 1.09375rem; +} +.p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; +} +.p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.9375rem 1.5625rem; +} +.p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; +} + +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #64748B; + border: 1px solid; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(100, 116, 139, 0.04); + color: #64748B; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(100, 116, 139, 0.16); + color: #64748B; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #64748B; + border-color: transparent; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(100, 116, 139, 0.04); + border-color: transparent; + color: #64748B; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(100, 116, 139, 0.16); + border-color: transparent; + color: #64748B; +} + +.p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #3B82F6; + border: 1px solid; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(59, 130, 246, 0.04); + color: #3B82F6; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(59, 130, 246, 0.16); + color: #3B82F6; +} +.p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #3B82F6; + border-color: transparent; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(59, 130, 246, 0.04); + border-color: transparent; + color: #3B82F6; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(59, 130, 246, 0.16); + border-color: transparent; + color: #3B82F6; +} + +.p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #22C55E; + border: 1px solid; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(34, 197, 94, 0.04); + color: #22C55E; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(34, 197, 94, 0.16); + color: #22C55E; +} +.p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #22C55E; + border-color: transparent; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22C55E; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22C55E; +} + +.p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #F59E0B; + border: 1px solid; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(245, 158, 11, 0.04); + color: #F59E0B; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(245, 158, 11, 0.16); + color: #F59E0B; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #F59E0B; + border-color: transparent; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(245, 158, 11, 0.04); + border-color: transparent; + color: #F59E0B; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(245, 158, 11, 0.16); + border-color: transparent; + color: #F59E0B; +} + +.p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #A855F7; + border: 1px solid; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(168, 85, 247, 0.04); + color: #A855F7; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(168, 85, 247, 0.16); + color: #A855F7; +} +.p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #A855F7; + border-color: transparent; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #A855F7; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #A855F7; +} + +.p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #EF4444; + border: 1px solid; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(239, 68, 68, 0.04); + color: #EF4444; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(239, 68, 68, 0.16); + color: #EF4444; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #EF4444; + border-color: transparent; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #EF4444; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #EF4444; +} + +.p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; +} +.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} +.p-carousel .p-carousel-content .p-carousel-prev:focus, +.p-carousel .p-carousel-content .p-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; +} +.p-carousel .p-carousel-indicators { + padding: 1rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #ced4da; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #adb5bd; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #EFF6FF; + color: #1D4ED8; +} + +.p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-datatable .p-datatable-header { + background: #f8f9fa; + color: #343a40; + border: 1px solid #dee2e6; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; +} +.p-datatable .p-datatable-footer { + background: #f8f9fa; + color: #343a40; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; +} +.p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; + font-weight: 700; + color: #343a40; + background: #f8f9fa; + transition: box-shadow 0.2s; +} +.p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; + font-weight: 700; + color: #343a40; + background: #f8f9fa; +} +.p-datatable .p-sortable-column .p-sortable-column-icon { + color: #343a40; + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #1D4ED8; + background: #EFF6FF; + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #e9ecef; + color: #343a40; +} +.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #343a40; +} +.p-datatable .p-sortable-column.p-highlight { + background: #EFF6FF; + color: #1D4ED8; +} +.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #1D4ED8; +} +.p-datatable .p-sortable-column.p-highlight:hover { + background: #EFF6FF; + color: #1D4ED8; +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #1D4ED8; +} +.p-datatable .p-sortable-column:focus { + box-shadow: inset 0 0 0 0.15rem #BFDBFE; + outline: 0 none; +} +.p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #495057; + transition: box-shadow 0.2s; +} +.p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; + padding: 1rem 1rem; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; +} +.p-datatable .p-datatable-tbody > tr:focus { + outline: 0.15rem solid #BFDBFE; + outline-offset: 0.15rem; +} +.p-datatable .p-datatable-tbody > tr.p-highlight { + background: #EFF6FF; + color: #1D4ED8; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #EFF6FF; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #EFF6FF; +} +.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-datatable .p-column-resizer-helper { + background: #3B82F6; +} +.p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #f8f9fa; +} +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #f8f9fa; +} +.p-datatable .p-datatable-loading-icon { + font-size: 2rem; +} +.p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #fcfcfc; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #EFF6FF; + color: #1D4ED8; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #1D4ED8; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #1D4ED8; +} +.p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; +} + +.p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-dataview .p-dataview-header { + background: #f8f9fa; + color: #343a40; + border: 1px solid #dee2e6; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; +} +.p-dataview .p-dataview-content { + background: #ffffff; + color: #495057; + border: 0 none; + padding: 0; +} +.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { + border: solid #dee2e6; + border-width: 0 0 1px 0; +} +.p-dataview .p-dataview-footer { + background: #f8f9fa; + color: #343a40; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +.p-dataview .p-dataview-loading-icon { + font-size: 2rem; +} +.p-dataview .p-dataview-emptymessage { + padding: 1.25rem; +} + +.p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; +} + +.p-column-filter-menu-button { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-menu-button:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} +.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: #e9ecef; + color: #343a40; +} +.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #EFF6FF; + color: #1D4ED8; +} +.p-column-filter-menu-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; +} + +.p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-clear-button:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} +.p-column-filter-clear-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; +} + +.p-column-filter-overlay { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + min-width: 12.5rem; +} +.p-column-filter-overlay .p-column-filter-row-items { + padding: 0.75rem 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #1D4ED8; + background: #EFF6FF; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #495057; + background: #e9ecef; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #BFDBFE; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} + +.p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #dee2e6; + color: #343a40; + background: #f8f9fa; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1.25rem; + border-bottom: 1px solid #dee2e6; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; +} +.p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.75rem 1.25rem; +} +.p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1.25rem; +} + +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { + background: #f8f9fa; + border: 1px solid #dee2e6; + color: #343a40; +} +.fc.fc-unthemed .fc-view-container td.fc-widget-content { + background: #ffffff; + border: 1px solid #dee2e6; + color: #495057; +} +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #dee2e6; +} +.fc.fc-unthemed .fc-view-container .fc-row { + border-right: 1px solid #dee2e6; +} +.fc.fc-unthemed .fc-view-container .fc-event { + background: #2563eb; + border: 1px solid #2563eb; + color: #ffffff; +} +.fc.fc-unthemed .fc-view-container .fc-divider { + background: #f8f9fa; + border: 1px solid #dee2e6; +} +.fc.fc-unthemed .fc-toolbar .fc-button { + color: #ffffff; + background: #3B82F6; + border: 1px solid #3B82F6; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + display: flex; + align-items: center; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { + background: #2563eb; + color: #ffffff; + border-color: #2563eb; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { + background: #1D4ED8; + color: #ffffff; + border-color: #1D4ED8; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-unthemed .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #ffffff; + border: 1px solid #ced4da; + color: #495057; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #e9ecef; + border-color: #ced4da; + color: #495057; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #3B82F6; + border-color: #3B82F6; + color: #ffffff; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #2563eb; + border-color: #2563eb; + color: #ffffff; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; + z-index: 1; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #dee2e6; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #f8f9fa; + border-color: #dee2e6; + color: #343a40; +} +.fc.fc-theme-standard .fc-view-harness td { + color: #495057; + border-color: #dee2e6; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover { + background: none; + border: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { + border: 1px solid #dee2e6; + padding: 1.25rem; + background: #f8f9fa; + color: #343a40; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { + opacity: 1; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; + font-family: "PrimeIcons" !important; + font-size: 1rem; + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { + content: "\e90b"; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { + padding: 1.25rem; + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + border-top: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #ffffff; + background: #2563eb; + border-color: #2563eb; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: #2563eb; + border-color: #2563eb; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: #e9ecef; + color: #495057; +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #f8f9fa; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #ffffff; + background: #3B82F6; + border: 1px solid #3B82F6; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: #2563eb; + color: #ffffff; + border-color: #2563eb; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: #1D4ED8; + color: #ffffff; + border-color: #1D4ED8; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.6; + color: #ffffff; + background: #3B82F6; + border: 1px solid #3B82F6; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #ffffff; + border: 1px solid #ced4da; + color: #495057; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #e9ecef; + border-color: #ced4da; + color: #495057; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #3B82F6; + border-color: #3B82F6; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #2563eb; + border-color: #2563eb; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +.fc.fc-theme-standard a { + color: #495057; +} +.fc.fc-theme-standard .fc-highlight { + color: #1D4ED8; + background: #EFF6FF; +} + +.p-orderlist .p-orderlist-controls { + padding: 1.25rem; +} +.p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; +} +.p-orderlist .p-orderlist-header { + background: #f8f9fa; + color: #343a40; + border: 1px solid #dee2e6; + padding: 1.25rem; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 700; +} +.p-orderlist .p-orderlist-filter-container { + padding: 1.25rem; + background: #ffffff; + border: 1px solid #dee2e6; + border-bottom: 0 none; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #6c757d; +} +.p-orderlist .p-orderlist-list { + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + padding: 0.75rem 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; +} +.p-orderlist .p-orderlist-list .p-orderlist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #BFDBFE; +} +.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #1D4ED8; + background: #EFF6FF; +} +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.75rem 1.25rem; + color: #495057; +} +.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #fcfcfc; +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: #e9ecef; +} + +.p-orderlist-item.cdk-drag-preview { + padding: 0.75rem 1.25rem; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border: 0 none; + color: #495057; + background: #ffffff; + margin: 0; +} + +.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #EFF6FF; + color: #1D4ED8; +} +.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #70aeff; +} +.p-organizationchart .p-organizationchart-line-down { + background: #dee2e6; +} +.p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #dee2e6; + border-color: #dee2e6; +} +.p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #dee2e6; + border-color: #dee2e6; +} +.p-organizationchart .p-organizationchart-node-content { + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + padding: 1.25rem; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; +} + +.p-paginator { + background: #ffffff; + color: #6c757d; + border: solid #e9ecef; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 6px; +} +.p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: #6c757d; + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 50%; +} +.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: #e9ecef; + border-color: transparent; + color: #343a40; +} +.p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; +} +.p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 3rem; +} +.p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; +} +.p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; +} +.p-paginator .p-paginator-page-input .p-inputtext { + max-width: 3rem; +} +.p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #6c757d; + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + padding: 0 0.5rem; +} +.p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #6c757d; + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 50%; +} +.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #EFF6FF; + border-color: #EFF6FF; + color: #1D4ED8; +} +.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #e9ecef; + border-color: transparent; + color: #343a40; +} + +.p-picklist .p-picklist-buttons { + padding: 1.25rem; +} +.p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; +} +.p-picklist .p-picklist-header { + background: #f8f9fa; + color: #343a40; + border: 1px solid #dee2e6; + padding: 1.25rem; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-picklist .p-picklist-header .p-picklist-title { + font-weight: 700; +} +.p-picklist .p-picklist-filter-container { + padding: 1.25rem; + background: #ffffff; + border: 1px solid #dee2e6; + border-bottom: 0 none; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #6c757d; +} +.p-picklist .p-picklist-list { + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + padding: 0.75rem 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-picklist .p-picklist-list .p-picklist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; +} +.p-picklist .p-picklist-list .p-picklist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #BFDBFE; +} +.p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #1D4ED8; + background: #EFF6FF; +} +.p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.75rem 1.25rem; + color: #495057; +} +.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #fcfcfc; +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: #e9ecef; +} + +.p-picklist-item.cdk-drag-preview { + padding: 0.75rem 1.25rem; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border: 0 none; + color: #495057; + background: #ffffff; + margin: 0; +} + +.p-timeline .p-timeline-event-marker { + border: 2px solid #3B82F6; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #ffffff; +} +.p-timeline .p-timeline-event-connector { + background-color: #dee2e6; +} +.p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; +} +.p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; +} + +.p-tree { + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + padding: 1.25rem; + border-radius: 6px; +} +.p-tree .p-tree-container .p-treenode { + padding: 0.143rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: box-shadow 0.2s; + padding: 0.5rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #6c757d; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #495057; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #BFDBFE; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #EFF6FF; + color: #1D4ED8; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #1D4ED8; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #1D4ED8; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #e9ecef; + color: #495057; +} +.p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; +} +.p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; +} +.p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #6c757d; +} +.p-tree .p-treenode-children { + padding: 0 0 0 1rem; +} +.p-tree .p-tree-loading-icon { + font-size: 2rem; +} +.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: #8cbeff; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #dee2e6; + background-color: #ffffff; + color: #495057; + padding: 0.5rem; + transition: box-shadow 0.2s; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #EFF6FF; + color: #1D4ED8; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #1D4ED8; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; +} + +.p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-treetable .p-treetable-header { + background: #f8f9fa; + color: #343a40; + border: 1px solid #dee2e6; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; +} +.p-treetable .p-treetable-footer { + background: #f8f9fa; + color: #343a40; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; +} +.p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; + font-weight: 700; + color: #343a40; + background: #f8f9fa; + transition: box-shadow 0.2s; +} +.p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; + font-weight: 700; + color: #343a40; + background: #f8f9fa; +} +.p-treetable .p-sortable-column { + outline-color: #BFDBFE; +} +.p-treetable .p-sortable-column .p-sortable-column-icon { + color: #343a40; + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #1D4ED8; + background: #EFF6FF; + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #e9ecef; + color: #343a40; +} +.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #343a40; +} +.p-treetable .p-sortable-column.p-highlight { + background: #EFF6FF; + color: #1D4ED8; +} +.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #1D4ED8; +} +.p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #495057; + transition: box-shadow 0.2s; +} +.p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; + padding: 1rem 1rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #495057; +} +.p-treetable .p-treetable-tbody > tr:focus { + outline: 0.15rem solid #BFDBFE; + outline-offset: -0.15rem; +} +.p-treetable .p-treetable-tbody > tr.p-highlight { + background: #EFF6FF; + color: #1D4ED8; +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #1D4ED8; +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #1D4ED8; +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #495057; +} +.p-treetable .p-column-resizer-helper { + background: #3B82F6; +} +.p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #f8f9fa; +} +.p-treetable .p-treetable-loading-icon { + font-size: 2rem; +} +.p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.875rem 0.875rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 1.25rem 1.25rem; +} + +.p-virtualscroller .p-virtualscroller-header { + background: #f8f9fa; + color: #343a40; + border: 1px solid #dee2e6; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; +} +.p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #495057; + border: 0 none; + padding: 0; +} +.p-virtualscroller .p-virtualscroller-footer { + background: #f8f9fa; + color: #343a40; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.25rem; + border: 1px solid #dee2e6; + color: #6c757d; + background: #f8f9fa; + font-weight: 700; + border-radius: 6px; + transition: box-shadow 0.2s; +} +.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; +} +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; +} +.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #e9ecef; + border-color: #dee2e6; + color: #343a40; +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #f8f9fa; + border-color: #dee2e6; + color: #343a40; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #dee2e6; + background: #e9ecef; + color: #343a40; +} +.p-accordion .p-accordion-content { + padding: 1.25rem; + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 4px; +} + +.p-card { + background: #ffffff; + color: #495057; + 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: 6px; +} +.p-card .p-card-body { + padding: 1.25rem; +} +.p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +.p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #6c757d; +} +.p-card .p-card-content { + padding: 1.25rem 0; +} +.p-card .p-card-footer { + padding: 1.25rem 0 0 0; +} + +.p-divider .p-divider-content { + background-color: #ffffff; +} +.p-divider.p-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; +} +.p-divider.p-divider-horizontal:before { + border-top: 1px #dee2e6; +} +.p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; +} +.p-divider.p-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; +} +.p-divider.p-divider-vertical:before { + border-left: 1px #dee2e6; +} +.p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; +} + +.p-fieldset { + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + border-radius: 6px; +} +.p-fieldset .p-fieldset-legend { + padding: 1.25rem; + border: 1px solid #dee2e6; + color: #343a40; + background: #f8f9fa; + font-weight: 700; + border-radius: 6px; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.25rem; + color: #343a40; + border-radius: 6px; + transition: box-shadow 0.2s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #e9ecef; + border-color: #dee2e6; + color: #343a40; +} +.p-fieldset .p-fieldset-content { + padding: 1.25rem; +} + +.p-panel .p-panel-header { + border: 1px solid #dee2e6; + padding: 1.25rem; + background: #f8f9fa; + color: #343a40; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-panel .p-panel-header .p-panel-title { + font-weight: 700; +} +.p-panel .p-panel-header .p-panel-header-icon { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} +.p-panel .p-panel-header .p-panel-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; +} +.p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.25rem; +} +.p-panel .p-panel-content { + padding: 1.25rem; + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + border-top: 0 none; +} +.p-panel .p-panel-footer { + padding: 0.75rem 1.25rem; + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + border-top: 0 none; +} +.p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; +} +.p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; +} +.p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; +} + +.p-scrollpanel .p-scrollpanel-bar { + background: #f8f9fa; + border: 0 none; +} + +.p-splitter { + border: 1px solid #dee2e6; + background: #ffffff; + border-radius: 6px; + color: #495057; +} +.p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: #f8f9fa; +} +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #dee2e6; +} +.p-splitter .p-splitter-gutter-resizing { + background: #dee2e6; +} + +.p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #dee2e6; + border-width: 0 0 2px 0; +} +.p-tabview .p-tabview-nav li { + margin-right: 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #dee2e6; + border-width: 0 0 2px 0; + border-color: transparent transparent #dee2e6 transparent; + background: #ffffff; + color: #6c757d; + padding: 1.25rem; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #BFDBFE; +} +.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #adb5bd; + color: #6c757d; +} +.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #3B82F6; + color: #3B82F6; +} +.p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; +} +.p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-close { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #3B82F6; + width: 3rem; + 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); + border-radius: 0; +} +.p-tabview .p-tabview-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #BFDBFE; +} +.p-tabview .p-tabview-panels { + background: #ffffff; + padding: 1.25rem; + border: 0 none; + color: #495057; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} + +.p-toolbar { + background: #f8f9fa; + border: 1px solid #dee2e6; + padding: 1.25rem; + border-radius: 6px; + gap: 0.5rem; +} +.p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; +} + +.p-confirm-popup { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 6px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); +} +.p-confirm-popup .p-confirm-popup-content { + padding: 1.25rem; +} +.p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.75rem 1.25rem; +} +.p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; +} +.p-confirm-popup:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +.p-confirm-popup:before { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +.p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #ffffff; +} +.p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #ffffff; +} +.p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; +} +.p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; +} + +.p-dialog { + border-radius: 6px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + border: 0 none; +} +.p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: #343a40; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-dialog .p-dialog-header .p-dialog-title { + font-weight: 700; + font-size: 1.25rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; +} +.p-dialog .p-dialog-content { + background: #ffffff; + color: #495057; + padding: 0 1.5rem 2rem 1.5rem; +} +.p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-dialog .p-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: #495057; + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; +} + +.p-overlaypanel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 6px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); +} +.p-overlaypanel .p-overlaypanel-content { + padding: 1.25rem; +} +.p-overlaypanel .p-overlaypanel-close { + background: #3B82F6; + color: #ffffff; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + position: absolute; + top: -1rem; + right: -1rem; +} +.p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #2563eb; + color: #ffffff; +} +.p-overlaypanel:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +.p-overlaypanel:before { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #f2f2f2; +} +.p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #ffffff; +} +.p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #ffffff; +} + +.p-sidebar { + background: #ffffff; + color: #495057; + border: 0 none; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); +} +.p-sidebar .p-sidebar-header { + padding: 1.25rem; +} +.p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} +.p-sidebar .p-sidebar-header .p-sidebar-close:focus, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; +} +.p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; +} +.p-sidebar .p-sidebar-content { + padding: 1.25rem; +} +.p-sidebar .p-sidebar-footer { + padding: 1.25rem; +} + +.p-tooltip .p-tooltip-text { + background: #495057; + color: #ffffff; + padding: 0.75rem 0.75rem; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; +} +.p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #495057; +} +.p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #495057; +} +.p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #495057; +} +.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #495057; +} + +.p-fileupload .p-fileupload-buttonbar { + background: #f8f9fa; + padding: 1.25rem; + border: 1px solid #dee2e6; + color: #343a40; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; +} +.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; +} +.p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 2rem 1rem; + border: 1px solid #dee2e6; + color: #495057; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-fileupload .p-progressbar { + height: 0.25rem; +} +.p-fileupload .p-fileupload-row > div { + padding: 1rem 1rem; +} +.p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; +} + +.p-fileupload-choose:not(.p-disabled):hover { + background: #2563eb; + color: #ffffff; + border-color: #2563eb; +} +.p-fileupload-choose:not(.p-disabled):active { + background: #1D4ED8; + color: #ffffff; + border-color: #1D4ED8; +} + +.p-breadcrumb { + background: #ffffff; + border: 1px solid #dee2e6; + border-radius: 6px; + padding: 1rem; +} +.p-breadcrumb ul li .p-menuitem-link { + transition: box-shadow 0.2s; + border-radius: 6px; +} +.p-breadcrumb ul li .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { + color: #6c757d; +} +.p-breadcrumb ul li.p-breadcrumb-chevron { + margin: 0 0.5rem 0 0.5rem; + color: #495057; +} +.p-breadcrumb ul li:last-child .p-menuitem-text { + color: #495057; +} +.p-breadcrumb ul li:last-child .p-menuitem-icon { + color: #6c757d; +} + +.p-contextmenu { + padding: 0.25rem 0; + background: #ffffff; + color: #495057; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; +} +.p-contextmenu .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-contextmenu .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-contextmenu .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-contextmenu .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-contextmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #BFDBFE; +} +.p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; +} +.p-contextmenu .p-menuitem { + margin: 0; +} +.p-contextmenu .p-menuitem:last-child { + margin: 0; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #EFF6FF; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: #1D4ED8; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: #1D4ED8; +} +.p-contextmenu .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} +.p-contextmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-contextmenu .p-menuitem-badge { + background: #3B82F6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + +@media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } +} +.p-megamenu { + padding: 0.5rem; + background: #f8f9fa; + color: #495057; + border: 1px solid #dee2e6; + border-radius: 6px; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: #495057; + border-radius: 6px; + transition: box-shadow 0.2s; + user-select: none; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #6c757d; + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #BFDBFE; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: #EFF6FF; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #1D4ED8; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #1D4ED8; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #1D4ED8; +} +.p-megamenu .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-megamenu .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-megamenu .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-megamenu .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-megamenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #BFDBFE; +} +.p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #495057; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.p-megamenu .p-megamenu-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: #343a40; + background: #ffffff; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-megamenu .p-megamenu-submenu { + padding: 0.25rem 0; + width: 12.5rem; +} +.p-megamenu .p-megamenu-submenu .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem { + margin: 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #EFF6FF; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: #1D4ED8; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: #1D4ED8; +} +.p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem { + margin: 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem-badge { + background: #3B82F6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menu { + padding: 0.25rem 0; + background: #ffffff; + color: #495057; + border: 1px solid #dee2e6; + border-radius: 6px; + width: 12.5rem; +} +.p-menu .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menu .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-menu .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-menu .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-menu .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-menu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #BFDBFE; +} +.p-menu.p-menu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: #343a40; + background: #ffffff; + font-weight: 700; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.p-menu .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} +.p-menu .p-menuitem { + margin: 0; +} +.p-menu .p-menuitem:last-child { + margin: 0; +} +.p-menu .p-menuitem-badge { + background: #3B82F6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menubar { + padding: 0.5rem; + background: #f8f9fa; + color: #495057; + border: 1px solid #dee2e6; + border-radius: 6px; +} +.p-menubar .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menubar .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-menubar .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-menubar .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-menubar .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #BFDBFE; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: #495057; + border-radius: 6px; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #6c757d; + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #BFDBFE; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: #EFF6FF; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #1D4ED8; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #1D4ED8; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #1D4ED8; +} +.p-menubar .p-submenu-list { + padding: 0.25rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + width: 12.5rem; +} +.p-menubar .p-submenu-list .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} +.p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; +} +.p-menubar .p-submenu-list .p-menuitem { + margin: 0; +} +.p-menubar .p-submenu-list .p-menuitem:last-child { + margin: 0; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #EFF6FF; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: #1D4ED8; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: #1D4ED8; +} +.p-menubar .p-menuitem-badge { + background: #3B82F6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +@media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 2rem; + height: 2rem; + color: #6c757d; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #6c757d; + background: #e9ecef; + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #6c757d; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #BFDBFE; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } +} +.p-panelmenu .p-panelmenu-header > a { + padding: 1.25rem; + border: 1px solid #dee2e6; + color: #6c757d; + background: #f8f9fa; + font-weight: 700; + border-radius: 6px; + transition: box-shadow 0.2s; +} +.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; +} +.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + background: #e9ecef; + border-color: #dee2e6; + color: #343a40; +} +.p-panelmenu .p-panelmenu-header.p-highlight { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight > a { + background: #f8f9fa; + border-color: #dee2e6; + color: #343a40; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + border-color: #dee2e6; + background: #e9ecef; + color: #343a40; +} +.p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0; + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + margin-bottom: 4px; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #BFDBFE; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { + padding: 0 0 0 1rem; +} +.p-panelmenu .p-panelmenu-panel { + margin-bottom: 4px; +} +.p-panelmenu .p-menuitem-badge { + background: #3B82F6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-slidemenu { + padding: 0.25rem 0; + background: #ffffff; + color: #495057; + border: 1px solid #dee2e6; + border-radius: 6px; + width: 12.5rem; +} +.p-slidemenu .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-slidemenu .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-slidemenu .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-slidemenu .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-slidemenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #BFDBFE; +} +.p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { + background: #EFF6FF; +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { + color: #1D4ED8; +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { + color: #1D4ED8; +} +.p-slidemenu .p-slidemenu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} +.p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; +} +.p-slidemenu .p-slidemenu-backward { + padding: 0.75rem 1.25rem; + color: #495057; +} +.p-slidemenu .p-menuitem-badge { + background: #3B82F6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: box-shadow 0.2s; + border-radius: 6px; + background: #ffffff; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #495057; + border: 1px solid #e9ecef; + background: #ffffff; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: #6c757d; +} +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; +} +.p-steps .p-steps-item.p-highlight .p-steps-number { + background: #EFF6FF; + color: #1D4ED8; +} +.p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 700; + color: #495057; +} +.p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #dee2e6; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; +} + +.p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: 1px solid #dee2e6; + border-width: 0 0 2px 0; +} +.p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #3B82F6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #dee2e6; + border-width: 0 0 2px 0; + border-color: transparent transparent #dee2e6 transparent; + background: #ffffff; + color: #6c757d; + padding: 1.25rem; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #BFDBFE; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #adb5bd; + color: #6c757d; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #3B82F6; + color: #3B82F6; +} +.p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #ffffff; + color: #3B82F6; + width: 3rem; + 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); + border-radius: 0; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #BFDBFE; +} + +.p-tieredmenu { + padding: 0.25rem 0; + background: #ffffff; + color: #495057; + border: 1px solid #dee2e6; + border-radius: 6px; + width: 12.5rem; +} +.p-tieredmenu .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-tieredmenu .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-tieredmenu .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-tieredmenu .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-tieredmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #BFDBFE; +} +.p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.p-tieredmenu .p-submenu-list { + padding: 0.25rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.p-tieredmenu .p-menuitem { + margin: 0; +} +.p-tieredmenu .p-menuitem:last-child { + margin: 0; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #EFF6FF; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: #1D4ED8; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: #1D4ED8; +} +.p-tieredmenu .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} +.p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-tieredmenu .p-menuitem-badge { + background: #3B82F6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-inline-message { + padding: 0.75rem 0.75rem; + margin: 0; + border-radius: 6px; +} +.p-inline-message.p-inline-message-info { + background: #e9e9ff; + border: solid #696cff; + border-width: 0px; + color: #696cff; +} +.p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #696cff; +} +.p-inline-message.p-inline-message-success { + background: #e4f8f0; + border: solid #1ea97c; + border-width: 0px; + color: #1ea97c; +} +.p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #1ea97c; +} +.p-inline-message.p-inline-message-warn { + background: #fff2e2; + border: solid #cc8925; + border-width: 0px; + color: #cc8925; +} +.p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #cc8925; +} +.p-inline-message.p-inline-message-error { + background: #ffe7e6; + border: solid #ff5757; + border-width: 0px; + color: #ff5757; +} +.p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #ff5757; +} +.p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; +} +.p-inline-message .p-inline-message-text { + font-size: 1rem; +} +.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; +} + +.p-message { + margin: 1rem 0; + border-radius: 6px; +} +.p-message .p-message-wrapper { + padding: 1.25rem 1.75rem; +} +.p-message .p-message-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-message .p-message-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; +} +.p-message.p-message-info { + background: #e9e9ff; + border: solid #696cff; + border-width: 0 0 0 6px; + color: #696cff; +} +.p-message.p-message-info .p-message-icon { + color: #696cff; +} +.p-message.p-message-info .p-message-close { + color: #696cff; +} +.p-message.p-message-success { + background: #e4f8f0; + border: solid #1ea97c; + border-width: 0 0 0 6px; + color: #1ea97c; +} +.p-message.p-message-success .p-message-icon { + color: #1ea97c; +} +.p-message.p-message-success .p-message-close { + color: #1ea97c; +} +.p-message.p-message-warn { + background: #fff2e2; + border: solid #cc8925; + border-width: 0 0 0 6px; + color: #cc8925; +} +.p-message.p-message-warn .p-message-icon { + color: #cc8925; +} +.p-message.p-message-warn .p-message-close { + color: #cc8925; +} +.p-message.p-message-error { + background: #ffe7e6; + border: solid #ff5757; + border-width: 0 0 0 6px; + color: #ff5757; +} +.p-message.p-message-error .p-message-icon { + color: #ff5757; +} +.p-message.p-message-error .p-message-close { + color: #ff5757; +} +.p-message .p-message-text { + font-size: 1rem; + font-weight: 400; +} +.p-message .p-message-icon { + font-size: 1.5rem; + margin-right: 0.5rem; +} +.p-message .p-message-summary { + font-weight: 700; +} +.p-message .p-message-detail { + margin-left: 0.5rem; +} + +.p-toast { + opacity: 0.9; +} +.p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; +} +.p-toast .p-toast-message .p-toast-message-content { + padding: 1rem; + border-width: 0 0 0 6px; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 1rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 2rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 700; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; +} +.p-toast .p-toast-message .p-toast-icon-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-toast .p-toast-message .p-toast-icon-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; +} +.p-toast .p-toast-message.p-toast-message-info { + background: #e9e9ff; + border: solid #696cff; + border-width: 0 0 0 6px; + color: #696cff; +} +.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #696cff; +} +.p-toast .p-toast-message.p-toast-message-success { + background: #e4f8f0; + border: solid #1ea97c; + border-width: 0 0 0 6px; + color: #1ea97c; +} +.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #1ea97c; +} +.p-toast .p-toast-message.p-toast-message-warn { + background: #fff2e2; + border: solid #cc8925; + border-width: 0 0 0 6px; + color: #cc8925; +} +.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #cc8925; +} +.p-toast .p-toast-message.p-toast-message-error { + background: #ffe7e6; + border: solid #ff5757; + border-width: 0 0 0 6px; + color: #ff5757; +} +.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #ff5757; +} + +.p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-item-nav { + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0 0.5rem; +} +.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f8f9fa; + padding: 1rem; +} +.p-galleria .p-galleria-indicators { + padding: 1rem; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #ced4da; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #adb5bd; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #EFF6FF; + color: #1D4ED8; +} +.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; +} +.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #EFF6FF; + color: #1D4ED8; +} +.p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f8f9fa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; +} + +.p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-preview-indicator { + background-color: transparent; + color: #f8f9fa; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} + +.p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); +} + +.p-image-toolbar { + padding: 1rem; +} + +.p-image-action.p-link { + color: #f8f9fa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-image-action.p-link:last-child { + margin-right: 0; +} +.p-image-action.p-link:hover { + color: #f8f9fa; + background-color: rgba(255, 255, 255, 0.1); +} +.p-image-action.p-link i { + font-size: 1.5rem; +} + +.p-avatar { + background-color: #dee2e6; + border-radius: 6px; +} +.p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +.p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; +} +.p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +.p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; +} + +.p-avatar-group .p-avatar { + border: 2px solid #ffffff; +} + +.p-badge { + background: #3B82F6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +.p-badge.p-badge-secondary { + background-color: #64748B; + color: #ffffff; +} +.p-badge.p-badge-success { + background-color: #22C55E; + color: #ffffff; +} +.p-badge.p-badge-info { + background-color: #3B82F6; + color: #ffffff; +} +.p-badge.p-badge-warning { + background-color: #F59E0B; + color: #ffffff; +} +.p-badge.p-badge-danger { + background-color: #EF4444; + color: #ffffff; +} +.p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +.p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} + +.p-chip { + background-color: #dee2e6; + color: #495057; + border-radius: 16px; + padding: 0 0.75rem; +} +.p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; +} +.p-chip .p-chip-icon { + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; +} +.p-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; +} + +.p-inplace .p-inplace-display { + padding: 0.75rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-inplace .p-inplace-display:not(.p-disabled):hover { + background: #e9ecef; + color: #495057; +} +.p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; +} + +.p-progressbar { + border: 0 none; + height: 1.5rem; + background: #dee2e6; + border-radius: 6px; +} +.p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #3B82F6; +} +.p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.5rem; +} + +.p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-scrolltop.p-link { + background: rgba(0, 0, 0, 0.7); +} +.p-scrolltop.p-link:hover { + background: rgba(0, 0, 0, 0.8); +} +.p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #f8f9fa; +} + +.p-skeleton { + background-color: #dee2e6; + border-radius: 6px; +} +.p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); +} + +.p-tag { + background: #3B82F6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; +} +.p-tag.p-tag-success { + background-color: #22C55E; + color: #ffffff; +} +.p-tag.p-tag-info { + background-color: #3B82F6; + color: #ffffff; +} +.p-tag.p-tag-warning { + background-color: #F59E0B; + color: #ffffff; +} +.p-tag.p-tag-danger { + background-color: #EF4444; + color: #ffffff; +} +.p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +.p-terminal { + background: #ffffff; + color: #495057; + border: 1px solid #dee2e6; + padding: 1.25rem; +} +.p-terminal .p-terminal-input { + font-size: 1rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; +} + +.p-button-label { + font-weight: 700; +} + +.p-accordion .p-accordion-header .p-accordion-header-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; +} + +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-tabview .p-tabview-nav .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 2px; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); +} + +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #3B82F6; +} + +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #3B82F6; +} + +.p-button:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 black; +} +.p-button.p-button-secondary:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 black; +} +.p-button.p-button-success:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 black; +} +.p-button.p-button-info:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 black; +} +.p-button.p-button-warning:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #facf85, 0 1px 2px 0 black; +} +.p-button.p-button-help:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 black; +} +.p-button.p-button-danger:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 black; +} + +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #3B82F6; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #3B82F6; +} diff --git a/assets/layout/styles/theme/lara-light-blue/theme.css.br b/assets/layout/styles/theme/lara-light-blue/theme.css.br new file mode 100644 index 0000000..05ce775 Binary files /dev/null and b/assets/layout/styles/theme/lara-light-blue/theme.css.br differ diff --git a/assets/layout/styles/theme/lara-light-blue/theme.css.gz b/assets/layout/styles/theme/lara-light-blue/theme.css.gz new file mode 100644 index 0000000..4ab0319 Binary files /dev/null and b/assets/layout/styles/theme/lara-light-blue/theme.css.gz differ diff --git a/assets/layout/styles/theme/lara-light-indigo/theme.css b/assets/layout/styles/theme/lara-light-indigo/theme.css new file mode 100644 index 0000000..7090486 --- /dev/null +++ b/assets/layout/styles/theme/lara-light-indigo/theme.css @@ -0,0 +1,6297 @@ +:root { + --surface-a:#ffffff; + --surface-b:#f8f9fa; + --surface-c:#e9ecef; + --surface-d:#dee2e6; + --surface-e:#ffffff; + --surface-f:#ffffff; + --text-color:#495057; + --text-color-secondary:#6c757d; + --primary-color:#6366F1; + --primary-color-text:#ffffff; + --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --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:1.25rem; + --inline-spacing:0.5rem; + --border-radius:6px; + --surface-ground:#eff3f8; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#dfe7ef; + --surface-hover:#f6f9fc; + --focus-ring: 0 0 0 0.2rem #C7D2FE; + --maskbg: rgba(0, 0, 0, 0.4); + color-scheme: light; +} + +* { + box-sizing: border-box; +} + +.p-component { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + font-weight: normal; +} + +.p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; +} + +.p-disabled, .p-component:disabled { + opacity: 0.6; +} + +.p-error { + color: #e24c4c; +} + +.p-text-secondary { + color: #6c757d; +} + +.pi { + font-size: 1rem; +} + +.p-link { + font-size: 1rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + border-radius: 6px; +} +.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; +} + +.p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; +} + +.p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; +} + +@keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } +} +@keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } +} + +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --red-50:#fff5f5; + --red-100:#ffd0ce; + --red-200:#ffaca7; + --red-300:#ff8780; + --red-400:#ff6259; + --red-500:#ff3d32; + --red-600:#d9342b; + --red-700:#b32b23; + --red-800:#8c221c; + --red-900:#661814; + --primary-50:#f7f7fe; + --primary-100:#dadafc; + --primary-200:#bcbdf9; + --primary-300:#9ea0f6; + --primary-400:#8183f4; + --primary-500:#6366f1; + --primary-600:#5457cd; + --primary-700:#4547a9; + --primary-800:#363885; + --primary-900:#282960; +} + +.p-autocomplete .p-autocomplete-loader { + right: 0.75rem; +} +.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.75rem; +} +.p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + border-color: #6366F1; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; + border-color: #6366F1; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.375rem 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #495057; + padding: 0; + margin: 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.375rem 0.75rem; + background: #EEF2FF; + color: #4338CA; + border-radius: 6px; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; +} + +p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #e24c4c; +} + +.p-autocomplete-panel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.p-autocomplete-panel .p-autocomplete-items { + padding: 0.75rem 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { + color: #495057; + background: #e9ecef; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #4338CA; + background: #EEF2FF; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.75rem 1.25rem; + color: #495057; + background: transparent; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: #343a40; + background: #ffffff; + font-weight: 700; +} + +p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; +} +p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #6c757d; + right: 0.75rem; +} + +p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #6c757d; + right: 3.75rem; +} + +p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #e24c4c; +} + +.p-datepicker { + padding: 0.5rem; + background: #ffffff; + color: #495057; + border: 1px solid #ced4da; + border-radius: 6px; +} +.p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; +} +.p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: #495057; + background: #ffffff; + font-weight: 600; + margin: 0; + border-bottom: 1px solid #dee2e6; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; +} +.p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 2rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #495057; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + font-weight: 600; + padding: 0.5rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #6366F1; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; +} +.p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0; +} +.p-datepicker table th { + padding: 0.5rem; +} +.p-datepicker table th > span { + width: 2.5rem; + height: 2.5rem; +} +.p-datepicker table td { + padding: 0.5rem; +} +.p-datepicker table td > span { + width: 2.5rem; + height: 2.5rem; + border-radius: 50%; + transition: box-shadow 0.2s; + border: 1px solid transparent; +} +.p-datepicker table td > span.p-highlight { + color: #4338CA; + background: #EEF2FF; +} +.p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; +} +.p-datepicker table td.p-datepicker-today > span { + background: #ced4da; + color: #495057; + border-color: transparent; +} +.p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #4338CA; + background: #EEF2FF; +} +.p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #dee2e6; +} +.p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; +} +.p-datepicker .p-timepicker { + border-top: 1px solid #dee2e6; + padding: 0.5rem; +} +.p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-timepicker button:enabled:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} +.p-datepicker .p-timepicker button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; +} +.p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; +} +.p-datepicker .p-timepicker span { + font-size: 1.25rem; +} +.p-datepicker .p-timepicker > div { + padding: 0 0.5rem; +} +.p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; +} +.p-datepicker .p-monthpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.5rem; + transition: box-shadow 0.2s; + border-radius: 6px; +} +.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #4338CA; + background: #EEF2FF; +} +.p-datepicker .p-yearpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.5rem; + transition: box-shadow 0.2s; + border-radius: 6px; +} +.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #4338CA; + background: #EEF2FF; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #dee2e6; + padding-right: 0.5rem; + padding-left: 0.5rem; + padding-top: 0; + padding-bottom: 0; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: #e9ecef; +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: #e9ecef; +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: #e9ecef; +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; +} + +p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; +} +p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #6c757d; + right: 0.75rem; +} + +p-calendar.p-calendar-clearable.p-calendar-w-btn .p-calendar-clear-icon { + color: #6c757d; + right: 3.75rem; +} + +@media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } +} +.p-cascadeselect { + background: #ffffff; + border: 1px solid #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +.p-cascadeselect:not(.p-disabled):hover { + border-color: #6366F1; +} +.p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; + border-color: #6366F1; +} +.p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; +} +.p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #6c757d; +} +.p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #6c757d; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.p-cascadeselect-panel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.75rem 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 1.25rem; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #C7D2FE; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #4338CA; + background: #EEF2FF; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #495057; + background: #e9ecef; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; +} + +p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #e24c4c; +} + +.p-input-filled .p-cascadeselect { + background: #e9ecef; +} +.p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #e9ecef; +} +.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #ffffff; +} + +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; +} +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #6c757d; + right: 3rem; +} + +.p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; +} +.p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); +} + +.p-checkbox { + width: 22px; + height: 22px; +} +.p-checkbox .p-checkbox-box { + border: 2px solid #ced4da; + background: #ffffff; + width: 22px; + height: 22px; + color: #495057; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #ffffff; + font-size: 14px; +} +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #6366F1; + background: #6366F1; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #6366F1; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; + border-color: #6366F1; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #4338CA; + background: #4338CA; + color: #ffffff; +} + +p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #e24c4c; +} + +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #e9ecef; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #6366F1; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #e9ecef; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #4338CA; +} + +.p-checkbox-label { + margin-left: 0.5rem; +} + +.p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; +} +.p-chips .p-chips-multiple-container:not(.p-disabled):hover { + border-color: #6366F1; +} +.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; + border-color: #6366F1; +} +.p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.375rem 0.75rem; + background: #EEF2FF; + color: #4338CA; + border-radius: 6px; +} +.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; +} +.p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.375rem 0; +} +.p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #495057; + padding: 0; + margin: 0; +} + +p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #e24c4c; +} + +p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; +} +p-chips.p-chips-clearable .p-chips-clear-icon { + color: #6c757d; + right: 0.75rem; +} + +.p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; +} + +.p-colorpicker-panel { + background: #323232; + border: 1px solid #191919; +} +.p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; +} + +.p-colorpicker-overlay-panel { + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} + +.p-dropdown { + background: #ffffff; + border: 1px solid #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +.p-dropdown:not(.p-disabled):hover { + border-color: #6366F1; +} +.p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; + border-color: #6366F1; +} +.p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; +} +.p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; +} +.p-dropdown .p-dropdown-label.p-placeholder { + color: #6c757d; +} +.p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-dropdown .p-dropdown-trigger { + background: transparent; + color: #6c757d; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +.p-dropdown .p-dropdown-clear-icon { + color: #6c757d; + right: 3rem; +} + +.p-dropdown-panel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.p-dropdown-panel .p-dropdown-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #dee2e6; + color: #343a40; + background: #f8f9fa; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #6c757d; +} +.p-dropdown-panel .p-dropdown-items { + padding: 0.75rem 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #4338CA; + background: #EEF2FF; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #495057; + background: #e9ecef; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 1.25rem; + color: #495057; + background: transparent; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: #343a40; + background: #ffffff; + font-weight: 700; +} + +p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #e24c4c; +} + +.p-input-filled .p-dropdown { + background: #e9ecef; +} +.p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #e9ecef; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #ffffff; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; +} + +.p-editor-container .p-editor-toolbar { + background: #f8f9fa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #dee2e6; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #6c757d; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #6c757d; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #6c757d; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.75rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #495057; + background: #e9ecef; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 1.25rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #dee2e6; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #495057; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #495057; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #495057; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #495057; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #6366F1; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #6366F1; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #6366F1; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #6366F1; +} + +.p-inputgroup-addon { + background: #e9ecef; + color: #6c757d; + border-top: 1px solid #ced4da; + border-left: 1px solid #ced4da; + border-bottom: 1px solid #ced4da; + padding: 0.75rem 0.75rem; + min-width: 3rem; +} +.p-inputgroup-addon:last-child { + border-right: 1px solid #ced4da; +} + +.p-inputgroup > .p-component, +.p-inputgroup > .p-element, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; +} +.p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-element + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; +} +.p-inputgroup > .p-component:focus, +.p-inputgroup > .p-element:focus, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; +} +.p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-element:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; +} + +.p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.p-fluid .p-inputgroup .p-button { + width: auto; +} +.p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 3rem; +} + +p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #e24c4c; +} + +p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; +} +p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #6c757d; + right: 0.75rem; +} + +p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #e24c4c; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #6c757d; + right: 0.75rem; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.75rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.75rem; +} + +.p-inputswitch { + width: 3rem; + height: 1.75rem; +} +.p-inputswitch .p-inputswitch-slider { + background: #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; +} +.p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition-duration: 0.2s; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1.25rem); +} +.p-inputswitch.p-focus .p-inputswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; +} +.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #b6bfc8; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #6366F1; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; +} +.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #4F46E5; +} + +p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + border-color: #e24c4c; +} + +.p-inputtext { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #495057; + background: #ffffff; + padding: 0.75rem 0.75rem; + border: 1px solid #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + appearance: none; + border-radius: 6px; +} +.p-inputtext:enabled:hover { + border-color: #6366F1; +} +.p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; + border-color: #6366F1; +} +.p-inputtext.ng-dirty.ng-invalid { + border-color: #e24c4c; +} +.p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; +} +.p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; +} + +.p-float-label > label { + left: 0.75rem; + color: #6c757d; + transition-duration: 0.2s; +} + +.p-float-label > .ng-invalid.ng-dirty + label { + color: #e24c4c; +} + +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #6c757d; +} + +.p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; +} + +.p-input-icon-left.p-float-label > label { + left: 2.5rem; +} + +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #6c757d; +} + +.p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; +} + +::-webkit-input-placeholder { + color: #6c757d; +} + +:-moz-placeholder { + color: #6c757d; +} + +::-moz-placeholder { + color: #6c757d; +} + +:-ms-input-placeholder { + color: #6c757d; +} + +.p-input-filled .p-inputtext { + background-color: #e9ecef; +} +.p-input-filled .p-inputtext:enabled:hover { + background-color: #e9ecef; +} +.p-input-filled .p-inputtext:enabled:focus { + background-color: #ffffff; +} + +.p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; +} + +.p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; +} + +.p-listbox { + background: #ffffff; + color: #495057; + border: 1px solid #ced4da; + border-radius: 6px; +} +.p-listbox .p-listbox-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #dee2e6; + color: #343a40; + background: #f8f9fa; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; +} +.p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #6c757d; +} +.p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list { + padding: 0.75rem 0; +} +.p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #495057; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #4338CA; + background: #EEF2FF; +} +.p-listbox .p-listbox-list .p-listbox-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #C7D2FE; +} +.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: #343a40; + background: #ffffff; + font-weight: 700; +} +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.75rem 1.25rem; + color: #495057; + background: transparent; +} +.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #495057; + background: #e9ecef; +} + +p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #e24c4c; +} + +.p-multiselect { + background: #ffffff; + border: 1px solid #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +.p-multiselect:not(.p-disabled):hover { + border-color: #6366F1; +} +.p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; + border-color: #6366F1; +} +.p-multiselect .p-multiselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-multiselect .p-multiselect-label.p-placeholder { + color: #6c757d; +} +.p-multiselect.p-multiselect-chip .p-multiselect-label { + gap: 0.5rem; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.375rem 0.75rem; + background: #EEF2FF; + color: #4338CA; + border-radius: 6px; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; +} +.p-multiselect .p-multiselect-trigger { + background: transparent; + color: #6c757d; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.375rem 0.75rem; +} + +.p-multiselect-panel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.p-multiselect-panel .p-multiselect-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #dee2e6; + color: #343a40; + background: #f8f9fa; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #6c757d; +} +.p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; +} +.p-multiselect-panel .p-multiselect-items { + padding: 0.75rem 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #4338CA; + background: #EEF2FF; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #495057; + background: #e9ecef; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #C7D2FE; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: #343a40; + background: #ffffff; + font-weight: 700; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.75rem 1.25rem; + color: #495057; + background: transparent; +} + +p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #e24c4c; +} + +.p-input-filled .p-multiselect { + background: #e9ecef; +} +.p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #e9ecef; +} +.p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #ffffff; +} + +p-multiselect.p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; +} +p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { + color: #6c757d; + right: 3rem; +} + +p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #e24c4c; +} + +.p-password-panel { + padding: 1.25rem; + background: #ffffff; + color: #495057; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; +} +.p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #dee2e6; +} +.p-password-panel .p-password-meter .p-password-strength.weak { + background: #ea5455; +} +.p-password-panel .p-password-meter .p-password-strength.medium { + background: #ff9f42; +} +.p-password-panel .p-password-meter .p-password-strength.strong { + background: #29c76f; +} + +p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; +} +p-password.p-password-clearable .p-password-clear-icon { + color: #6c757d; + right: 0.75rem; +} + +p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; +} +p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #6c757d; + right: 2.5rem; +} + +.p-radiobutton { + width: 22px; + height: 22px; +} +.p-radiobutton .p-radiobutton-box { + border: 2px solid #ced4da; + background: #ffffff; + width: 22px; + height: 22px; + color: #495057; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #6366F1; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; + border-color: #6366F1; +} +.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 12px; + height: 12px; + transition-duration: 0.2s; + background-color: #ffffff; +} +.p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #6366F1; + background: #6366F1; +} +.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #4338CA; + background: #4338CA; + color: #ffffff; +} + +p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #e24c4c; +} + +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #e9ecef; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #e9ecef; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #6366F1; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #4338CA; +} + +.p-radiobutton-label { + margin-left: 0.5rem; +} + +.p-rating .p-rating-icon { + color: #495057; + margin-left: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + font-size: 1.143rem; +} +.p-rating .p-rating-icon.p-rating-cancel { + color: #ea5455; +} +.p-rating .p-rating-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; +} +.p-rating .p-rating-icon:first-child { + margin-left: 0; +} +.p-rating .p-rating-icon.pi-star-fill { + color: #6366F1; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + color: #6366F1; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + color: #e73d3e; +} + +.p-selectbutton .p-button { + background: #ffffff; + border: 1px solid #ced4da; + color: #495057; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #6c757d; +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #e9ecef; + border-color: #ced4da; + color: #495057; +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #343a40; +} +.p-selectbutton .p-button.p-highlight { + background: #6366F1; + border-color: #6366F1; + color: #ffffff; +} +.p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #ffffff; +} +.p-selectbutton .p-button.p-highlight:hover { + background: #4F46E5; + border-color: #4F46E5; + color: #ffffff; +} +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; +} + +p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #e24c4c; +} + +.p-slider { + background: #dee2e6; + border: 0 none; + border-radius: 6px; +} +.p-slider.p-slider-horizontal { + height: 0.286rem; +} +.p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -0.5715rem; + margin-left: -0.5715rem; +} +.p-slider.p-slider-vertical { + width: 0.286rem; +} +.p-slider.p-slider-vertical .p-slider-handle { + margin-left: -0.5715rem; + margin-bottom: -0.5715rem; +} +.p-slider .p-slider-handle { + height: 1.143rem; + width: 1.143rem; + background: #ffffff; + border: 2px solid #6366F1; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; +} +.p-slider .p-slider-range { + background: #6366F1; +} +.p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #6366F1; + border-color: #6366F1; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; +} + +.p-togglebutton.p-button { + background: #ffffff; + border: 1px solid #ced4da; + color: #495057; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #6c757d; +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #e9ecef; + border-color: #ced4da; + color: #495057; +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #343a40; +} +.p-togglebutton.p-button.p-highlight { + background: #6366F1; + border-color: #6366F1; + color: #ffffff; +} +.p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #ffffff; +} +.p-togglebutton.p-button.p-highlight:hover { + background: #4F46E5; + border-color: #4F46E5; + color: #ffffff; +} +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; +} + +p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #e24c4c; +} + +.p-treeselect { + background: #ffffff; + border: 1px solid #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +.p-treeselect:not(.p-disabled):hover { + border-color: #6366F1; +} +.p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; + border-color: #6366F1; +} +.p-treeselect .p-treeselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-treeselect .p-treeselect-label.p-placeholder { + color: #6c757d; +} +.p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #dee2e6; + color: #495057; + border-radius: 16px; +} +.p-treeselect .p-treeselect-trigger { + background: transparent; + color: #6c757d; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #e24c4c; +} + +.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.375rem 0.75rem; +} + +.p-treeselect-panel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.p-treeselect-panel .p-treeselect-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #dee2e6; + color: #343a40; + background: #f8f9fa; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #6c757d; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.75rem 1.25rem; + color: #495057; + background: transparent; +} + +.p-input-filled .p-treeselect { + background: #e9ecef; +} +.p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #e9ecef; +} +.p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #ffffff; +} + +p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; +} +p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #6c757d; + right: 3rem; +} + +.p-button { + color: #ffffff; + background: #6366F1; + border: 1px solid #6366F1; + padding: 0.75rem 1.25rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +.p-button:enabled:hover { + background: #4F46E5; + color: #ffffff; + border-color: #4F46E5; +} +.p-button:enabled:active { + background: #4338CA; + color: #ffffff; + border-color: #4338CA; +} +.p-button.p-button-outlined { + background-color: transparent; + color: #6366F1; + border: 1px solid; +} +.p-button.p-button-outlined:enabled:hover { + background: rgba(99, 102, 241, 0.04); + color: #6366F1; + border: 1px solid; +} +.p-button.p-button-outlined:enabled:active { + background: rgba(99, 102, 241, 0.16); + color: #6366F1; + border: 1px solid; +} +.p-button.p-button-outlined.p-button-plain { + color: #6c757d; + border-color: #6c757d; +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: #e9ecef; + color: #6c757d; +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: #dee2e6; + color: #6c757d; +} +.p-button.p-button-text { + background-color: transparent; + color: #6366F1; + border-color: transparent; +} +.p-button.p-button-text:enabled:hover { + background: rgba(99, 102, 241, 0.04); + color: #6366F1; + border-color: transparent; +} +.p-button.p-button-text:enabled:active { + background: rgba(99, 102, 241, 0.16); + color: #6366F1; + border-color: transparent; +} +.p-button.p-button-text.p-button-plain { + color: #6c757d; +} +.p-button.p-button-text.p-button-plain:enabled:hover { + background: #e9ecef; + color: #6c757d; +} +.p-button.p-button-text.p-button-plain:enabled:active { + background: #dee2e6; + color: #6c757d; +} +.p-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; +} +.p-button .p-button-label { + transition-duration: 0.2s; +} +.p-button .p-button-icon-left { + margin-right: 0.5rem; +} +.p-button .p-button-icon-right { + margin-left: 0.5rem; +} +.p-button .p-button-icon-bottom { + margin-top: 0.5rem; +} +.p-button .p-button-icon-top { + margin-bottom: 0.5rem; +} +.p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #6366F1; + background-color: #ffffff; +} +.p-button.p-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); +} +.p-button.p-button-rounded { + border-radius: 2rem; +} +.p-button.p-button-icon-only { + width: 3rem; + padding: 0.75rem 0; +} +.p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; +} +.p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 3rem; +} +.p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.65625rem 1.09375rem; +} +.p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; +} +.p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.9375rem 1.5625rem; +} +.p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; +} +.p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; +} +.p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; +} + +.p-fluid .p-button { + width: 100%; +} +.p-fluid .p-button-icon-only { + width: 3rem; +} +.p-fluid .p-buttonset { + display: flex; +} +.p-fluid .p-buttonset .p-button { + flex: 1; +} + +.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + color: #ffffff; + background: #64748B; + border: 1px solid #64748B; +} +.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + background: #475569; + color: #ffffff; + border-color: #475569; +} +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #E2E8F0; +} +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: #334155; + color: #ffffff; + border-color: #334155; +} +.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + background-color: transparent; + color: #64748B; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + background: rgba(100, 116, 139, 0.04); + color: #64748B; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(100, 116, 139, 0.16); + color: #64748B; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + background-color: transparent; + color: #64748B; + border-color: transparent; +} +.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + background: rgba(100, 116, 139, 0.04); + border-color: transparent; + color: #64748B; +} +.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + background: rgba(100, 116, 139, 0.16); + border-color: transparent; + color: #64748B; +} + +.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #3B82F6; + border: 1px solid #3B82F6; +} +.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + background: #2563EB; + color: #ffffff; + border-color: #2563EB; +} +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #BFDBFE; +} +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: #1D4ED8; + color: #ffffff; + border-color: #1D4ED8; +} +.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + background-color: transparent; + color: #3B82F6; + border: 1px solid; +} +.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + background: rgba(59, 130, 246, 0.04); + color: #3B82F6; + border: 1px solid; +} +.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(59, 130, 246, 0.16); + color: #3B82F6; + border: 1px solid; +} +.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + background-color: transparent; + color: #3B82F6; + border-color: transparent; +} +.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + background: rgba(59, 130, 246, 0.04); + border-color: transparent; + color: #3B82F6; +} +.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + background: rgba(59, 130, 246, 0.16); + border-color: transparent; + color: #3B82F6; +} + +.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #22C55E; + border: 1px solid #22C55E; +} +.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + background: #16A34A; + color: #ffffff; + border-color: #16A34A; +} +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #BBF7D0; +} +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: #15803D; + color: #ffffff; + border-color: #15803D; +} +.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + background-color: transparent; + color: #22C55E; + border: 1px solid; +} +.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + background: rgba(34, 197, 94, 0.04); + color: #22C55E; + border: 1px solid; +} +.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(34, 197, 94, 0.16); + color: #22C55E; + border: 1px solid; +} +.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + background-color: transparent; + color: #22C55E; + border-color: transparent; +} +.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22C55E; +} +.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22C55E; +} + +.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #ffffff; + background: #F59E0B; + border: 1px solid #F59E0B; +} +.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + background: #D97706; + color: #ffffff; + border-color: #D97706; +} +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #FDE68A; +} +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: #B45309; + color: #ffffff; + border-color: #B45309; +} +.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + background-color: transparent; + color: #F59E0B; + border: 1px solid; +} +.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + background: rgba(245, 158, 11, 0.04); + color: #F59E0B; + border: 1px solid; +} +.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(245, 158, 11, 0.16); + color: #F59E0B; + border: 1px solid; +} +.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + background-color: transparent; + color: #F59E0B; + border-color: transparent; +} +.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + background: rgba(245, 158, 11, 0.04); + border-color: transparent; + color: #F59E0B; +} +.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + background: rgba(245, 158, 11, 0.16); + border-color: transparent; + color: #F59E0B; +} + +.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #A855F7; + border: 1px solid #A855F7; +} +.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + background: #9333EA; + color: #ffffff; + border-color: #9333EA; +} +.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #E9D5FF; +} +.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: #7E22CE; + color: #ffffff; + border-color: #7E22CE; +} +.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + background-color: transparent; + color: #A855F7; + border: 1px solid; +} +.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + background: rgba(168, 85, 247, 0.04); + color: #A855F7; + border: 1px solid; +} +.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(168, 85, 247, 0.16); + color: #A855F7; + border: 1px solid; +} +.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + background-color: transparent; + color: #A855F7; + border-color: transparent; +} +.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #A855F7; +} +.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #A855F7; +} + +.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #EF4444; + border: 1px solid #EF4444; +} +.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + background: #DC2626; + color: #ffffff; + border-color: #DC2626; +} +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #FECACA; +} +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: #B91C1C; + color: #ffffff; + border-color: #B91C1C; +} +.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + background-color: transparent; + color: #EF4444; + border: 1px solid; +} +.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + background: rgba(239, 68, 68, 0.04); + color: #EF4444; + border: 1px solid; +} +.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(239, 68, 68, 0.16); + color: #EF4444; + border: 1px solid; +} +.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + background-color: transparent; + color: #EF4444; + border-color: transparent; +} +.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #EF4444; +} +.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #EF4444; +} + +.p-button.p-button-link { + color: #4338CA; + background: transparent; + border: transparent; +} +.p-button.p-button-link:enabled:hover { + background: transparent; + color: #4338CA; + border-color: transparent; +} +.p-button.p-button-link:enabled:hover .p-button-label { + text-decoration: underline; +} +.p-button.p-button-link:enabled:focus { + background: transparent; + box-shadow: 0 0 0 0.2rem #C7D2FE; + border-color: transparent; +} +.p-button.p-button-link:enabled:active { + background: transparent; + color: #4338CA; + border-color: transparent; +} + +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: #495057; + color: #fff; +} +.p-speeddial-action:hover { + background: #022354; + color: #fff; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +.p-splitbutton { + border-radius: 6px; +} +.p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #6366F1; + border: 1px solid; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(99, 102, 241, 0.04); + color: #6366F1; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(99, 102, 241, 0.16); + color: #6366F1; +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: #6c757d; + border-color: #6c757d; +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: #e9ecef; + color: #6c757d; +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: #dee2e6; + color: #6c757d; +} +.p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #6366F1; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(99, 102, 241, 0.04); + color: #6366F1; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(99, 102, 241, 0.16); + color: #6366F1; + border-color: transparent; +} +.p-splitbutton.p-button-text.p-button-plain > .p-button { + color: #6c757d; +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: #e9ecef; + color: #6c757d; +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: #dee2e6; + color: #6c757d; +} +.p-splitbutton.p-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); +} +.p-splitbutton.p-button-rounded { + border-radius: 2rem; +} +.p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; +} +.p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.65625rem 1.09375rem; +} +.p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; +} +.p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.9375rem 1.5625rem; +} +.p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; +} + +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #64748B; + border: 1px solid; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(100, 116, 139, 0.04); + color: #64748B; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(100, 116, 139, 0.16); + color: #64748B; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #64748B; + border-color: transparent; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(100, 116, 139, 0.04); + border-color: transparent; + color: #64748B; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(100, 116, 139, 0.16); + border-color: transparent; + color: #64748B; +} + +.p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #3B82F6; + border: 1px solid; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(59, 130, 246, 0.04); + color: #3B82F6; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(59, 130, 246, 0.16); + color: #3B82F6; +} +.p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #3B82F6; + border-color: transparent; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(59, 130, 246, 0.04); + border-color: transparent; + color: #3B82F6; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(59, 130, 246, 0.16); + border-color: transparent; + color: #3B82F6; +} + +.p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #22C55E; + border: 1px solid; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(34, 197, 94, 0.04); + color: #22C55E; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(34, 197, 94, 0.16); + color: #22C55E; +} +.p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #22C55E; + border-color: transparent; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22C55E; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22C55E; +} + +.p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #F59E0B; + border: 1px solid; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(245, 158, 11, 0.04); + color: #F59E0B; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(245, 158, 11, 0.16); + color: #F59E0B; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #F59E0B; + border-color: transparent; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(245, 158, 11, 0.04); + border-color: transparent; + color: #F59E0B; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(245, 158, 11, 0.16); + border-color: transparent; + color: #F59E0B; +} + +.p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #A855F7; + border: 1px solid; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(168, 85, 247, 0.04); + color: #A855F7; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(168, 85, 247, 0.16); + color: #A855F7; +} +.p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #A855F7; + border-color: transparent; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #A855F7; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #A855F7; +} + +.p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #EF4444; + border: 1px solid; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(239, 68, 68, 0.04); + color: #EF4444; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(239, 68, 68, 0.16); + color: #EF4444; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #EF4444; + border-color: transparent; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #EF4444; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #EF4444; +} + +.p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; +} +.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} +.p-carousel .p-carousel-content .p-carousel-prev:focus, +.p-carousel .p-carousel-content .p-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; +} +.p-carousel .p-carousel-indicators { + padding: 1rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #ced4da; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #adb5bd; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #EEF2FF; + color: #4338CA; +} + +.p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-datatable .p-datatable-header { + background: #f8f9fa; + color: #343a40; + border: 1px solid #dee2e6; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; +} +.p-datatable .p-datatable-footer { + background: #f8f9fa; + color: #343a40; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; +} +.p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; + font-weight: 700; + color: #343a40; + background: #f8f9fa; + transition: box-shadow 0.2s; +} +.p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; + font-weight: 700; + color: #343a40; + background: #f8f9fa; +} +.p-datatable .p-sortable-column .p-sortable-column-icon { + color: #343a40; + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #4338CA; + background: #EEF2FF; + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #e9ecef; + color: #343a40; +} +.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #343a40; +} +.p-datatable .p-sortable-column.p-highlight { + background: #EEF2FF; + color: #4338CA; +} +.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #4338CA; +} +.p-datatable .p-sortable-column.p-highlight:hover { + background: #EEF2FF; + color: #4338CA; +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #4338CA; +} +.p-datatable .p-sortable-column:focus { + box-shadow: inset 0 0 0 0.15rem #C7D2FE; + outline: 0 none; +} +.p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #495057; + transition: box-shadow 0.2s; +} +.p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; + padding: 1rem 1rem; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; +} +.p-datatable .p-datatable-tbody > tr:focus { + outline: 0.15rem solid #C7D2FE; + outline-offset: 0.15rem; +} +.p-datatable .p-datatable-tbody > tr.p-highlight { + background: #EEF2FF; + color: #4338CA; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #EEF2FF; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #EEF2FF; +} +.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-datatable .p-column-resizer-helper { + background: #6366F1; +} +.p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #f8f9fa; +} +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #f8f9fa; +} +.p-datatable .p-datatable-loading-icon { + font-size: 2rem; +} +.p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #fcfcfc; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #EEF2FF; + color: #4338CA; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #4338CA; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #4338CA; +} +.p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; +} + +.p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-dataview .p-dataview-header { + background: #f8f9fa; + color: #343a40; + border: 1px solid #dee2e6; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; +} +.p-dataview .p-dataview-content { + background: #ffffff; + color: #495057; + border: 0 none; + padding: 0; +} +.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { + border: solid #dee2e6; + border-width: 0 0 1px 0; +} +.p-dataview .p-dataview-footer { + background: #f8f9fa; + color: #343a40; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +.p-dataview .p-dataview-loading-icon { + font-size: 2rem; +} +.p-dataview .p-dataview-emptymessage { + padding: 1.25rem; +} + +.p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; +} + +.p-column-filter-menu-button { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-menu-button:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} +.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: #e9ecef; + color: #343a40; +} +.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #EEF2FF; + color: #4338CA; +} +.p-column-filter-menu-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; +} + +.p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-clear-button:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} +.p-column-filter-clear-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; +} + +.p-column-filter-overlay { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + min-width: 12.5rem; +} +.p-column-filter-overlay .p-column-filter-row-items { + padding: 0.75rem 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #4338CA; + background: #EEF2FF; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #495057; + background: #e9ecef; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #C7D2FE; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} + +.p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #dee2e6; + color: #343a40; + background: #f8f9fa; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1.25rem; + border-bottom: 1px solid #dee2e6; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; +} +.p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.75rem 1.25rem; +} +.p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1.25rem; +} + +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { + background: #f8f9fa; + border: 1px solid #dee2e6; + color: #343a40; +} +.fc.fc-unthemed .fc-view-container td.fc-widget-content { + background: #ffffff; + border: 1px solid #dee2e6; + color: #495057; +} +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #dee2e6; +} +.fc.fc-unthemed .fc-view-container .fc-row { + border-right: 1px solid #dee2e6; +} +.fc.fc-unthemed .fc-view-container .fc-event { + background: #4F46E5; + border: 1px solid #4F46E5; + color: #ffffff; +} +.fc.fc-unthemed .fc-view-container .fc-divider { + background: #f8f9fa; + border: 1px solid #dee2e6; +} +.fc.fc-unthemed .fc-toolbar .fc-button { + color: #ffffff; + background: #6366F1; + border: 1px solid #6366F1; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + display: flex; + align-items: center; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { + background: #4F46E5; + color: #ffffff; + border-color: #4F46E5; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { + background: #4338CA; + color: #ffffff; + border-color: #4338CA; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-unthemed .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #ffffff; + border: 1px solid #ced4da; + color: #495057; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #e9ecef; + border-color: #ced4da; + color: #495057; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #6366F1; + border-color: #6366F1; + color: #ffffff; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #4F46E5; + border-color: #4F46E5; + color: #ffffff; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; + z-index: 1; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #dee2e6; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #f8f9fa; + border-color: #dee2e6; + color: #343a40; +} +.fc.fc-theme-standard .fc-view-harness td { + color: #495057; + border-color: #dee2e6; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover { + background: none; + border: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { + border: 1px solid #dee2e6; + padding: 1.25rem; + background: #f8f9fa; + color: #343a40; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { + opacity: 1; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; + font-family: "PrimeIcons" !important; + font-size: 1rem; + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { + content: "\e90b"; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { + padding: 1.25rem; + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + border-top: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #ffffff; + background: #4F46E5; + border-color: #4F46E5; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: #4F46E5; + border-color: #4F46E5; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: #e9ecef; + color: #495057; +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #f8f9fa; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #ffffff; + background: #6366F1; + border: 1px solid #6366F1; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: #4F46E5; + color: #ffffff; + border-color: #4F46E5; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: #4338CA; + color: #ffffff; + border-color: #4338CA; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.6; + color: #ffffff; + background: #6366F1; + border: 1px solid #6366F1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #ffffff; + border: 1px solid #ced4da; + color: #495057; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #e9ecef; + border-color: #ced4da; + color: #495057; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #6366F1; + border-color: #6366F1; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #4F46E5; + border-color: #4F46E5; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +.fc.fc-theme-standard a { + color: #495057; +} +.fc.fc-theme-standard .fc-highlight { + color: #4338CA; + background: #EEF2FF; +} + +.p-orderlist .p-orderlist-controls { + padding: 1.25rem; +} +.p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; +} +.p-orderlist .p-orderlist-header { + background: #f8f9fa; + color: #343a40; + border: 1px solid #dee2e6; + padding: 1.25rem; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 700; +} +.p-orderlist .p-orderlist-filter-container { + padding: 1.25rem; + background: #ffffff; + border: 1px solid #dee2e6; + border-bottom: 0 none; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #6c757d; +} +.p-orderlist .p-orderlist-list { + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + padding: 0.75rem 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; +} +.p-orderlist .p-orderlist-list .p-orderlist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #C7D2FE; +} +.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #4338CA; + background: #EEF2FF; +} +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.75rem 1.25rem; + color: #495057; +} +.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #fcfcfc; +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: #e9ecef; +} + +.p-orderlist-item.cdk-drag-preview { + padding: 0.75rem 1.25rem; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border: 0 none; + color: #495057; + background: #ffffff; + margin: 0; +} + +.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #EEF2FF; + color: #4338CA; +} +.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #6f91ff; +} +.p-organizationchart .p-organizationchart-line-down { + background: #dee2e6; +} +.p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #dee2e6; + border-color: #dee2e6; +} +.p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #dee2e6; + border-color: #dee2e6; +} +.p-organizationchart .p-organizationchart-node-content { + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + padding: 1.25rem; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; +} + +.p-paginator { + background: #ffffff; + color: #6c757d; + border: solid #e9ecef; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 6px; +} +.p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: #6c757d; + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 50%; +} +.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: #e9ecef; + border-color: transparent; + color: #343a40; +} +.p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; +} +.p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 3rem; +} +.p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; +} +.p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; +} +.p-paginator .p-paginator-page-input .p-inputtext { + max-width: 3rem; +} +.p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #6c757d; + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + padding: 0 0.5rem; +} +.p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #6c757d; + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 50%; +} +.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #EEF2FF; + border-color: #EEF2FF; + color: #4338CA; +} +.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #e9ecef; + border-color: transparent; + color: #343a40; +} + +.p-picklist .p-picklist-buttons { + padding: 1.25rem; +} +.p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; +} +.p-picklist .p-picklist-header { + background: #f8f9fa; + color: #343a40; + border: 1px solid #dee2e6; + padding: 1.25rem; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-picklist .p-picklist-header .p-picklist-title { + font-weight: 700; +} +.p-picklist .p-picklist-filter-container { + padding: 1.25rem; + background: #ffffff; + border: 1px solid #dee2e6; + border-bottom: 0 none; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #6c757d; +} +.p-picklist .p-picklist-list { + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + padding: 0.75rem 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-picklist .p-picklist-list .p-picklist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; +} +.p-picklist .p-picklist-list .p-picklist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #C7D2FE; +} +.p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #4338CA; + background: #EEF2FF; +} +.p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.75rem 1.25rem; + color: #495057; +} +.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #fcfcfc; +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: #e9ecef; +} + +.p-picklist-item.cdk-drag-preview { + padding: 0.75rem 1.25rem; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border: 0 none; + color: #495057; + background: #ffffff; + margin: 0; +} + +.p-timeline .p-timeline-event-marker { + border: 2px solid #6366F1; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #ffffff; +} +.p-timeline .p-timeline-event-connector { + background-color: #dee2e6; +} +.p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; +} +.p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; +} + +.p-tree { + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + padding: 1.25rem; + border-radius: 6px; +} +.p-tree .p-tree-container .p-treenode { + padding: 0.143rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: box-shadow 0.2s; + padding: 0.5rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #6c757d; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #495057; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #C7D2FE; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #EEF2FF; + color: #4338CA; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #4338CA; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #4338CA; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #e9ecef; + color: #495057; +} +.p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; +} +.p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; +} +.p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #6c757d; +} +.p-tree .p-treenode-children { + padding: 0 0 0 1rem; +} +.p-tree .p-tree-loading-icon { + font-size: 2rem; +} +.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: #8ba7ff; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #dee2e6; + background-color: #ffffff; + color: #495057; + padding: 0.5rem; + transition: box-shadow 0.2s; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #EEF2FF; + color: #4338CA; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #4338CA; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; +} + +.p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-treetable .p-treetable-header { + background: #f8f9fa; + color: #343a40; + border: 1px solid #dee2e6; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; +} +.p-treetable .p-treetable-footer { + background: #f8f9fa; + color: #343a40; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; +} +.p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; + font-weight: 700; + color: #343a40; + background: #f8f9fa; + transition: box-shadow 0.2s; +} +.p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; + font-weight: 700; + color: #343a40; + background: #f8f9fa; +} +.p-treetable .p-sortable-column { + outline-color: #C7D2FE; +} +.p-treetable .p-sortable-column .p-sortable-column-icon { + color: #343a40; + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #4338CA; + background: #EEF2FF; + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #e9ecef; + color: #343a40; +} +.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #343a40; +} +.p-treetable .p-sortable-column.p-highlight { + background: #EEF2FF; + color: #4338CA; +} +.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #4338CA; +} +.p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #495057; + transition: box-shadow 0.2s; +} +.p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; + padding: 1rem 1rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #495057; +} +.p-treetable .p-treetable-tbody > tr:focus { + outline: 0.15rem solid #C7D2FE; + outline-offset: -0.15rem; +} +.p-treetable .p-treetable-tbody > tr.p-highlight { + background: #EEF2FF; + color: #4338CA; +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #4338CA; +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #4338CA; +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #495057; +} +.p-treetable .p-column-resizer-helper { + background: #6366F1; +} +.p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #f8f9fa; +} +.p-treetable .p-treetable-loading-icon { + font-size: 2rem; +} +.p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.875rem 0.875rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 1.25rem 1.25rem; +} + +.p-virtualscroller .p-virtualscroller-header { + background: #f8f9fa; + color: #343a40; + border: 1px solid #dee2e6; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; +} +.p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #495057; + border: 0 none; + padding: 0; +} +.p-virtualscroller .p-virtualscroller-footer { + background: #f8f9fa; + color: #343a40; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.25rem; + border: 1px solid #dee2e6; + color: #6c757d; + background: #f8f9fa; + font-weight: 700; + border-radius: 6px; + transition: box-shadow 0.2s; +} +.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; +} +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; +} +.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #e9ecef; + border-color: #dee2e6; + color: #343a40; +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #f8f9fa; + border-color: #dee2e6; + color: #343a40; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #dee2e6; + background: #e9ecef; + color: #343a40; +} +.p-accordion .p-accordion-content { + padding: 1.25rem; + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 4px; +} + +.p-card { + background: #ffffff; + color: #495057; + 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: 6px; +} +.p-card .p-card-body { + padding: 1.25rem; +} +.p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +.p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #6c757d; +} +.p-card .p-card-content { + padding: 1.25rem 0; +} +.p-card .p-card-footer { + padding: 1.25rem 0 0 0; +} + +.p-divider .p-divider-content { + background-color: #ffffff; +} +.p-divider.p-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; +} +.p-divider.p-divider-horizontal:before { + border-top: 1px #dee2e6; +} +.p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; +} +.p-divider.p-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; +} +.p-divider.p-divider-vertical:before { + border-left: 1px #dee2e6; +} +.p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; +} + +.p-fieldset { + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + border-radius: 6px; +} +.p-fieldset .p-fieldset-legend { + padding: 1.25rem; + border: 1px solid #dee2e6; + color: #343a40; + background: #f8f9fa; + font-weight: 700; + border-radius: 6px; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.25rem; + color: #343a40; + border-radius: 6px; + transition: box-shadow 0.2s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #e9ecef; + border-color: #dee2e6; + color: #343a40; +} +.p-fieldset .p-fieldset-content { + padding: 1.25rem; +} + +.p-panel .p-panel-header { + border: 1px solid #dee2e6; + padding: 1.25rem; + background: #f8f9fa; + color: #343a40; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-panel .p-panel-header .p-panel-title { + font-weight: 700; +} +.p-panel .p-panel-header .p-panel-header-icon { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} +.p-panel .p-panel-header .p-panel-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; +} +.p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.25rem; +} +.p-panel .p-panel-content { + padding: 1.25rem; + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + border-top: 0 none; +} +.p-panel .p-panel-footer { + padding: 0.75rem 1.25rem; + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + border-top: 0 none; +} +.p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; +} +.p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; +} +.p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; +} + +.p-scrollpanel .p-scrollpanel-bar { + background: #f8f9fa; + border: 0 none; +} + +.p-splitter { + border: 1px solid #dee2e6; + background: #ffffff; + border-radius: 6px; + color: #495057; +} +.p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: #f8f9fa; +} +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #dee2e6; +} +.p-splitter .p-splitter-gutter-resizing { + background: #dee2e6; +} + +.p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #dee2e6; + border-width: 0 0 2px 0; +} +.p-tabview .p-tabview-nav li { + margin-right: 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #dee2e6; + border-width: 0 0 2px 0; + border-color: transparent transparent #dee2e6 transparent; + background: #ffffff; + color: #6c757d; + padding: 1.25rem; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #C7D2FE; +} +.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #adb5bd; + color: #6c757d; +} +.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #6366F1; + color: #6366F1; +} +.p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; +} +.p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-close { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #6366F1; + width: 3rem; + 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); + border-radius: 0; +} +.p-tabview .p-tabview-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #C7D2FE; +} +.p-tabview .p-tabview-panels { + background: #ffffff; + padding: 1.25rem; + border: 0 none; + color: #495057; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} + +.p-toolbar { + background: #f8f9fa; + border: 1px solid #dee2e6; + padding: 1.25rem; + border-radius: 6px; + gap: 0.5rem; +} +.p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; +} + +.p-confirm-popup { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 6px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); +} +.p-confirm-popup .p-confirm-popup-content { + padding: 1.25rem; +} +.p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.75rem 1.25rem; +} +.p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; +} +.p-confirm-popup:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +.p-confirm-popup:before { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +.p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #ffffff; +} +.p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #ffffff; +} +.p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; +} +.p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; +} + +.p-dialog { + border-radius: 6px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + border: 0 none; +} +.p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: #343a40; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-dialog .p-dialog-header .p-dialog-title { + font-weight: 700; + font-size: 1.25rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; +} +.p-dialog .p-dialog-content { + background: #ffffff; + color: #495057; + padding: 0 1.5rem 2rem 1.5rem; +} +.p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-dialog .p-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: #495057; + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; +} + +.p-overlaypanel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 6px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); +} +.p-overlaypanel .p-overlaypanel-content { + padding: 1.25rem; +} +.p-overlaypanel .p-overlaypanel-close { + background: #6366F1; + color: #ffffff; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + position: absolute; + top: -1rem; + right: -1rem; +} +.p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #4F46E5; + color: #ffffff; +} +.p-overlaypanel:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +.p-overlaypanel:before { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #f2f2f2; +} +.p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #ffffff; +} +.p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #ffffff; +} + +.p-sidebar { + background: #ffffff; + color: #495057; + border: 0 none; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); +} +.p-sidebar .p-sidebar-header { + padding: 1.25rem; +} +.p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} +.p-sidebar .p-sidebar-header .p-sidebar-close:focus, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; +} +.p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; +} +.p-sidebar .p-sidebar-content { + padding: 1.25rem; +} +.p-sidebar .p-sidebar-footer { + padding: 1.25rem; +} + +.p-tooltip .p-tooltip-text { + background: #495057; + color: #ffffff; + padding: 0.75rem 0.75rem; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; +} +.p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #495057; +} +.p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #495057; +} +.p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #495057; +} +.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #495057; +} + +.p-fileupload .p-fileupload-buttonbar { + background: #f8f9fa; + padding: 1.25rem; + border: 1px solid #dee2e6; + color: #343a40; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; +} +.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; +} +.p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 2rem 1rem; + border: 1px solid #dee2e6; + color: #495057; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-fileupload .p-progressbar { + height: 0.25rem; +} +.p-fileupload .p-fileupload-row > div { + padding: 1rem 1rem; +} +.p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; +} + +.p-fileupload-choose:not(.p-disabled):hover { + background: #4F46E5; + color: #ffffff; + border-color: #4F46E5; +} +.p-fileupload-choose:not(.p-disabled):active { + background: #4338CA; + color: #ffffff; + border-color: #4338CA; +} + +.p-breadcrumb { + background: #ffffff; + border: 1px solid #dee2e6; + border-radius: 6px; + padding: 1rem; +} +.p-breadcrumb ul li .p-menuitem-link { + transition: box-shadow 0.2s; + border-radius: 6px; +} +.p-breadcrumb ul li .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { + color: #6c757d; +} +.p-breadcrumb ul li.p-breadcrumb-chevron { + margin: 0 0.5rem 0 0.5rem; + color: #495057; +} +.p-breadcrumb ul li:last-child .p-menuitem-text { + color: #495057; +} +.p-breadcrumb ul li:last-child .p-menuitem-icon { + color: #6c757d; +} + +.p-contextmenu { + padding: 0.25rem 0; + background: #ffffff; + color: #495057; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; +} +.p-contextmenu .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-contextmenu .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-contextmenu .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-contextmenu .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-contextmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #C7D2FE; +} +.p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; +} +.p-contextmenu .p-menuitem { + margin: 0; +} +.p-contextmenu .p-menuitem:last-child { + margin: 0; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #EEF2FF; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: #4338CA; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: #4338CA; +} +.p-contextmenu .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} +.p-contextmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-contextmenu .p-menuitem-badge { + background: #6366F1; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + +@media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } +} +.p-megamenu { + padding: 0.5rem; + background: #f8f9fa; + color: #495057; + border: 1px solid #dee2e6; + border-radius: 6px; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: #495057; + border-radius: 6px; + transition: box-shadow 0.2s; + user-select: none; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #6c757d; + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #C7D2FE; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: #EEF2FF; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #4338CA; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #4338CA; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #4338CA; +} +.p-megamenu .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-megamenu .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-megamenu .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-megamenu .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-megamenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #C7D2FE; +} +.p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #495057; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.p-megamenu .p-megamenu-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: #343a40; + background: #ffffff; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-megamenu .p-megamenu-submenu { + padding: 0.25rem 0; + width: 12.5rem; +} +.p-megamenu .p-megamenu-submenu .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem { + margin: 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #EEF2FF; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: #4338CA; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: #4338CA; +} +.p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem { + margin: 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem-badge { + background: #6366F1; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menu { + padding: 0.25rem 0; + background: #ffffff; + color: #495057; + border: 1px solid #dee2e6; + border-radius: 6px; + width: 12.5rem; +} +.p-menu .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menu .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-menu .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-menu .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-menu .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-menu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #C7D2FE; +} +.p-menu.p-menu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: #343a40; + background: #ffffff; + font-weight: 700; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.p-menu .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} +.p-menu .p-menuitem { + margin: 0; +} +.p-menu .p-menuitem:last-child { + margin: 0; +} +.p-menu .p-menuitem-badge { + background: #6366F1; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menubar { + padding: 0.5rem; + background: #f8f9fa; + color: #495057; + border: 1px solid #dee2e6; + border-radius: 6px; +} +.p-menubar .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menubar .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-menubar .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-menubar .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-menubar .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #C7D2FE; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: #495057; + border-radius: 6px; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #6c757d; + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #C7D2FE; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: #EEF2FF; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #4338CA; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #4338CA; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #4338CA; +} +.p-menubar .p-submenu-list { + padding: 0.25rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + width: 12.5rem; +} +.p-menubar .p-submenu-list .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} +.p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; +} +.p-menubar .p-submenu-list .p-menuitem { + margin: 0; +} +.p-menubar .p-submenu-list .p-menuitem:last-child { + margin: 0; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #EEF2FF; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: #4338CA; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: #4338CA; +} +.p-menubar .p-menuitem-badge { + background: #6366F1; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +@media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 2rem; + height: 2rem; + color: #6c757d; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #6c757d; + background: #e9ecef; + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #6c757d; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #C7D2FE; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } +} +.p-panelmenu .p-panelmenu-header > a { + padding: 1.25rem; + border: 1px solid #dee2e6; + color: #6c757d; + background: #f8f9fa; + font-weight: 700; + border-radius: 6px; + transition: box-shadow 0.2s; +} +.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; +} +.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + background: #e9ecef; + border-color: #dee2e6; + color: #343a40; +} +.p-panelmenu .p-panelmenu-header.p-highlight { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight > a { + background: #f8f9fa; + border-color: #dee2e6; + color: #343a40; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + border-color: #dee2e6; + background: #e9ecef; + color: #343a40; +} +.p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0; + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + margin-bottom: 4px; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #C7D2FE; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { + padding: 0 0 0 1rem; +} +.p-panelmenu .p-panelmenu-panel { + margin-bottom: 4px; +} +.p-panelmenu .p-menuitem-badge { + background: #6366F1; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-slidemenu { + padding: 0.25rem 0; + background: #ffffff; + color: #495057; + border: 1px solid #dee2e6; + border-radius: 6px; + width: 12.5rem; +} +.p-slidemenu .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-slidemenu .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-slidemenu .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-slidemenu .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-slidemenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #C7D2FE; +} +.p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { + background: #EEF2FF; +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { + color: #4338CA; +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { + color: #4338CA; +} +.p-slidemenu .p-slidemenu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} +.p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; +} +.p-slidemenu .p-slidemenu-backward { + padding: 0.75rem 1.25rem; + color: #495057; +} +.p-slidemenu .p-menuitem-badge { + background: #6366F1; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: box-shadow 0.2s; + border-radius: 6px; + background: #ffffff; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #495057; + border: 1px solid #e9ecef; + background: #ffffff; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: #6c757d; +} +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; +} +.p-steps .p-steps-item.p-highlight .p-steps-number { + background: #EEF2FF; + color: #4338CA; +} +.p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 700; + color: #495057; +} +.p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #dee2e6; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; +} + +.p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: 1px solid #dee2e6; + border-width: 0 0 2px 0; +} +.p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #6366F1; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #dee2e6; + border-width: 0 0 2px 0; + border-color: transparent transparent #dee2e6 transparent; + background: #ffffff; + color: #6c757d; + padding: 1.25rem; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #C7D2FE; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #adb5bd; + color: #6c757d; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #6366F1; + color: #6366F1; +} +.p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #ffffff; + color: #6366F1; + width: 3rem; + 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); + border-radius: 0; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #C7D2FE; +} + +.p-tieredmenu { + padding: 0.25rem 0; + background: #ffffff; + color: #495057; + border: 1px solid #dee2e6; + border-radius: 6px; + width: 12.5rem; +} +.p-tieredmenu .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-tieredmenu .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-tieredmenu .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-tieredmenu .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-tieredmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #C7D2FE; +} +.p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.p-tieredmenu .p-submenu-list { + padding: 0.25rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.p-tieredmenu .p-menuitem { + margin: 0; +} +.p-tieredmenu .p-menuitem:last-child { + margin: 0; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #EEF2FF; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: #4338CA; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: #4338CA; +} +.p-tieredmenu .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} +.p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-tieredmenu .p-menuitem-badge { + background: #6366F1; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-inline-message { + padding: 0.75rem 0.75rem; + margin: 0; + border-radius: 6px; +} +.p-inline-message.p-inline-message-info { + background: #e9e9ff; + border: solid #696cff; + border-width: 0px; + color: #696cff; +} +.p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #696cff; +} +.p-inline-message.p-inline-message-success { + background: #e4f8f0; + border: solid #1ea97c; + border-width: 0px; + color: #1ea97c; +} +.p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #1ea97c; +} +.p-inline-message.p-inline-message-warn { + background: #fff2e2; + border: solid #cc8925; + border-width: 0px; + color: #cc8925; +} +.p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #cc8925; +} +.p-inline-message.p-inline-message-error { + background: #ffe7e6; + border: solid #ff5757; + border-width: 0px; + color: #ff5757; +} +.p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #ff5757; +} +.p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; +} +.p-inline-message .p-inline-message-text { + font-size: 1rem; +} +.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; +} + +.p-message { + margin: 1rem 0; + border-radius: 6px; +} +.p-message .p-message-wrapper { + padding: 1.25rem 1.75rem; +} +.p-message .p-message-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-message .p-message-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; +} +.p-message.p-message-info { + background: #e9e9ff; + border: solid #696cff; + border-width: 0 0 0 6px; + color: #696cff; +} +.p-message.p-message-info .p-message-icon { + color: #696cff; +} +.p-message.p-message-info .p-message-close { + color: #696cff; +} +.p-message.p-message-success { + background: #e4f8f0; + border: solid #1ea97c; + border-width: 0 0 0 6px; + color: #1ea97c; +} +.p-message.p-message-success .p-message-icon { + color: #1ea97c; +} +.p-message.p-message-success .p-message-close { + color: #1ea97c; +} +.p-message.p-message-warn { + background: #fff2e2; + border: solid #cc8925; + border-width: 0 0 0 6px; + color: #cc8925; +} +.p-message.p-message-warn .p-message-icon { + color: #cc8925; +} +.p-message.p-message-warn .p-message-close { + color: #cc8925; +} +.p-message.p-message-error { + background: #ffe7e6; + border: solid #ff5757; + border-width: 0 0 0 6px; + color: #ff5757; +} +.p-message.p-message-error .p-message-icon { + color: #ff5757; +} +.p-message.p-message-error .p-message-close { + color: #ff5757; +} +.p-message .p-message-text { + font-size: 1rem; + font-weight: 400; +} +.p-message .p-message-icon { + font-size: 1.5rem; + margin-right: 0.5rem; +} +.p-message .p-message-summary { + font-weight: 700; +} +.p-message .p-message-detail { + margin-left: 0.5rem; +} + +.p-toast { + opacity: 0.9; +} +.p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; +} +.p-toast .p-toast-message .p-toast-message-content { + padding: 1rem; + border-width: 0 0 0 6px; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 1rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 2rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 700; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; +} +.p-toast .p-toast-message .p-toast-icon-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-toast .p-toast-message .p-toast-icon-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; +} +.p-toast .p-toast-message.p-toast-message-info { + background: #e9e9ff; + border: solid #696cff; + border-width: 0 0 0 6px; + color: #696cff; +} +.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #696cff; +} +.p-toast .p-toast-message.p-toast-message-success { + background: #e4f8f0; + border: solid #1ea97c; + border-width: 0 0 0 6px; + color: #1ea97c; +} +.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #1ea97c; +} +.p-toast .p-toast-message.p-toast-message-warn { + background: #fff2e2; + border: solid #cc8925; + border-width: 0 0 0 6px; + color: #cc8925; +} +.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #cc8925; +} +.p-toast .p-toast-message.p-toast-message-error { + background: #ffe7e6; + border: solid #ff5757; + border-width: 0 0 0 6px; + color: #ff5757; +} +.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #ff5757; +} + +.p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-item-nav { + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0 0.5rem; +} +.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f8f9fa; + padding: 1rem; +} +.p-galleria .p-galleria-indicators { + padding: 1rem; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #ced4da; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #adb5bd; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #EEF2FF; + color: #4338CA; +} +.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; +} +.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #EEF2FF; + color: #4338CA; +} +.p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f8f9fa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; +} + +.p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-preview-indicator { + background-color: transparent; + color: #f8f9fa; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} + +.p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); +} + +.p-image-toolbar { + padding: 1rem; +} + +.p-image-action.p-link { + color: #f8f9fa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-image-action.p-link:last-child { + margin-right: 0; +} +.p-image-action.p-link:hover { + color: #f8f9fa; + background-color: rgba(255, 255, 255, 0.1); +} +.p-image-action.p-link i { + font-size: 1.5rem; +} + +.p-avatar { + background-color: #dee2e6; + border-radius: 6px; +} +.p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +.p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; +} +.p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +.p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; +} + +.p-avatar-group .p-avatar { + border: 2px solid #ffffff; +} + +.p-badge { + background: #6366F1; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +.p-badge.p-badge-secondary { + background-color: #64748B; + color: #ffffff; +} +.p-badge.p-badge-success { + background-color: #22C55E; + color: #ffffff; +} +.p-badge.p-badge-info { + background-color: #3B82F6; + color: #ffffff; +} +.p-badge.p-badge-warning { + background-color: #F59E0B; + color: #ffffff; +} +.p-badge.p-badge-danger { + background-color: #EF4444; + color: #ffffff; +} +.p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +.p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} + +.p-chip { + background-color: #dee2e6; + color: #495057; + border-radius: 16px; + padding: 0 0.75rem; +} +.p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; +} +.p-chip .p-chip-icon { + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; +} +.p-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; +} + +.p-inplace .p-inplace-display { + padding: 0.75rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-inplace .p-inplace-display:not(.p-disabled):hover { + background: #e9ecef; + color: #495057; +} +.p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; +} + +.p-progressbar { + border: 0 none; + height: 1.5rem; + background: #dee2e6; + border-radius: 6px; +} +.p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #6366F1; +} +.p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.5rem; +} + +.p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-scrolltop.p-link { + background: rgba(0, 0, 0, 0.7); +} +.p-scrolltop.p-link:hover { + background: rgba(0, 0, 0, 0.8); +} +.p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #f8f9fa; +} + +.p-skeleton { + background-color: #dee2e6; + border-radius: 6px; +} +.p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); +} + +.p-tag { + background: #6366F1; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; +} +.p-tag.p-tag-success { + background-color: #22C55E; + color: #ffffff; +} +.p-tag.p-tag-info { + background-color: #3B82F6; + color: #ffffff; +} +.p-tag.p-tag-warning { + background-color: #F59E0B; + color: #ffffff; +} +.p-tag.p-tag-danger { + background-color: #EF4444; + color: #ffffff; +} +.p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +.p-terminal { + background: #ffffff; + color: #495057; + border: 1px solid #dee2e6; + padding: 1.25rem; +} +.p-terminal .p-terminal-input { + font-size: 1rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; +} + +.p-button-label { + font-weight: 700; +} + +.p-accordion .p-accordion-header .p-accordion-header-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; +} + +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-tabview .p-tabview-nav .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 2px; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); +} + +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #6366F1; +} + +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #6366F1; +} + +.p-button:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b1b3f8, 0 1px 2px 0 black; +} +.p-button.p-button-secondary:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 black; +} +.p-button.p-button-success:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 black; +} +.p-button.p-button-info:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 black; +} +.p-button.p-button-warning:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #facf85, 0 1px 2px 0 black; +} +.p-button.p-button-help:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 black; +} +.p-button.p-button-danger:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 black; +} + +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #6366F1; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #6366F1; +} diff --git a/assets/layout/styles/theme/lara-light-indigo/theme.css.br b/assets/layout/styles/theme/lara-light-indigo/theme.css.br new file mode 100644 index 0000000..1d5f2ef Binary files /dev/null and b/assets/layout/styles/theme/lara-light-indigo/theme.css.br differ diff --git a/assets/layout/styles/theme/lara-light-indigo/theme.css.gz b/assets/layout/styles/theme/lara-light-indigo/theme.css.gz new file mode 100644 index 0000000..99fefc9 Binary files /dev/null and b/assets/layout/styles/theme/lara-light-indigo/theme.css.gz differ diff --git a/assets/layout/styles/theme/lara-light-purple/theme.css b/assets/layout/styles/theme/lara-light-purple/theme.css new file mode 100644 index 0000000..50a58a9 --- /dev/null +++ b/assets/layout/styles/theme/lara-light-purple/theme.css @@ -0,0 +1,6297 @@ +:root { + --surface-a:#ffffff; + --surface-b:#f8f9fa; + --surface-c:#e9ecef; + --surface-d:#dee2e6; + --surface-e:#ffffff; + --surface-f:#ffffff; + --text-color:#495057; + --text-color-secondary:#6c757d; + --primary-color:#8B5CF6; + --primary-color-text:#ffffff; + --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --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:1.25rem; + --inline-spacing:0.5rem; + --border-radius:6px; + --surface-ground:#eff3f8; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#dfe7ef; + --surface-hover:#f6f9fc; + --focus-ring: 0 0 0 0.2rem #DDD6FE; + --maskbg: rgba(0, 0, 0, 0.4); + color-scheme: light; +} + +* { + box-sizing: border-box; +} + +.p-component { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + font-weight: normal; +} + +.p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; +} + +.p-disabled, .p-component:disabled { + opacity: 0.6; +} + +.p-error { + color: #e24c4c; +} + +.p-text-secondary { + color: #6c757d; +} + +.pi { + font-size: 1rem; +} + +.p-link { + font-size: 1rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + border-radius: 6px; +} +.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; +} + +.p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; +} + +.p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; +} + +@keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } +} +@keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } +} + +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --red-50:#fff5f5; + --red-100:#ffd0ce; + --red-200:#ffaca7; + --red-300:#ff8780; + --red-400:#ff6259; + --red-500:#ff3d32; + --red-600:#d9342b; + --red-700:#b32b23; + --red-800:#8c221c; + --red-900:#661814; + --primary-50:#f9f7ff; + --primary-100:#e3d8fd; + --primary-200:#cdb9fb; + --primary-300:#b79af9; + --primary-400:#a17bf8; + --primary-500:#8b5cf6; + --primary-600:#764ed1; + --primary-700:#6140ac; + --primary-800:#4c3387; + --primary-900:#382562; +} + +.p-autocomplete .p-autocomplete-loader { + right: 0.75rem; +} +.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.75rem; +} +.p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + border-color: #8B5CF6; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; + border-color: #8B5CF6; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.375rem 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #495057; + padding: 0; + margin: 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.375rem 0.75rem; + background: #F5F3FF; + color: #6D28D9; + border-radius: 6px; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; +} + +p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #e24c4c; +} + +.p-autocomplete-panel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.p-autocomplete-panel .p-autocomplete-items { + padding: 0.75rem 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { + color: #495057; + background: #e9ecef; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #6D28D9; + background: #F5F3FF; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.75rem 1.25rem; + color: #495057; + background: transparent; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: #343a40; + background: #ffffff; + font-weight: 700; +} + +p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; +} +p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #6c757d; + right: 0.75rem; +} + +p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #6c757d; + right: 3.75rem; +} + +p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #e24c4c; +} + +.p-datepicker { + padding: 0.5rem; + background: #ffffff; + color: #495057; + border: 1px solid #ced4da; + border-radius: 6px; +} +.p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; +} +.p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: #495057; + background: #ffffff; + font-weight: 600; + margin: 0; + border-bottom: 1px solid #dee2e6; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; +} +.p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 2rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #495057; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + font-weight: 600; + padding: 0.5rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #8B5CF6; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; +} +.p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0; +} +.p-datepicker table th { + padding: 0.5rem; +} +.p-datepicker table th > span { + width: 2.5rem; + height: 2.5rem; +} +.p-datepicker table td { + padding: 0.5rem; +} +.p-datepicker table td > span { + width: 2.5rem; + height: 2.5rem; + border-radius: 50%; + transition: box-shadow 0.2s; + border: 1px solid transparent; +} +.p-datepicker table td > span.p-highlight { + color: #6D28D9; + background: #F5F3FF; +} +.p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; +} +.p-datepicker table td.p-datepicker-today > span { + background: #ced4da; + color: #495057; + border-color: transparent; +} +.p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #6D28D9; + background: #F5F3FF; +} +.p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #dee2e6; +} +.p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; +} +.p-datepicker .p-timepicker { + border-top: 1px solid #dee2e6; + padding: 0.5rem; +} +.p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-timepicker button:enabled:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} +.p-datepicker .p-timepicker button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; +} +.p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; +} +.p-datepicker .p-timepicker span { + font-size: 1.25rem; +} +.p-datepicker .p-timepicker > div { + padding: 0 0.5rem; +} +.p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; +} +.p-datepicker .p-monthpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.5rem; + transition: box-shadow 0.2s; + border-radius: 6px; +} +.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #6D28D9; + background: #F5F3FF; +} +.p-datepicker .p-yearpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.5rem; + transition: box-shadow 0.2s; + border-radius: 6px; +} +.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #6D28D9; + background: #F5F3FF; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #dee2e6; + padding-right: 0.5rem; + padding-left: 0.5rem; + padding-top: 0; + padding-bottom: 0; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: #e9ecef; +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: #e9ecef; +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: #e9ecef; +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; +} + +p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; +} +p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #6c757d; + right: 0.75rem; +} + +p-calendar.p-calendar-clearable.p-calendar-w-btn .p-calendar-clear-icon { + color: #6c757d; + right: 3.75rem; +} + +@media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } +} +.p-cascadeselect { + background: #ffffff; + border: 1px solid #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +.p-cascadeselect:not(.p-disabled):hover { + border-color: #8B5CF6; +} +.p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; + border-color: #8B5CF6; +} +.p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; +} +.p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #6c757d; +} +.p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #6c757d; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.p-cascadeselect-panel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.75rem 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 1.25rem; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #DDD6FE; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #6D28D9; + background: #F5F3FF; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #495057; + background: #e9ecef; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; +} + +p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #e24c4c; +} + +.p-input-filled .p-cascadeselect { + background: #e9ecef; +} +.p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #e9ecef; +} +.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #ffffff; +} + +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; +} +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #6c757d; + right: 3rem; +} + +.p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; +} +.p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); +} + +.p-checkbox { + width: 22px; + height: 22px; +} +.p-checkbox .p-checkbox-box { + border: 2px solid #ced4da; + background: #ffffff; + width: 22px; + height: 22px; + color: #495057; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #ffffff; + font-size: 14px; +} +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #8B5CF6; + background: #8B5CF6; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #8B5CF6; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; + border-color: #8B5CF6; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #6D28D9; + background: #6D28D9; + color: #ffffff; +} + +p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #e24c4c; +} + +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #e9ecef; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #8B5CF6; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #e9ecef; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #6D28D9; +} + +.p-checkbox-label { + margin-left: 0.5rem; +} + +.p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; +} +.p-chips .p-chips-multiple-container:not(.p-disabled):hover { + border-color: #8B5CF6; +} +.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; + border-color: #8B5CF6; +} +.p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.375rem 0.75rem; + background: #F5F3FF; + color: #6D28D9; + border-radius: 6px; +} +.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; +} +.p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.375rem 0; +} +.p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #495057; + padding: 0; + margin: 0; +} + +p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #e24c4c; +} + +p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; +} +p-chips.p-chips-clearable .p-chips-clear-icon { + color: #6c757d; + right: 0.75rem; +} + +.p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; +} + +.p-colorpicker-panel { + background: #323232; + border: 1px solid #191919; +} +.p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; +} + +.p-colorpicker-overlay-panel { + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} + +.p-dropdown { + background: #ffffff; + border: 1px solid #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +.p-dropdown:not(.p-disabled):hover { + border-color: #8B5CF6; +} +.p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; + border-color: #8B5CF6; +} +.p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; +} +.p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; +} +.p-dropdown .p-dropdown-label.p-placeholder { + color: #6c757d; +} +.p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-dropdown .p-dropdown-trigger { + background: transparent; + color: #6c757d; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +.p-dropdown .p-dropdown-clear-icon { + color: #6c757d; + right: 3rem; +} + +.p-dropdown-panel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.p-dropdown-panel .p-dropdown-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #dee2e6; + color: #343a40; + background: #f8f9fa; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #6c757d; +} +.p-dropdown-panel .p-dropdown-items { + padding: 0.75rem 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #6D28D9; + background: #F5F3FF; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #495057; + background: #e9ecef; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 1.25rem; + color: #495057; + background: transparent; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: #343a40; + background: #ffffff; + font-weight: 700; +} + +p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #e24c4c; +} + +.p-input-filled .p-dropdown { + background: #e9ecef; +} +.p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #e9ecef; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #ffffff; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; +} + +.p-editor-container .p-editor-toolbar { + background: #f8f9fa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #dee2e6; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #6c757d; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #6c757d; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #6c757d; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.75rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #495057; + background: #e9ecef; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 1.25rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #dee2e6; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #495057; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #495057; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #495057; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #495057; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #8B5CF6; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #8B5CF6; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #8B5CF6; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #8B5CF6; +} + +.p-inputgroup-addon { + background: #e9ecef; + color: #6c757d; + border-top: 1px solid #ced4da; + border-left: 1px solid #ced4da; + border-bottom: 1px solid #ced4da; + padding: 0.75rem 0.75rem; + min-width: 3rem; +} +.p-inputgroup-addon:last-child { + border-right: 1px solid #ced4da; +} + +.p-inputgroup > .p-component, +.p-inputgroup > .p-element, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; +} +.p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-element + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; +} +.p-inputgroup > .p-component:focus, +.p-inputgroup > .p-element:focus, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; +} +.p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-element:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; +} + +.p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.p-fluid .p-inputgroup .p-button { + width: auto; +} +.p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 3rem; +} + +p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #e24c4c; +} + +p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; +} +p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #6c757d; + right: 0.75rem; +} + +p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #e24c4c; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #6c757d; + right: 0.75rem; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.75rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.75rem; +} + +.p-inputswitch { + width: 3rem; + height: 1.75rem; +} +.p-inputswitch .p-inputswitch-slider { + background: #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; +} +.p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition-duration: 0.2s; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1.25rem); +} +.p-inputswitch.p-focus .p-inputswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; +} +.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #b6bfc8; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #8B5CF6; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; +} +.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #7C3AED; +} + +p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + border-color: #e24c4c; +} + +.p-inputtext { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #495057; + background: #ffffff; + padding: 0.75rem 0.75rem; + border: 1px solid #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + appearance: none; + border-radius: 6px; +} +.p-inputtext:enabled:hover { + border-color: #8B5CF6; +} +.p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; + border-color: #8B5CF6; +} +.p-inputtext.ng-dirty.ng-invalid { + border-color: #e24c4c; +} +.p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; +} +.p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; +} + +.p-float-label > label { + left: 0.75rem; + color: #6c757d; + transition-duration: 0.2s; +} + +.p-float-label > .ng-invalid.ng-dirty + label { + color: #e24c4c; +} + +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #6c757d; +} + +.p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; +} + +.p-input-icon-left.p-float-label > label { + left: 2.5rem; +} + +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #6c757d; +} + +.p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; +} + +::-webkit-input-placeholder { + color: #6c757d; +} + +:-moz-placeholder { + color: #6c757d; +} + +::-moz-placeholder { + color: #6c757d; +} + +:-ms-input-placeholder { + color: #6c757d; +} + +.p-input-filled .p-inputtext { + background-color: #e9ecef; +} +.p-input-filled .p-inputtext:enabled:hover { + background-color: #e9ecef; +} +.p-input-filled .p-inputtext:enabled:focus { + background-color: #ffffff; +} + +.p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; +} + +.p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; +} + +.p-listbox { + background: #ffffff; + color: #495057; + border: 1px solid #ced4da; + border-radius: 6px; +} +.p-listbox .p-listbox-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #dee2e6; + color: #343a40; + background: #f8f9fa; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; +} +.p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #6c757d; +} +.p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list { + padding: 0.75rem 0; +} +.p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #495057; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #6D28D9; + background: #F5F3FF; +} +.p-listbox .p-listbox-list .p-listbox-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #DDD6FE; +} +.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: #343a40; + background: #ffffff; + font-weight: 700; +} +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.75rem 1.25rem; + color: #495057; + background: transparent; +} +.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #495057; + background: #e9ecef; +} + +p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #e24c4c; +} + +.p-multiselect { + background: #ffffff; + border: 1px solid #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +.p-multiselect:not(.p-disabled):hover { + border-color: #8B5CF6; +} +.p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; + border-color: #8B5CF6; +} +.p-multiselect .p-multiselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-multiselect .p-multiselect-label.p-placeholder { + color: #6c757d; +} +.p-multiselect.p-multiselect-chip .p-multiselect-label { + gap: 0.5rem; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.375rem 0.75rem; + background: #F5F3FF; + color: #6D28D9; + border-radius: 6px; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; +} +.p-multiselect .p-multiselect-trigger { + background: transparent; + color: #6c757d; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.375rem 0.75rem; +} + +.p-multiselect-panel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.p-multiselect-panel .p-multiselect-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #dee2e6; + color: #343a40; + background: #f8f9fa; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #6c757d; +} +.p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; +} +.p-multiselect-panel .p-multiselect-items { + padding: 0.75rem 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #6D28D9; + background: #F5F3FF; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #495057; + background: #e9ecef; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #DDD6FE; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: #343a40; + background: #ffffff; + font-weight: 700; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.75rem 1.25rem; + color: #495057; + background: transparent; +} + +p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #e24c4c; +} + +.p-input-filled .p-multiselect { + background: #e9ecef; +} +.p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #e9ecef; +} +.p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #ffffff; +} + +p-multiselect.p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; +} +p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { + color: #6c757d; + right: 3rem; +} + +p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #e24c4c; +} + +.p-password-panel { + padding: 1.25rem; + background: #ffffff; + color: #495057; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; +} +.p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #dee2e6; +} +.p-password-panel .p-password-meter .p-password-strength.weak { + background: #ea5455; +} +.p-password-panel .p-password-meter .p-password-strength.medium { + background: #ff9f42; +} +.p-password-panel .p-password-meter .p-password-strength.strong { + background: #29c76f; +} + +p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; +} +p-password.p-password-clearable .p-password-clear-icon { + color: #6c757d; + right: 0.75rem; +} + +p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; +} +p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #6c757d; + right: 2.5rem; +} + +.p-radiobutton { + width: 22px; + height: 22px; +} +.p-radiobutton .p-radiobutton-box { + border: 2px solid #ced4da; + background: #ffffff; + width: 22px; + height: 22px; + color: #495057; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #8B5CF6; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; + border-color: #8B5CF6; +} +.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 12px; + height: 12px; + transition-duration: 0.2s; + background-color: #ffffff; +} +.p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #8B5CF6; + background: #8B5CF6; +} +.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #6D28D9; + background: #6D28D9; + color: #ffffff; +} + +p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #e24c4c; +} + +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #e9ecef; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #e9ecef; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #8B5CF6; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #6D28D9; +} + +.p-radiobutton-label { + margin-left: 0.5rem; +} + +.p-rating .p-rating-icon { + color: #495057; + margin-left: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + font-size: 1.143rem; +} +.p-rating .p-rating-icon.p-rating-cancel { + color: #ea5455; +} +.p-rating .p-rating-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; +} +.p-rating .p-rating-icon:first-child { + margin-left: 0; +} +.p-rating .p-rating-icon.pi-star-fill { + color: #8B5CF6; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + color: #8B5CF6; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + color: #e73d3e; +} + +.p-selectbutton .p-button { + background: #ffffff; + border: 1px solid #ced4da; + color: #495057; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #6c757d; +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #e9ecef; + border-color: #ced4da; + color: #495057; +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #343a40; +} +.p-selectbutton .p-button.p-highlight { + background: #8B5CF6; + border-color: #8B5CF6; + color: #ffffff; +} +.p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #ffffff; +} +.p-selectbutton .p-button.p-highlight:hover { + background: #7C3AED; + border-color: #7C3AED; + color: #ffffff; +} +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; +} + +p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #e24c4c; +} + +.p-slider { + background: #dee2e6; + border: 0 none; + border-radius: 6px; +} +.p-slider.p-slider-horizontal { + height: 0.286rem; +} +.p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -0.5715rem; + margin-left: -0.5715rem; +} +.p-slider.p-slider-vertical { + width: 0.286rem; +} +.p-slider.p-slider-vertical .p-slider-handle { + margin-left: -0.5715rem; + margin-bottom: -0.5715rem; +} +.p-slider .p-slider-handle { + height: 1.143rem; + width: 1.143rem; + background: #ffffff; + border: 2px solid #8B5CF6; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; +} +.p-slider .p-slider-range { + background: #8B5CF6; +} +.p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #8B5CF6; + border-color: #8B5CF6; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; +} + +.p-togglebutton.p-button { + background: #ffffff; + border: 1px solid #ced4da; + color: #495057; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #6c757d; +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #e9ecef; + border-color: #ced4da; + color: #495057; +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #343a40; +} +.p-togglebutton.p-button.p-highlight { + background: #8B5CF6; + border-color: #8B5CF6; + color: #ffffff; +} +.p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #ffffff; +} +.p-togglebutton.p-button.p-highlight:hover { + background: #7C3AED; + border-color: #7C3AED; + color: #ffffff; +} +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; +} + +p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #e24c4c; +} + +.p-treeselect { + background: #ffffff; + border: 1px solid #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +.p-treeselect:not(.p-disabled):hover { + border-color: #8B5CF6; +} +.p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; + border-color: #8B5CF6; +} +.p-treeselect .p-treeselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-treeselect .p-treeselect-label.p-placeholder { + color: #6c757d; +} +.p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #dee2e6; + color: #495057; + border-radius: 16px; +} +.p-treeselect .p-treeselect-trigger { + background: transparent; + color: #6c757d; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #e24c4c; +} + +.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.375rem 0.75rem; +} + +.p-treeselect-panel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.p-treeselect-panel .p-treeselect-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #dee2e6; + color: #343a40; + background: #f8f9fa; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #6c757d; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.75rem 1.25rem; + color: #495057; + background: transparent; +} + +.p-input-filled .p-treeselect { + background: #e9ecef; +} +.p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #e9ecef; +} +.p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #ffffff; +} + +p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; +} +p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #6c757d; + right: 3rem; +} + +.p-button { + color: #ffffff; + background: #8B5CF6; + border: 1px solid #8B5CF6; + padding: 0.75rem 1.25rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +.p-button:enabled:hover { + background: #7C3AED; + color: #ffffff; + border-color: #7C3AED; +} +.p-button:enabled:active { + background: #6D28D9; + color: #ffffff; + border-color: #6D28D9; +} +.p-button.p-button-outlined { + background-color: transparent; + color: #8B5CF6; + border: 1px solid; +} +.p-button.p-button-outlined:enabled:hover { + background: rgba(139, 92, 246, 0.04); + color: #8B5CF6; + border: 1px solid; +} +.p-button.p-button-outlined:enabled:active { + background: rgba(139, 92, 246, 0.16); + color: #8B5CF6; + border: 1px solid; +} +.p-button.p-button-outlined.p-button-plain { + color: #6c757d; + border-color: #6c757d; +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: #e9ecef; + color: #6c757d; +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: #dee2e6; + color: #6c757d; +} +.p-button.p-button-text { + background-color: transparent; + color: #8B5CF6; + border-color: transparent; +} +.p-button.p-button-text:enabled:hover { + background: rgba(139, 92, 246, 0.04); + color: #8B5CF6; + border-color: transparent; +} +.p-button.p-button-text:enabled:active { + background: rgba(139, 92, 246, 0.16); + color: #8B5CF6; + border-color: transparent; +} +.p-button.p-button-text.p-button-plain { + color: #6c757d; +} +.p-button.p-button-text.p-button-plain:enabled:hover { + background: #e9ecef; + color: #6c757d; +} +.p-button.p-button-text.p-button-plain:enabled:active { + background: #dee2e6; + color: #6c757d; +} +.p-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; +} +.p-button .p-button-label { + transition-duration: 0.2s; +} +.p-button .p-button-icon-left { + margin-right: 0.5rem; +} +.p-button .p-button-icon-right { + margin-left: 0.5rem; +} +.p-button .p-button-icon-bottom { + margin-top: 0.5rem; +} +.p-button .p-button-icon-top { + margin-bottom: 0.5rem; +} +.p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #8B5CF6; + background-color: #ffffff; +} +.p-button.p-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); +} +.p-button.p-button-rounded { + border-radius: 2rem; +} +.p-button.p-button-icon-only { + width: 3rem; + padding: 0.75rem 0; +} +.p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; +} +.p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 3rem; +} +.p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.65625rem 1.09375rem; +} +.p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; +} +.p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.9375rem 1.5625rem; +} +.p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; +} +.p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; +} +.p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; +} + +.p-fluid .p-button { + width: 100%; +} +.p-fluid .p-button-icon-only { + width: 3rem; +} +.p-fluid .p-buttonset { + display: flex; +} +.p-fluid .p-buttonset .p-button { + flex: 1; +} + +.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + color: #ffffff; + background: #64748B; + border: 1px solid #64748B; +} +.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + background: #475569; + color: #ffffff; + border-color: #475569; +} +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #E2E8F0; +} +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: #334155; + color: #ffffff; + border-color: #334155; +} +.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + background-color: transparent; + color: #64748B; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + background: rgba(100, 116, 139, 0.04); + color: #64748B; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(100, 116, 139, 0.16); + color: #64748B; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + background-color: transparent; + color: #64748B; + border-color: transparent; +} +.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + background: rgba(100, 116, 139, 0.04); + border-color: transparent; + color: #64748B; +} +.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + background: rgba(100, 116, 139, 0.16); + border-color: transparent; + color: #64748B; +} + +.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #3B82F6; + border: 1px solid #3B82F6; +} +.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + background: #2563EB; + color: #ffffff; + border-color: #2563EB; +} +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #BFDBFE; +} +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: #1D4ED8; + color: #ffffff; + border-color: #1D4ED8; +} +.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + background-color: transparent; + color: #3B82F6; + border: 1px solid; +} +.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + background: rgba(59, 130, 246, 0.04); + color: #3B82F6; + border: 1px solid; +} +.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(59, 130, 246, 0.16); + color: #3B82F6; + border: 1px solid; +} +.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + background-color: transparent; + color: #3B82F6; + border-color: transparent; +} +.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + background: rgba(59, 130, 246, 0.04); + border-color: transparent; + color: #3B82F6; +} +.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + background: rgba(59, 130, 246, 0.16); + border-color: transparent; + color: #3B82F6; +} + +.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #22C55E; + border: 1px solid #22C55E; +} +.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + background: #16A34A; + color: #ffffff; + border-color: #16A34A; +} +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #BBF7D0; +} +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: #15803D; + color: #ffffff; + border-color: #15803D; +} +.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + background-color: transparent; + color: #22C55E; + border: 1px solid; +} +.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + background: rgba(34, 197, 94, 0.04); + color: #22C55E; + border: 1px solid; +} +.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(34, 197, 94, 0.16); + color: #22C55E; + border: 1px solid; +} +.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + background-color: transparent; + color: #22C55E; + border-color: transparent; +} +.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22C55E; +} +.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22C55E; +} + +.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #ffffff; + background: #F59E0B; + border: 1px solid #F59E0B; +} +.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + background: #D97706; + color: #ffffff; + border-color: #D97706; +} +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #FDE68A; +} +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: #B45309; + color: #ffffff; + border-color: #B45309; +} +.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + background-color: transparent; + color: #F59E0B; + border: 1px solid; +} +.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + background: rgba(245, 158, 11, 0.04); + color: #F59E0B; + border: 1px solid; +} +.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(245, 158, 11, 0.16); + color: #F59E0B; + border: 1px solid; +} +.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + background-color: transparent; + color: #F59E0B; + border-color: transparent; +} +.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + background: rgba(245, 158, 11, 0.04); + border-color: transparent; + color: #F59E0B; +} +.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + background: rgba(245, 158, 11, 0.16); + border-color: transparent; + color: #F59E0B; +} + +.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #A855F7; + border: 1px solid #A855F7; +} +.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + background: #9333EA; + color: #ffffff; + border-color: #9333EA; +} +.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #E9D5FF; +} +.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: #7E22CE; + color: #ffffff; + border-color: #7E22CE; +} +.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + background-color: transparent; + color: #A855F7; + border: 1px solid; +} +.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + background: rgba(168, 85, 247, 0.04); + color: #A855F7; + border: 1px solid; +} +.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(168, 85, 247, 0.16); + color: #A855F7; + border: 1px solid; +} +.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + background-color: transparent; + color: #A855F7; + border-color: transparent; +} +.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #A855F7; +} +.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #A855F7; +} + +.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #EF4444; + border: 1px solid #EF4444; +} +.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + background: #DC2626; + color: #ffffff; + border-color: #DC2626; +} +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #FECACA; +} +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: #B91C1C; + color: #ffffff; + border-color: #B91C1C; +} +.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + background-color: transparent; + color: #EF4444; + border: 1px solid; +} +.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + background: rgba(239, 68, 68, 0.04); + color: #EF4444; + border: 1px solid; +} +.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(239, 68, 68, 0.16); + color: #EF4444; + border: 1px solid; +} +.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + background-color: transparent; + color: #EF4444; + border-color: transparent; +} +.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #EF4444; +} +.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #EF4444; +} + +.p-button.p-button-link { + color: #6D28D9; + background: transparent; + border: transparent; +} +.p-button.p-button-link:enabled:hover { + background: transparent; + color: #6D28D9; + border-color: transparent; +} +.p-button.p-button-link:enabled:hover .p-button-label { + text-decoration: underline; +} +.p-button.p-button-link:enabled:focus { + background: transparent; + box-shadow: 0 0 0 0.2rem #DDD6FE; + border-color: transparent; +} +.p-button.p-button-link:enabled:active { + background: transparent; + color: #6D28D9; + border-color: transparent; +} + +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: #495057; + color: #fff; +} +.p-speeddial-action:hover { + background: #022354; + color: #fff; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +.p-splitbutton { + border-radius: 6px; +} +.p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #8B5CF6; + border: 1px solid; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(139, 92, 246, 0.04); + color: #8B5CF6; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(139, 92, 246, 0.16); + color: #8B5CF6; +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: #6c757d; + border-color: #6c757d; +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: #e9ecef; + color: #6c757d; +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: #dee2e6; + color: #6c757d; +} +.p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #8B5CF6; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(139, 92, 246, 0.04); + color: #8B5CF6; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(139, 92, 246, 0.16); + color: #8B5CF6; + border-color: transparent; +} +.p-splitbutton.p-button-text.p-button-plain > .p-button { + color: #6c757d; +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: #e9ecef; + color: #6c757d; +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: #dee2e6; + color: #6c757d; +} +.p-splitbutton.p-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); +} +.p-splitbutton.p-button-rounded { + border-radius: 2rem; +} +.p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; +} +.p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.65625rem 1.09375rem; +} +.p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; +} +.p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.9375rem 1.5625rem; +} +.p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; +} + +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #64748B; + border: 1px solid; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(100, 116, 139, 0.04); + color: #64748B; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(100, 116, 139, 0.16); + color: #64748B; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #64748B; + border-color: transparent; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(100, 116, 139, 0.04); + border-color: transparent; + color: #64748B; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(100, 116, 139, 0.16); + border-color: transparent; + color: #64748B; +} + +.p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #3B82F6; + border: 1px solid; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(59, 130, 246, 0.04); + color: #3B82F6; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(59, 130, 246, 0.16); + color: #3B82F6; +} +.p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #3B82F6; + border-color: transparent; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(59, 130, 246, 0.04); + border-color: transparent; + color: #3B82F6; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(59, 130, 246, 0.16); + border-color: transparent; + color: #3B82F6; +} + +.p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #22C55E; + border: 1px solid; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(34, 197, 94, 0.04); + color: #22C55E; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(34, 197, 94, 0.16); + color: #22C55E; +} +.p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #22C55E; + border-color: transparent; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22C55E; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22C55E; +} + +.p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #F59E0B; + border: 1px solid; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(245, 158, 11, 0.04); + color: #F59E0B; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(245, 158, 11, 0.16); + color: #F59E0B; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #F59E0B; + border-color: transparent; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(245, 158, 11, 0.04); + border-color: transparent; + color: #F59E0B; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(245, 158, 11, 0.16); + border-color: transparent; + color: #F59E0B; +} + +.p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #A855F7; + border: 1px solid; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(168, 85, 247, 0.04); + color: #A855F7; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(168, 85, 247, 0.16); + color: #A855F7; +} +.p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #A855F7; + border-color: transparent; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #A855F7; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #A855F7; +} + +.p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #EF4444; + border: 1px solid; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(239, 68, 68, 0.04); + color: #EF4444; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(239, 68, 68, 0.16); + color: #EF4444; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #EF4444; + border-color: transparent; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #EF4444; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #EF4444; +} + +.p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; +} +.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} +.p-carousel .p-carousel-content .p-carousel-prev:focus, +.p-carousel .p-carousel-content .p-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; +} +.p-carousel .p-carousel-indicators { + padding: 1rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #ced4da; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #adb5bd; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #F5F3FF; + color: #6D28D9; +} + +.p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-datatable .p-datatable-header { + background: #f8f9fa; + color: #343a40; + border: 1px solid #dee2e6; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; +} +.p-datatable .p-datatable-footer { + background: #f8f9fa; + color: #343a40; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; +} +.p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; + font-weight: 700; + color: #343a40; + background: #f8f9fa; + transition: box-shadow 0.2s; +} +.p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; + font-weight: 700; + color: #343a40; + background: #f8f9fa; +} +.p-datatable .p-sortable-column .p-sortable-column-icon { + color: #343a40; + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #6D28D9; + background: #F5F3FF; + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #e9ecef; + color: #343a40; +} +.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #343a40; +} +.p-datatable .p-sortable-column.p-highlight { + background: #F5F3FF; + color: #6D28D9; +} +.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #6D28D9; +} +.p-datatable .p-sortable-column.p-highlight:hover { + background: #F5F3FF; + color: #6D28D9; +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #6D28D9; +} +.p-datatable .p-sortable-column:focus { + box-shadow: inset 0 0 0 0.15rem #DDD6FE; + outline: 0 none; +} +.p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #495057; + transition: box-shadow 0.2s; +} +.p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; + padding: 1rem 1rem; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; +} +.p-datatable .p-datatable-tbody > tr:focus { + outline: 0.15rem solid #DDD6FE; + outline-offset: 0.15rem; +} +.p-datatable .p-datatable-tbody > tr.p-highlight { + background: #F5F3FF; + color: #6D28D9; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #F5F3FF; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #F5F3FF; +} +.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-datatable .p-column-resizer-helper { + background: #8B5CF6; +} +.p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #f8f9fa; +} +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #f8f9fa; +} +.p-datatable .p-datatable-loading-icon { + font-size: 2rem; +} +.p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #fcfcfc; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #F5F3FF; + color: #6D28D9; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #6D28D9; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #6D28D9; +} +.p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; +} + +.p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-dataview .p-dataview-header { + background: #f8f9fa; + color: #343a40; + border: 1px solid #dee2e6; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; +} +.p-dataview .p-dataview-content { + background: #ffffff; + color: #495057; + border: 0 none; + padding: 0; +} +.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { + border: solid #dee2e6; + border-width: 0 0 1px 0; +} +.p-dataview .p-dataview-footer { + background: #f8f9fa; + color: #343a40; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +.p-dataview .p-dataview-loading-icon { + font-size: 2rem; +} +.p-dataview .p-dataview-emptymessage { + padding: 1.25rem; +} + +.p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; +} + +.p-column-filter-menu-button { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-menu-button:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} +.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: #e9ecef; + color: #343a40; +} +.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #F5F3FF; + color: #6D28D9; +} +.p-column-filter-menu-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; +} + +.p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-clear-button:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} +.p-column-filter-clear-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; +} + +.p-column-filter-overlay { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + min-width: 12.5rem; +} +.p-column-filter-overlay .p-column-filter-row-items { + padding: 0.75rem 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #6D28D9; + background: #F5F3FF; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #495057; + background: #e9ecef; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #DDD6FE; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} + +.p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #dee2e6; + color: #343a40; + background: #f8f9fa; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1.25rem; + border-bottom: 1px solid #dee2e6; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; +} +.p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.75rem 1.25rem; +} +.p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1.25rem; +} + +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { + background: #f8f9fa; + border: 1px solid #dee2e6; + color: #343a40; +} +.fc.fc-unthemed .fc-view-container td.fc-widget-content { + background: #ffffff; + border: 1px solid #dee2e6; + color: #495057; +} +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #dee2e6; +} +.fc.fc-unthemed .fc-view-container .fc-row { + border-right: 1px solid #dee2e6; +} +.fc.fc-unthemed .fc-view-container .fc-event { + background: #7C3AED; + border: 1px solid #7C3AED; + color: #ffffff; +} +.fc.fc-unthemed .fc-view-container .fc-divider { + background: #f8f9fa; + border: 1px solid #dee2e6; +} +.fc.fc-unthemed .fc-toolbar .fc-button { + color: #ffffff; + background: #8B5CF6; + border: 1px solid #8B5CF6; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + display: flex; + align-items: center; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { + background: #7C3AED; + color: #ffffff; + border-color: #7C3AED; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { + background: #6D28D9; + color: #ffffff; + border-color: #6D28D9; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-unthemed .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #ffffff; + border: 1px solid #ced4da; + color: #495057; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #e9ecef; + border-color: #ced4da; + color: #495057; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #8B5CF6; + border-color: #8B5CF6; + color: #ffffff; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #7C3AED; + border-color: #7C3AED; + color: #ffffff; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; + z-index: 1; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #dee2e6; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #f8f9fa; + border-color: #dee2e6; + color: #343a40; +} +.fc.fc-theme-standard .fc-view-harness td { + color: #495057; + border-color: #dee2e6; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover { + background: none; + border: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { + border: 1px solid #dee2e6; + padding: 1.25rem; + background: #f8f9fa; + color: #343a40; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { + opacity: 1; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; + font-family: "PrimeIcons" !important; + font-size: 1rem; + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { + content: "\e90b"; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { + padding: 1.25rem; + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + border-top: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #ffffff; + background: #7C3AED; + border-color: #7C3AED; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: #7C3AED; + border-color: #7C3AED; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: #e9ecef; + color: #495057; +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #f8f9fa; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #ffffff; + background: #8B5CF6; + border: 1px solid #8B5CF6; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: #7C3AED; + color: #ffffff; + border-color: #7C3AED; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: #6D28D9; + color: #ffffff; + border-color: #6D28D9; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.6; + color: #ffffff; + background: #8B5CF6; + border: 1px solid #8B5CF6; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #ffffff; + border: 1px solid #ced4da; + color: #495057; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #e9ecef; + border-color: #ced4da; + color: #495057; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #8B5CF6; + border-color: #8B5CF6; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #7C3AED; + border-color: #7C3AED; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +.fc.fc-theme-standard a { + color: #495057; +} +.fc.fc-theme-standard .fc-highlight { + color: #6D28D9; + background: #F5F3FF; +} + +.p-orderlist .p-orderlist-controls { + padding: 1.25rem; +} +.p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; +} +.p-orderlist .p-orderlist-header { + background: #f8f9fa; + color: #343a40; + border: 1px solid #dee2e6; + padding: 1.25rem; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 700; +} +.p-orderlist .p-orderlist-filter-container { + padding: 1.25rem; + background: #ffffff; + border: 1px solid #dee2e6; + border-bottom: 0 none; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #6c757d; +} +.p-orderlist .p-orderlist-list { + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + padding: 0.75rem 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; +} +.p-orderlist .p-orderlist-list .p-orderlist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #DDD6FE; +} +.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #6D28D9; + background: #F5F3FF; +} +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.75rem 1.25rem; + color: #495057; +} +.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #fcfcfc; +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: #e9ecef; +} + +.p-orderlist-item.cdk-drag-preview { + padding: 0.75rem 1.25rem; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border: 0 none; + color: #495057; + background: #ffffff; + margin: 0; +} + +.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #F5F3FF; + color: #6D28D9; +} +.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #8b74ff; +} +.p-organizationchart .p-organizationchart-line-down { + background: #dee2e6; +} +.p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #dee2e6; + border-color: #dee2e6; +} +.p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #dee2e6; + border-color: #dee2e6; +} +.p-organizationchart .p-organizationchart-node-content { + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + padding: 1.25rem; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; +} + +.p-paginator { + background: #ffffff; + color: #6c757d; + border: solid #e9ecef; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 6px; +} +.p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: #6c757d; + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 50%; +} +.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: #e9ecef; + border-color: transparent; + color: #343a40; +} +.p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; +} +.p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 3rem; +} +.p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; +} +.p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; +} +.p-paginator .p-paginator-page-input .p-inputtext { + max-width: 3rem; +} +.p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #6c757d; + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + padding: 0 0.5rem; +} +.p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #6c757d; + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 50%; +} +.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #F5F3FF; + border-color: #F5F3FF; + color: #6D28D9; +} +.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #e9ecef; + border-color: transparent; + color: #343a40; +} + +.p-picklist .p-picklist-buttons { + padding: 1.25rem; +} +.p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; +} +.p-picklist .p-picklist-header { + background: #f8f9fa; + color: #343a40; + border: 1px solid #dee2e6; + padding: 1.25rem; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-picklist .p-picklist-header .p-picklist-title { + font-weight: 700; +} +.p-picklist .p-picklist-filter-container { + padding: 1.25rem; + background: #ffffff; + border: 1px solid #dee2e6; + border-bottom: 0 none; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #6c757d; +} +.p-picklist .p-picklist-list { + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + padding: 0.75rem 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-picklist .p-picklist-list .p-picklist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; +} +.p-picklist .p-picklist-list .p-picklist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #DDD6FE; +} +.p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #6D28D9; + background: #F5F3FF; +} +.p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.75rem 1.25rem; + color: #495057; +} +.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #fcfcfc; +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: #e9ecef; +} + +.p-picklist-item.cdk-drag-preview { + padding: 0.75rem 1.25rem; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border: 0 none; + color: #495057; + background: #ffffff; + margin: 0; +} + +.p-timeline .p-timeline-event-marker { + border: 2px solid #8B5CF6; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #ffffff; +} +.p-timeline .p-timeline-event-connector { + background-color: #dee2e6; +} +.p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; +} +.p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; +} + +.p-tree { + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + padding: 1.25rem; + border-radius: 6px; +} +.p-tree .p-tree-container .p-treenode { + padding: 0.143rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: box-shadow 0.2s; + padding: 0.5rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #6c757d; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #495057; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #DDD6FE; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #F5F3FF; + color: #6D28D9; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #6D28D9; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #6D28D9; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #e9ecef; + color: #495057; +} +.p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; +} +.p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; +} +.p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #6c757d; +} +.p-tree .p-treenode-children { + padding: 0 0 0 1rem; +} +.p-tree .p-tree-loading-icon { + font-size: 2rem; +} +.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: #a28fff; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #dee2e6; + background-color: #ffffff; + color: #495057; + padding: 0.5rem; + transition: box-shadow 0.2s; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #F5F3FF; + color: #6D28D9; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #6D28D9; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; +} + +.p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-treetable .p-treetable-header { + background: #f8f9fa; + color: #343a40; + border: 1px solid #dee2e6; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; +} +.p-treetable .p-treetable-footer { + background: #f8f9fa; + color: #343a40; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; +} +.p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; + font-weight: 700; + color: #343a40; + background: #f8f9fa; + transition: box-shadow 0.2s; +} +.p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; + font-weight: 700; + color: #343a40; + background: #f8f9fa; +} +.p-treetable .p-sortable-column { + outline-color: #DDD6FE; +} +.p-treetable .p-sortable-column .p-sortable-column-icon { + color: #343a40; + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #6D28D9; + background: #F5F3FF; + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #e9ecef; + color: #343a40; +} +.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #343a40; +} +.p-treetable .p-sortable-column.p-highlight { + background: #F5F3FF; + color: #6D28D9; +} +.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #6D28D9; +} +.p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #495057; + transition: box-shadow 0.2s; +} +.p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; + padding: 1rem 1rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #495057; +} +.p-treetable .p-treetable-tbody > tr:focus { + outline: 0.15rem solid #DDD6FE; + outline-offset: -0.15rem; +} +.p-treetable .p-treetable-tbody > tr.p-highlight { + background: #F5F3FF; + color: #6D28D9; +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #6D28D9; +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #6D28D9; +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #495057; +} +.p-treetable .p-column-resizer-helper { + background: #8B5CF6; +} +.p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #f8f9fa; +} +.p-treetable .p-treetable-loading-icon { + font-size: 2rem; +} +.p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.875rem 0.875rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 1.25rem 1.25rem; +} + +.p-virtualscroller .p-virtualscroller-header { + background: #f8f9fa; + color: #343a40; + border: 1px solid #dee2e6; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; +} +.p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #495057; + border: 0 none; + padding: 0; +} +.p-virtualscroller .p-virtualscroller-footer { + background: #f8f9fa; + color: #343a40; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.25rem; + border: 1px solid #dee2e6; + color: #6c757d; + background: #f8f9fa; + font-weight: 700; + border-radius: 6px; + transition: box-shadow 0.2s; +} +.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; +} +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; +} +.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #e9ecef; + border-color: #dee2e6; + color: #343a40; +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #f8f9fa; + border-color: #dee2e6; + color: #343a40; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #dee2e6; + background: #e9ecef; + color: #343a40; +} +.p-accordion .p-accordion-content { + padding: 1.25rem; + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 4px; +} + +.p-card { + background: #ffffff; + color: #495057; + 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: 6px; +} +.p-card .p-card-body { + padding: 1.25rem; +} +.p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +.p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #6c757d; +} +.p-card .p-card-content { + padding: 1.25rem 0; +} +.p-card .p-card-footer { + padding: 1.25rem 0 0 0; +} + +.p-divider .p-divider-content { + background-color: #ffffff; +} +.p-divider.p-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; +} +.p-divider.p-divider-horizontal:before { + border-top: 1px #dee2e6; +} +.p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; +} +.p-divider.p-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; +} +.p-divider.p-divider-vertical:before { + border-left: 1px #dee2e6; +} +.p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; +} + +.p-fieldset { + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + border-radius: 6px; +} +.p-fieldset .p-fieldset-legend { + padding: 1.25rem; + border: 1px solid #dee2e6; + color: #343a40; + background: #f8f9fa; + font-weight: 700; + border-radius: 6px; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.25rem; + color: #343a40; + border-radius: 6px; + transition: box-shadow 0.2s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #e9ecef; + border-color: #dee2e6; + color: #343a40; +} +.p-fieldset .p-fieldset-content { + padding: 1.25rem; +} + +.p-panel .p-panel-header { + border: 1px solid #dee2e6; + padding: 1.25rem; + background: #f8f9fa; + color: #343a40; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-panel .p-panel-header .p-panel-title { + font-weight: 700; +} +.p-panel .p-panel-header .p-panel-header-icon { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} +.p-panel .p-panel-header .p-panel-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; +} +.p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.25rem; +} +.p-panel .p-panel-content { + padding: 1.25rem; + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + border-top: 0 none; +} +.p-panel .p-panel-footer { + padding: 0.75rem 1.25rem; + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + border-top: 0 none; +} +.p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; +} +.p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; +} +.p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; +} + +.p-scrollpanel .p-scrollpanel-bar { + background: #f8f9fa; + border: 0 none; +} + +.p-splitter { + border: 1px solid #dee2e6; + background: #ffffff; + border-radius: 6px; + color: #495057; +} +.p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: #f8f9fa; +} +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #dee2e6; +} +.p-splitter .p-splitter-gutter-resizing { + background: #dee2e6; +} + +.p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #dee2e6; + border-width: 0 0 2px 0; +} +.p-tabview .p-tabview-nav li { + margin-right: 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #dee2e6; + border-width: 0 0 2px 0; + border-color: transparent transparent #dee2e6 transparent; + background: #ffffff; + color: #6c757d; + padding: 1.25rem; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #DDD6FE; +} +.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #adb5bd; + color: #6c757d; +} +.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #8B5CF6; + color: #8B5CF6; +} +.p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; +} +.p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-close { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #8B5CF6; + width: 3rem; + 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); + border-radius: 0; +} +.p-tabview .p-tabview-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #DDD6FE; +} +.p-tabview .p-tabview-panels { + background: #ffffff; + padding: 1.25rem; + border: 0 none; + color: #495057; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} + +.p-toolbar { + background: #f8f9fa; + border: 1px solid #dee2e6; + padding: 1.25rem; + border-radius: 6px; + gap: 0.5rem; +} +.p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; +} + +.p-confirm-popup { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 6px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); +} +.p-confirm-popup .p-confirm-popup-content { + padding: 1.25rem; +} +.p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.75rem 1.25rem; +} +.p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; +} +.p-confirm-popup:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +.p-confirm-popup:before { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +.p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #ffffff; +} +.p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #ffffff; +} +.p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; +} +.p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; +} + +.p-dialog { + border-radius: 6px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + border: 0 none; +} +.p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: #343a40; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-dialog .p-dialog-header .p-dialog-title { + font-weight: 700; + font-size: 1.25rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; +} +.p-dialog .p-dialog-content { + background: #ffffff; + color: #495057; + padding: 0 1.5rem 2rem 1.5rem; +} +.p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-dialog .p-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: #495057; + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; +} + +.p-overlaypanel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 6px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); +} +.p-overlaypanel .p-overlaypanel-content { + padding: 1.25rem; +} +.p-overlaypanel .p-overlaypanel-close { + background: #8B5CF6; + color: #ffffff; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + position: absolute; + top: -1rem; + right: -1rem; +} +.p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #7C3AED; + color: #ffffff; +} +.p-overlaypanel:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +.p-overlaypanel:before { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #f2f2f2; +} +.p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #ffffff; +} +.p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #ffffff; +} + +.p-sidebar { + background: #ffffff; + color: #495057; + border: 0 none; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); +} +.p-sidebar .p-sidebar-header { + padding: 1.25rem; +} +.p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} +.p-sidebar .p-sidebar-header .p-sidebar-close:focus, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; +} +.p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; +} +.p-sidebar .p-sidebar-content { + padding: 1.25rem; +} +.p-sidebar .p-sidebar-footer { + padding: 1.25rem; +} + +.p-tooltip .p-tooltip-text { + background: #495057; + color: #ffffff; + padding: 0.75rem 0.75rem; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; +} +.p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #495057; +} +.p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #495057; +} +.p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #495057; +} +.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #495057; +} + +.p-fileupload .p-fileupload-buttonbar { + background: #f8f9fa; + padding: 1.25rem; + border: 1px solid #dee2e6; + color: #343a40; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; +} +.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; +} +.p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 2rem 1rem; + border: 1px solid #dee2e6; + color: #495057; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-fileupload .p-progressbar { + height: 0.25rem; +} +.p-fileupload .p-fileupload-row > div { + padding: 1rem 1rem; +} +.p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; +} + +.p-fileupload-choose:not(.p-disabled):hover { + background: #7C3AED; + color: #ffffff; + border-color: #7C3AED; +} +.p-fileupload-choose:not(.p-disabled):active { + background: #6D28D9; + color: #ffffff; + border-color: #6D28D9; +} + +.p-breadcrumb { + background: #ffffff; + border: 1px solid #dee2e6; + border-radius: 6px; + padding: 1rem; +} +.p-breadcrumb ul li .p-menuitem-link { + transition: box-shadow 0.2s; + border-radius: 6px; +} +.p-breadcrumb ul li .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { + color: #6c757d; +} +.p-breadcrumb ul li.p-breadcrumb-chevron { + margin: 0 0.5rem 0 0.5rem; + color: #495057; +} +.p-breadcrumb ul li:last-child .p-menuitem-text { + color: #495057; +} +.p-breadcrumb ul li:last-child .p-menuitem-icon { + color: #6c757d; +} + +.p-contextmenu { + padding: 0.25rem 0; + background: #ffffff; + color: #495057; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; +} +.p-contextmenu .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-contextmenu .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-contextmenu .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-contextmenu .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-contextmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #DDD6FE; +} +.p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; +} +.p-contextmenu .p-menuitem { + margin: 0; +} +.p-contextmenu .p-menuitem:last-child { + margin: 0; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #F5F3FF; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: #6D28D9; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: #6D28D9; +} +.p-contextmenu .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} +.p-contextmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-contextmenu .p-menuitem-badge { + background: #8B5CF6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + +@media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } +} +.p-megamenu { + padding: 0.5rem; + background: #f8f9fa; + color: #495057; + border: 1px solid #dee2e6; + border-radius: 6px; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: #495057; + border-radius: 6px; + transition: box-shadow 0.2s; + user-select: none; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #6c757d; + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #DDD6FE; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: #F5F3FF; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #6D28D9; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6D28D9; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6D28D9; +} +.p-megamenu .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-megamenu .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-megamenu .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-megamenu .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-megamenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #DDD6FE; +} +.p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #495057; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.p-megamenu .p-megamenu-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: #343a40; + background: #ffffff; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-megamenu .p-megamenu-submenu { + padding: 0.25rem 0; + width: 12.5rem; +} +.p-megamenu .p-megamenu-submenu .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem { + margin: 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #F5F3FF; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: #6D28D9; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: #6D28D9; +} +.p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem { + margin: 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem-badge { + background: #8B5CF6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menu { + padding: 0.25rem 0; + background: #ffffff; + color: #495057; + border: 1px solid #dee2e6; + border-radius: 6px; + width: 12.5rem; +} +.p-menu .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menu .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-menu .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-menu .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-menu .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-menu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #DDD6FE; +} +.p-menu.p-menu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: #343a40; + background: #ffffff; + font-weight: 700; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.p-menu .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} +.p-menu .p-menuitem { + margin: 0; +} +.p-menu .p-menuitem:last-child { + margin: 0; +} +.p-menu .p-menuitem-badge { + background: #8B5CF6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menubar { + padding: 0.5rem; + background: #f8f9fa; + color: #495057; + border: 1px solid #dee2e6; + border-radius: 6px; +} +.p-menubar .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menubar .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-menubar .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-menubar .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-menubar .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #DDD6FE; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: #495057; + border-radius: 6px; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #6c757d; + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #DDD6FE; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: #F5F3FF; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #6D28D9; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6D28D9; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6D28D9; +} +.p-menubar .p-submenu-list { + padding: 0.25rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + width: 12.5rem; +} +.p-menubar .p-submenu-list .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} +.p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; +} +.p-menubar .p-submenu-list .p-menuitem { + margin: 0; +} +.p-menubar .p-submenu-list .p-menuitem:last-child { + margin: 0; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #F5F3FF; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: #6D28D9; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: #6D28D9; +} +.p-menubar .p-menuitem-badge { + background: #8B5CF6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +@media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 2rem; + height: 2rem; + color: #6c757d; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #6c757d; + background: #e9ecef; + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #6c757d; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #DDD6FE; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } +} +.p-panelmenu .p-panelmenu-header > a { + padding: 1.25rem; + border: 1px solid #dee2e6; + color: #6c757d; + background: #f8f9fa; + font-weight: 700; + border-radius: 6px; + transition: box-shadow 0.2s; +} +.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; +} +.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + background: #e9ecef; + border-color: #dee2e6; + color: #343a40; +} +.p-panelmenu .p-panelmenu-header.p-highlight { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight > a { + background: #f8f9fa; + border-color: #dee2e6; + color: #343a40; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + border-color: #dee2e6; + background: #e9ecef; + color: #343a40; +} +.p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0; + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + margin-bottom: 4px; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #DDD6FE; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { + padding: 0 0 0 1rem; +} +.p-panelmenu .p-panelmenu-panel { + margin-bottom: 4px; +} +.p-panelmenu .p-menuitem-badge { + background: #8B5CF6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-slidemenu { + padding: 0.25rem 0; + background: #ffffff; + color: #495057; + border: 1px solid #dee2e6; + border-radius: 6px; + width: 12.5rem; +} +.p-slidemenu .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-slidemenu .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-slidemenu .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-slidemenu .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-slidemenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #DDD6FE; +} +.p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { + background: #F5F3FF; +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { + color: #6D28D9; +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { + color: #6D28D9; +} +.p-slidemenu .p-slidemenu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} +.p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; +} +.p-slidemenu .p-slidemenu-backward { + padding: 0.75rem 1.25rem; + color: #495057; +} +.p-slidemenu .p-menuitem-badge { + background: #8B5CF6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: box-shadow 0.2s; + border-radius: 6px; + background: #ffffff; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #495057; + border: 1px solid #e9ecef; + background: #ffffff; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: #6c757d; +} +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; +} +.p-steps .p-steps-item.p-highlight .p-steps-number { + background: #F5F3FF; + color: #6D28D9; +} +.p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 700; + color: #495057; +} +.p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #dee2e6; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; +} + +.p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: 1px solid #dee2e6; + border-width: 0 0 2px 0; +} +.p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #8B5CF6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #dee2e6; + border-width: 0 0 2px 0; + border-color: transparent transparent #dee2e6 transparent; + background: #ffffff; + color: #6c757d; + padding: 1.25rem; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #DDD6FE; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #adb5bd; + color: #6c757d; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #8B5CF6; + color: #8B5CF6; +} +.p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #ffffff; + color: #8B5CF6; + width: 3rem; + 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); + border-radius: 0; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #DDD6FE; +} + +.p-tieredmenu { + padding: 0.25rem 0; + background: #ffffff; + color: #495057; + border: 1px solid #dee2e6; + border-radius: 6px; + width: 12.5rem; +} +.p-tieredmenu .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-tieredmenu .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-tieredmenu .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-tieredmenu .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-tieredmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #DDD6FE; +} +.p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.p-tieredmenu .p-submenu-list { + padding: 0.25rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.p-tieredmenu .p-menuitem { + margin: 0; +} +.p-tieredmenu .p-menuitem:last-child { + margin: 0; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #F5F3FF; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: #6D28D9; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: #6D28D9; +} +.p-tieredmenu .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} +.p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-tieredmenu .p-menuitem-badge { + background: #8B5CF6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-inline-message { + padding: 0.75rem 0.75rem; + margin: 0; + border-radius: 6px; +} +.p-inline-message.p-inline-message-info { + background: #e9e9ff; + border: solid #696cff; + border-width: 0px; + color: #696cff; +} +.p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #696cff; +} +.p-inline-message.p-inline-message-success { + background: #e4f8f0; + border: solid #1ea97c; + border-width: 0px; + color: #1ea97c; +} +.p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #1ea97c; +} +.p-inline-message.p-inline-message-warn { + background: #fff2e2; + border: solid #cc8925; + border-width: 0px; + color: #cc8925; +} +.p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #cc8925; +} +.p-inline-message.p-inline-message-error { + background: #ffe7e6; + border: solid #ff5757; + border-width: 0px; + color: #ff5757; +} +.p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #ff5757; +} +.p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; +} +.p-inline-message .p-inline-message-text { + font-size: 1rem; +} +.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; +} + +.p-message { + margin: 1rem 0; + border-radius: 6px; +} +.p-message .p-message-wrapper { + padding: 1.25rem 1.75rem; +} +.p-message .p-message-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-message .p-message-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; +} +.p-message.p-message-info { + background: #e9e9ff; + border: solid #696cff; + border-width: 0 0 0 6px; + color: #696cff; +} +.p-message.p-message-info .p-message-icon { + color: #696cff; +} +.p-message.p-message-info .p-message-close { + color: #696cff; +} +.p-message.p-message-success { + background: #e4f8f0; + border: solid #1ea97c; + border-width: 0 0 0 6px; + color: #1ea97c; +} +.p-message.p-message-success .p-message-icon { + color: #1ea97c; +} +.p-message.p-message-success .p-message-close { + color: #1ea97c; +} +.p-message.p-message-warn { + background: #fff2e2; + border: solid #cc8925; + border-width: 0 0 0 6px; + color: #cc8925; +} +.p-message.p-message-warn .p-message-icon { + color: #cc8925; +} +.p-message.p-message-warn .p-message-close { + color: #cc8925; +} +.p-message.p-message-error { + background: #ffe7e6; + border: solid #ff5757; + border-width: 0 0 0 6px; + color: #ff5757; +} +.p-message.p-message-error .p-message-icon { + color: #ff5757; +} +.p-message.p-message-error .p-message-close { + color: #ff5757; +} +.p-message .p-message-text { + font-size: 1rem; + font-weight: 400; +} +.p-message .p-message-icon { + font-size: 1.5rem; + margin-right: 0.5rem; +} +.p-message .p-message-summary { + font-weight: 700; +} +.p-message .p-message-detail { + margin-left: 0.5rem; +} + +.p-toast { + opacity: 0.9; +} +.p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; +} +.p-toast .p-toast-message .p-toast-message-content { + padding: 1rem; + border-width: 0 0 0 6px; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 1rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 2rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 700; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; +} +.p-toast .p-toast-message .p-toast-icon-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-toast .p-toast-message .p-toast-icon-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; +} +.p-toast .p-toast-message.p-toast-message-info { + background: #e9e9ff; + border: solid #696cff; + border-width: 0 0 0 6px; + color: #696cff; +} +.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #696cff; +} +.p-toast .p-toast-message.p-toast-message-success { + background: #e4f8f0; + border: solid #1ea97c; + border-width: 0 0 0 6px; + color: #1ea97c; +} +.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #1ea97c; +} +.p-toast .p-toast-message.p-toast-message-warn { + background: #fff2e2; + border: solid #cc8925; + border-width: 0 0 0 6px; + color: #cc8925; +} +.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #cc8925; +} +.p-toast .p-toast-message.p-toast-message-error { + background: #ffe7e6; + border: solid #ff5757; + border-width: 0 0 0 6px; + color: #ff5757; +} +.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #ff5757; +} + +.p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-item-nav { + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0 0.5rem; +} +.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f8f9fa; + padding: 1rem; +} +.p-galleria .p-galleria-indicators { + padding: 1rem; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #ced4da; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #adb5bd; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #F5F3FF; + color: #6D28D9; +} +.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; +} +.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #F5F3FF; + color: #6D28D9; +} +.p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f8f9fa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; +} + +.p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-preview-indicator { + background-color: transparent; + color: #f8f9fa; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} + +.p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); +} + +.p-image-toolbar { + padding: 1rem; +} + +.p-image-action.p-link { + color: #f8f9fa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-image-action.p-link:last-child { + margin-right: 0; +} +.p-image-action.p-link:hover { + color: #f8f9fa; + background-color: rgba(255, 255, 255, 0.1); +} +.p-image-action.p-link i { + font-size: 1.5rem; +} + +.p-avatar { + background-color: #dee2e6; + border-radius: 6px; +} +.p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +.p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; +} +.p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +.p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; +} + +.p-avatar-group .p-avatar { + border: 2px solid #ffffff; +} + +.p-badge { + background: #8B5CF6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +.p-badge.p-badge-secondary { + background-color: #64748B; + color: #ffffff; +} +.p-badge.p-badge-success { + background-color: #22C55E; + color: #ffffff; +} +.p-badge.p-badge-info { + background-color: #3B82F6; + color: #ffffff; +} +.p-badge.p-badge-warning { + background-color: #F59E0B; + color: #ffffff; +} +.p-badge.p-badge-danger { + background-color: #EF4444; + color: #ffffff; +} +.p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +.p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} + +.p-chip { + background-color: #dee2e6; + color: #495057; + border-radius: 16px; + padding: 0 0.75rem; +} +.p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; +} +.p-chip .p-chip-icon { + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; +} +.p-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; +} + +.p-inplace .p-inplace-display { + padding: 0.75rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-inplace .p-inplace-display:not(.p-disabled):hover { + background: #e9ecef; + color: #495057; +} +.p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; +} + +.p-progressbar { + border: 0 none; + height: 1.5rem; + background: #dee2e6; + border-radius: 6px; +} +.p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #8B5CF6; +} +.p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.5rem; +} + +.p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-scrolltop.p-link { + background: rgba(0, 0, 0, 0.7); +} +.p-scrolltop.p-link:hover { + background: rgba(0, 0, 0, 0.8); +} +.p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #f8f9fa; +} + +.p-skeleton { + background-color: #dee2e6; + border-radius: 6px; +} +.p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); +} + +.p-tag { + background: #8B5CF6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; +} +.p-tag.p-tag-success { + background-color: #22C55E; + color: #ffffff; +} +.p-tag.p-tag-info { + background-color: #3B82F6; + color: #ffffff; +} +.p-tag.p-tag-warning { + background-color: #F59E0B; + color: #ffffff; +} +.p-tag.p-tag-danger { + background-color: #EF4444; + color: #ffffff; +} +.p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +.p-terminal { + background: #ffffff; + color: #495057; + border: 1px solid #dee2e6; + padding: 1.25rem; +} +.p-terminal .p-terminal-input { + font-size: 1rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; +} + +.p-button-label { + font-weight: 700; +} + +.p-accordion .p-accordion-header .p-accordion-header-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; +} + +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-tabview .p-tabview-nav .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 2px; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); +} + +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #8B5CF6; +} + +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #8B5CF6; +} + +.p-button:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #c5aefb, 0 1px 2px 0 black; +} +.p-button.p-button-secondary:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 black; +} +.p-button.p-button-success:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 black; +} +.p-button.p-button-info:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 black; +} +.p-button.p-button-warning:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #facf85, 0 1px 2px 0 black; +} +.p-button.p-button-help:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 black; +} +.p-button.p-button-danger:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 black; +} + +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #8B5CF6; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #8B5CF6; +} diff --git a/assets/layout/styles/theme/lara-light-purple/theme.css.br b/assets/layout/styles/theme/lara-light-purple/theme.css.br new file mode 100644 index 0000000..f390663 Binary files /dev/null and b/assets/layout/styles/theme/lara-light-purple/theme.css.br differ diff --git a/assets/layout/styles/theme/lara-light-purple/theme.css.gz b/assets/layout/styles/theme/lara-light-purple/theme.css.gz new file mode 100644 index 0000000..7437c31 Binary files /dev/null and b/assets/layout/styles/theme/lara-light-purple/theme.css.gz differ diff --git a/assets/layout/styles/theme/lara-light-teal/theme.css b/assets/layout/styles/theme/lara-light-teal/theme.css new file mode 100644 index 0000000..c7cd68f --- /dev/null +++ b/assets/layout/styles/theme/lara-light-teal/theme.css @@ -0,0 +1,6297 @@ +:root { + --surface-a:#ffffff; + --surface-b:#f8f9fa; + --surface-c:#e9ecef; + --surface-d:#dee2e6; + --surface-e:#ffffff; + --surface-f:#ffffff; + --text-color:#495057; + --text-color-secondary:#6c757d; + --primary-color:#14B8A6; + --primary-color-text:#ffffff; + --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --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:1.25rem; + --inline-spacing:0.5rem; + --border-radius:6px; + --surface-ground:#eff3f8; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#dfe7ef; + --surface-hover:#f6f9fc; + --focus-ring: 0 0 0 0.2rem #99F6E4; + --maskbg: rgba(0, 0, 0, 0.4); + color-scheme: light; +} + +* { + box-sizing: border-box; +} + +.p-component { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + font-weight: normal; +} + +.p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; +} + +.p-disabled, .p-component:disabled { + opacity: 0.6; +} + +.p-error { + color: #e24c4c; +} + +.p-text-secondary { + color: #6c757d; +} + +.pi { + font-size: 1rem; +} + +.p-link { + font-size: 1rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + border-radius: 6px; +} +.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99F6E4; +} + +.p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; +} + +.p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; +} + +@keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } +} +@keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } +} + +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --red-50:#fff5f5; + --red-100:#ffd0ce; + --red-200:#ffaca7; + --red-300:#ff8780; + --red-400:#ff6259; + --red-500:#ff3d32; + --red-600:#d9342b; + --red-700:#b32b23; + --red-800:#8c221c; + --red-900:#661814; + --primary-50:#f3fbfb; + --primary-100:#c7eeea; + --primary-200:#9ae0d9; + --primary-300:#6dd3c8; + --primary-400:#41c5b7; + --primary-500:#14b8a6; + --primary-600:#119c8d; + --primary-700:#0e8174; + --primary-800:#0b655b; + --primary-900:#084a42; +} + +.p-autocomplete .p-autocomplete-loader { + right: 0.75rem; +} +.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.75rem; +} +.p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + border-color: #14B8A6; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99F6E4; + border-color: #14B8A6; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.375rem 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #495057; + padding: 0; + margin: 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.375rem 0.75rem; + background: #F0FDFA; + color: #0F766E; + border-radius: 6px; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; +} + +p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #e24c4c; +} + +.p-autocomplete-panel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.p-autocomplete-panel .p-autocomplete-items { + padding: 0.75rem 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { + color: #495057; + background: #e9ecef; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #0F766E; + background: #F0FDFA; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.75rem 1.25rem; + color: #495057; + background: transparent; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: #343a40; + background: #ffffff; + font-weight: 700; +} + +p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; +} +p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #6c757d; + right: 0.75rem; +} + +p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #6c757d; + right: 3.75rem; +} + +p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #e24c4c; +} + +.p-datepicker { + padding: 0.5rem; + background: #ffffff; + color: #495057; + border: 1px solid #ced4da; + border-radius: 6px; +} +.p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; +} +.p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: #495057; + background: #ffffff; + font-weight: 600; + margin: 0; + border-bottom: 1px solid #dee2e6; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99F6E4; +} +.p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 2rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #495057; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + font-weight: 600; + padding: 0.5rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #14B8A6; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; +} +.p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0; +} +.p-datepicker table th { + padding: 0.5rem; +} +.p-datepicker table th > span { + width: 2.5rem; + height: 2.5rem; +} +.p-datepicker table td { + padding: 0.5rem; +} +.p-datepicker table td > span { + width: 2.5rem; + height: 2.5rem; + border-radius: 50%; + transition: box-shadow 0.2s; + border: 1px solid transparent; +} +.p-datepicker table td > span.p-highlight { + color: #0F766E; + background: #F0FDFA; +} +.p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99F6E4; +} +.p-datepicker table td.p-datepicker-today > span { + background: #ced4da; + color: #495057; + border-color: transparent; +} +.p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #0F766E; + background: #F0FDFA; +} +.p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #dee2e6; +} +.p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; +} +.p-datepicker .p-timepicker { + border-top: 1px solid #dee2e6; + padding: 0.5rem; +} +.p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-timepicker button:enabled:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} +.p-datepicker .p-timepicker button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99F6E4; +} +.p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; +} +.p-datepicker .p-timepicker span { + font-size: 1.25rem; +} +.p-datepicker .p-timepicker > div { + padding: 0 0.5rem; +} +.p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; +} +.p-datepicker .p-monthpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.5rem; + transition: box-shadow 0.2s; + border-radius: 6px; +} +.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #0F766E; + background: #F0FDFA; +} +.p-datepicker .p-yearpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.5rem; + transition: box-shadow 0.2s; + border-radius: 6px; +} +.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #0F766E; + background: #F0FDFA; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #dee2e6; + padding-right: 0.5rem; + padding-left: 0.5rem; + padding-top: 0; + padding-bottom: 0; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: #e9ecef; +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99F6E4; +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: #e9ecef; +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99F6E4; +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: #e9ecef; +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99F6E4; +} + +p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; +} +p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #6c757d; + right: 0.75rem; +} + +p-calendar.p-calendar-clearable.p-calendar-w-btn .p-calendar-clear-icon { + color: #6c757d; + right: 3.75rem; +} + +@media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } +} +.p-cascadeselect { + background: #ffffff; + border: 1px solid #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +.p-cascadeselect:not(.p-disabled):hover { + border-color: #14B8A6; +} +.p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99F6E4; + border-color: #14B8A6; +} +.p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; +} +.p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #6c757d; +} +.p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #6c757d; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.p-cascadeselect-panel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.75rem 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 1.25rem; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #99F6E4; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #0F766E; + background: #F0FDFA; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #495057; + background: #e9ecef; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; +} + +p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #e24c4c; +} + +.p-input-filled .p-cascadeselect { + background: #e9ecef; +} +.p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #e9ecef; +} +.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #ffffff; +} + +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; +} +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #6c757d; + right: 3rem; +} + +.p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; +} +.p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); +} + +.p-checkbox { + width: 22px; + height: 22px; +} +.p-checkbox .p-checkbox-box { + border: 2px solid #ced4da; + background: #ffffff; + width: 22px; + height: 22px; + color: #495057; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #ffffff; + font-size: 14px; +} +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #14B8A6; + background: #14B8A6; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #14B8A6; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99F6E4; + border-color: #14B8A6; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #0F766E; + background: #0F766E; + color: #ffffff; +} + +p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #e24c4c; +} + +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #e9ecef; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #14B8A6; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #e9ecef; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #0F766E; +} + +.p-checkbox-label { + margin-left: 0.5rem; +} + +.p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; +} +.p-chips .p-chips-multiple-container:not(.p-disabled):hover { + border-color: #14B8A6; +} +.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99F6E4; + border-color: #14B8A6; +} +.p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.375rem 0.75rem; + background: #F0FDFA; + color: #0F766E; + border-radius: 6px; +} +.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; +} +.p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.375rem 0; +} +.p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #495057; + padding: 0; + margin: 0; +} + +p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #e24c4c; +} + +p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; +} +p-chips.p-chips-clearable .p-chips-clear-icon { + color: #6c757d; + right: 0.75rem; +} + +.p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; +} + +.p-colorpicker-panel { + background: #323232; + border: 1px solid #191919; +} +.p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; +} + +.p-colorpicker-overlay-panel { + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} + +.p-dropdown { + background: #ffffff; + border: 1px solid #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +.p-dropdown:not(.p-disabled):hover { + border-color: #14B8A6; +} +.p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99F6E4; + border-color: #14B8A6; +} +.p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; +} +.p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; +} +.p-dropdown .p-dropdown-label.p-placeholder { + color: #6c757d; +} +.p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-dropdown .p-dropdown-trigger { + background: transparent; + color: #6c757d; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +.p-dropdown .p-dropdown-clear-icon { + color: #6c757d; + right: 3rem; +} + +.p-dropdown-panel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.p-dropdown-panel .p-dropdown-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #dee2e6; + color: #343a40; + background: #f8f9fa; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #6c757d; +} +.p-dropdown-panel .p-dropdown-items { + padding: 0.75rem 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #0F766E; + background: #F0FDFA; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #495057; + background: #e9ecef; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 1.25rem; + color: #495057; + background: transparent; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: #343a40; + background: #ffffff; + font-weight: 700; +} + +p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #e24c4c; +} + +.p-input-filled .p-dropdown { + background: #e9ecef; +} +.p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #e9ecef; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #ffffff; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; +} + +.p-editor-container .p-editor-toolbar { + background: #f8f9fa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #dee2e6; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #6c757d; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #6c757d; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #6c757d; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.75rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #495057; + background: #e9ecef; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 1.25rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #dee2e6; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #495057; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #495057; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #495057; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #495057; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #14B8A6; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #14B8A6; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #14B8A6; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #14B8A6; +} + +.p-inputgroup-addon { + background: #e9ecef; + color: #6c757d; + border-top: 1px solid #ced4da; + border-left: 1px solid #ced4da; + border-bottom: 1px solid #ced4da; + padding: 0.75rem 0.75rem; + min-width: 3rem; +} +.p-inputgroup-addon:last-child { + border-right: 1px solid #ced4da; +} + +.p-inputgroup > .p-component, +.p-inputgroup > .p-element, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; +} +.p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-element + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; +} +.p-inputgroup > .p-component:focus, +.p-inputgroup > .p-element:focus, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; +} +.p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-element:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; +} + +.p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.p-fluid .p-inputgroup .p-button { + width: auto; +} +.p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 3rem; +} + +p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #e24c4c; +} + +p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; +} +p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #6c757d; + right: 0.75rem; +} + +p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #e24c4c; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #6c757d; + right: 0.75rem; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.75rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.75rem; +} + +.p-inputswitch { + width: 3rem; + height: 1.75rem; +} +.p-inputswitch .p-inputswitch-slider { + background: #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; +} +.p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition-duration: 0.2s; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1.25rem); +} +.p-inputswitch.p-focus .p-inputswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99F6E4; +} +.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #b6bfc8; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #14B8A6; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; +} +.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #0D9488; +} + +p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + border-color: #e24c4c; +} + +.p-inputtext { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #495057; + background: #ffffff; + padding: 0.75rem 0.75rem; + border: 1px solid #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + appearance: none; + border-radius: 6px; +} +.p-inputtext:enabled:hover { + border-color: #14B8A6; +} +.p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99F6E4; + border-color: #14B8A6; +} +.p-inputtext.ng-dirty.ng-invalid { + border-color: #e24c4c; +} +.p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; +} +.p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; +} + +.p-float-label > label { + left: 0.75rem; + color: #6c757d; + transition-duration: 0.2s; +} + +.p-float-label > .ng-invalid.ng-dirty + label { + color: #e24c4c; +} + +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #6c757d; +} + +.p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; +} + +.p-input-icon-left.p-float-label > label { + left: 2.5rem; +} + +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #6c757d; +} + +.p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; +} + +::-webkit-input-placeholder { + color: #6c757d; +} + +:-moz-placeholder { + color: #6c757d; +} + +::-moz-placeholder { + color: #6c757d; +} + +:-ms-input-placeholder { + color: #6c757d; +} + +.p-input-filled .p-inputtext { + background-color: #e9ecef; +} +.p-input-filled .p-inputtext:enabled:hover { + background-color: #e9ecef; +} +.p-input-filled .p-inputtext:enabled:focus { + background-color: #ffffff; +} + +.p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; +} + +.p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; +} + +.p-listbox { + background: #ffffff; + color: #495057; + border: 1px solid #ced4da; + border-radius: 6px; +} +.p-listbox .p-listbox-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #dee2e6; + color: #343a40; + background: #f8f9fa; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; +} +.p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #6c757d; +} +.p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list { + padding: 0.75rem 0; +} +.p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #495057; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #0F766E; + background: #F0FDFA; +} +.p-listbox .p-listbox-list .p-listbox-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #99F6E4; +} +.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: #343a40; + background: #ffffff; + font-weight: 700; +} +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.75rem 1.25rem; + color: #495057; + background: transparent; +} +.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #495057; + background: #e9ecef; +} + +p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #e24c4c; +} + +.p-multiselect { + background: #ffffff; + border: 1px solid #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +.p-multiselect:not(.p-disabled):hover { + border-color: #14B8A6; +} +.p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99F6E4; + border-color: #14B8A6; +} +.p-multiselect .p-multiselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-multiselect .p-multiselect-label.p-placeholder { + color: #6c757d; +} +.p-multiselect.p-multiselect-chip .p-multiselect-label { + gap: 0.5rem; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.375rem 0.75rem; + background: #F0FDFA; + color: #0F766E; + border-radius: 6px; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; +} +.p-multiselect .p-multiselect-trigger { + background: transparent; + color: #6c757d; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.375rem 0.75rem; +} + +.p-multiselect-panel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.p-multiselect-panel .p-multiselect-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #dee2e6; + color: #343a40; + background: #f8f9fa; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #6c757d; +} +.p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99F6E4; +} +.p-multiselect-panel .p-multiselect-items { + padding: 0.75rem 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #0F766E; + background: #F0FDFA; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #495057; + background: #e9ecef; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #99F6E4; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: #343a40; + background: #ffffff; + font-weight: 700; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.75rem 1.25rem; + color: #495057; + background: transparent; +} + +p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #e24c4c; +} + +.p-input-filled .p-multiselect { + background: #e9ecef; +} +.p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #e9ecef; +} +.p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #ffffff; +} + +p-multiselect.p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; +} +p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { + color: #6c757d; + right: 3rem; +} + +p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #e24c4c; +} + +.p-password-panel { + padding: 1.25rem; + background: #ffffff; + color: #495057; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; +} +.p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #dee2e6; +} +.p-password-panel .p-password-meter .p-password-strength.weak { + background: #ea5455; +} +.p-password-panel .p-password-meter .p-password-strength.medium { + background: #ff9f42; +} +.p-password-panel .p-password-meter .p-password-strength.strong { + background: #29c76f; +} + +p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; +} +p-password.p-password-clearable .p-password-clear-icon { + color: #6c757d; + right: 0.75rem; +} + +p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; +} +p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #6c757d; + right: 2.5rem; +} + +.p-radiobutton { + width: 22px; + height: 22px; +} +.p-radiobutton .p-radiobutton-box { + border: 2px solid #ced4da; + background: #ffffff; + width: 22px; + height: 22px; + color: #495057; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #14B8A6; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99F6E4; + border-color: #14B8A6; +} +.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 12px; + height: 12px; + transition-duration: 0.2s; + background-color: #ffffff; +} +.p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #14B8A6; + background: #14B8A6; +} +.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #0F766E; + background: #0F766E; + color: #ffffff; +} + +p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #e24c4c; +} + +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #e9ecef; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #e9ecef; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #14B8A6; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #0F766E; +} + +.p-radiobutton-label { + margin-left: 0.5rem; +} + +.p-rating .p-rating-icon { + color: #495057; + margin-left: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + font-size: 1.143rem; +} +.p-rating .p-rating-icon.p-rating-cancel { + color: #ea5455; +} +.p-rating .p-rating-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99F6E4; +} +.p-rating .p-rating-icon:first-child { + margin-left: 0; +} +.p-rating .p-rating-icon.pi-star-fill { + color: #14B8A6; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + color: #14B8A6; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + color: #e73d3e; +} + +.p-selectbutton .p-button { + background: #ffffff; + border: 1px solid #ced4da; + color: #495057; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #6c757d; +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #e9ecef; + border-color: #ced4da; + color: #495057; +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #343a40; +} +.p-selectbutton .p-button.p-highlight { + background: #14B8A6; + border-color: #14B8A6; + color: #ffffff; +} +.p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #ffffff; +} +.p-selectbutton .p-button.p-highlight:hover { + background: #0D9488; + border-color: #0D9488; + color: #ffffff; +} +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; +} + +p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #e24c4c; +} + +.p-slider { + background: #dee2e6; + border: 0 none; + border-radius: 6px; +} +.p-slider.p-slider-horizontal { + height: 0.286rem; +} +.p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -0.5715rem; + margin-left: -0.5715rem; +} +.p-slider.p-slider-vertical { + width: 0.286rem; +} +.p-slider.p-slider-vertical .p-slider-handle { + margin-left: -0.5715rem; + margin-bottom: -0.5715rem; +} +.p-slider .p-slider-handle { + height: 1.143rem; + width: 1.143rem; + background: #ffffff; + border: 2px solid #14B8A6; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99F6E4; +} +.p-slider .p-slider-range { + background: #14B8A6; +} +.p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #14B8A6; + border-color: #14B8A6; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; +} + +.p-togglebutton.p-button { + background: #ffffff; + border: 1px solid #ced4da; + color: #495057; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #6c757d; +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #e9ecef; + border-color: #ced4da; + color: #495057; +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #343a40; +} +.p-togglebutton.p-button.p-highlight { + background: #14B8A6; + border-color: #14B8A6; + color: #ffffff; +} +.p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #ffffff; +} +.p-togglebutton.p-button.p-highlight:hover { + background: #0D9488; + border-color: #0D9488; + color: #ffffff; +} +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; +} + +p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #e24c4c; +} + +.p-treeselect { + background: #ffffff; + border: 1px solid #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +.p-treeselect:not(.p-disabled):hover { + border-color: #14B8A6; +} +.p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99F6E4; + border-color: #14B8A6; +} +.p-treeselect .p-treeselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-treeselect .p-treeselect-label.p-placeholder { + color: #6c757d; +} +.p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #dee2e6; + color: #495057; + border-radius: 16px; +} +.p-treeselect .p-treeselect-trigger { + background: transparent; + color: #6c757d; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #e24c4c; +} + +.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.375rem 0.75rem; +} + +.p-treeselect-panel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.p-treeselect-panel .p-treeselect-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #dee2e6; + color: #343a40; + background: #f8f9fa; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #6c757d; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99F6E4; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.75rem 1.25rem; + color: #495057; + background: transparent; +} + +.p-input-filled .p-treeselect { + background: #e9ecef; +} +.p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #e9ecef; +} +.p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #ffffff; +} + +p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; +} +p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #6c757d; + right: 3rem; +} + +.p-button { + color: #ffffff; + background: #14B8A6; + border: 1px solid #14B8A6; + padding: 0.75rem 1.25rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +.p-button:enabled:hover { + background: #0D9488; + color: #ffffff; + border-color: #0D9488; +} +.p-button:enabled:active { + background: #0F766E; + color: #ffffff; + border-color: #0F766E; +} +.p-button.p-button-outlined { + background-color: transparent; + color: #14B8A6; + border: 1px solid; +} +.p-button.p-button-outlined:enabled:hover { + background: rgba(20, 184, 166, 0.04); + color: #14B8A6; + border: 1px solid; +} +.p-button.p-button-outlined:enabled:active { + background: rgba(20, 184, 166, 0.16); + color: #14B8A6; + border: 1px solid; +} +.p-button.p-button-outlined.p-button-plain { + color: #6c757d; + border-color: #6c757d; +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: #e9ecef; + color: #6c757d; +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: #dee2e6; + color: #6c757d; +} +.p-button.p-button-text { + background-color: transparent; + color: #14B8A6; + border-color: transparent; +} +.p-button.p-button-text:enabled:hover { + background: rgba(20, 184, 166, 0.04); + color: #14B8A6; + border-color: transparent; +} +.p-button.p-button-text:enabled:active { + background: rgba(20, 184, 166, 0.16); + color: #14B8A6; + border-color: transparent; +} +.p-button.p-button-text.p-button-plain { + color: #6c757d; +} +.p-button.p-button-text.p-button-plain:enabled:hover { + background: #e9ecef; + color: #6c757d; +} +.p-button.p-button-text.p-button-plain:enabled:active { + background: #dee2e6; + color: #6c757d; +} +.p-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99F6E4; +} +.p-button .p-button-label { + transition-duration: 0.2s; +} +.p-button .p-button-icon-left { + margin-right: 0.5rem; +} +.p-button .p-button-icon-right { + margin-left: 0.5rem; +} +.p-button .p-button-icon-bottom { + margin-top: 0.5rem; +} +.p-button .p-button-icon-top { + margin-bottom: 0.5rem; +} +.p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #14B8A6; + background-color: #ffffff; +} +.p-button.p-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); +} +.p-button.p-button-rounded { + border-radius: 2rem; +} +.p-button.p-button-icon-only { + width: 3rem; + padding: 0.75rem 0; +} +.p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; +} +.p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 3rem; +} +.p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.65625rem 1.09375rem; +} +.p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; +} +.p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.9375rem 1.5625rem; +} +.p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; +} +.p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; +} +.p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; +} + +.p-fluid .p-button { + width: 100%; +} +.p-fluid .p-button-icon-only { + width: 3rem; +} +.p-fluid .p-buttonset { + display: flex; +} +.p-fluid .p-buttonset .p-button { + flex: 1; +} + +.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + color: #ffffff; + background: #64748B; + border: 1px solid #64748B; +} +.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + background: #475569; + color: #ffffff; + border-color: #475569; +} +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #E2E8F0; +} +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: #334155; + color: #ffffff; + border-color: #334155; +} +.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + background-color: transparent; + color: #64748B; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + background: rgba(100, 116, 139, 0.04); + color: #64748B; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(100, 116, 139, 0.16); + color: #64748B; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + background-color: transparent; + color: #64748B; + border-color: transparent; +} +.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + background: rgba(100, 116, 139, 0.04); + border-color: transparent; + color: #64748B; +} +.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + background: rgba(100, 116, 139, 0.16); + border-color: transparent; + color: #64748B; +} + +.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #3B82F6; + border: 1px solid #3B82F6; +} +.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + background: #2563EB; + color: #ffffff; + border-color: #2563EB; +} +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #BFDBFE; +} +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: #1D4ED8; + color: #ffffff; + border-color: #1D4ED8; +} +.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + background-color: transparent; + color: #3B82F6; + border: 1px solid; +} +.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + background: rgba(59, 130, 246, 0.04); + color: #3B82F6; + border: 1px solid; +} +.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(59, 130, 246, 0.16); + color: #3B82F6; + border: 1px solid; +} +.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + background-color: transparent; + color: #3B82F6; + border-color: transparent; +} +.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + background: rgba(59, 130, 246, 0.04); + border-color: transparent; + color: #3B82F6; +} +.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + background: rgba(59, 130, 246, 0.16); + border-color: transparent; + color: #3B82F6; +} + +.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #22C55E; + border: 1px solid #22C55E; +} +.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + background: #16A34A; + color: #ffffff; + border-color: #16A34A; +} +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #BBF7D0; +} +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: #15803D; + color: #ffffff; + border-color: #15803D; +} +.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + background-color: transparent; + color: #22C55E; + border: 1px solid; +} +.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + background: rgba(34, 197, 94, 0.04); + color: #22C55E; + border: 1px solid; +} +.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(34, 197, 94, 0.16); + color: #22C55E; + border: 1px solid; +} +.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + background-color: transparent; + color: #22C55E; + border-color: transparent; +} +.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22C55E; +} +.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22C55E; +} + +.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #ffffff; + background: #F59E0B; + border: 1px solid #F59E0B; +} +.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + background: #D97706; + color: #ffffff; + border-color: #D97706; +} +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #FDE68A; +} +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: #B45309; + color: #ffffff; + border-color: #B45309; +} +.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + background-color: transparent; + color: #F59E0B; + border: 1px solid; +} +.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + background: rgba(245, 158, 11, 0.04); + color: #F59E0B; + border: 1px solid; +} +.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(245, 158, 11, 0.16); + color: #F59E0B; + border: 1px solid; +} +.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + background-color: transparent; + color: #F59E0B; + border-color: transparent; +} +.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + background: rgba(245, 158, 11, 0.04); + border-color: transparent; + color: #F59E0B; +} +.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + background: rgba(245, 158, 11, 0.16); + border-color: transparent; + color: #F59E0B; +} + +.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #A855F7; + border: 1px solid #A855F7; +} +.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + background: #9333EA; + color: #ffffff; + border-color: #9333EA; +} +.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #E9D5FF; +} +.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: #7E22CE; + color: #ffffff; + border-color: #7E22CE; +} +.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + background-color: transparent; + color: #A855F7; + border: 1px solid; +} +.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + background: rgba(168, 85, 247, 0.04); + color: #A855F7; + border: 1px solid; +} +.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(168, 85, 247, 0.16); + color: #A855F7; + border: 1px solid; +} +.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + background-color: transparent; + color: #A855F7; + border-color: transparent; +} +.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #A855F7; +} +.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #A855F7; +} + +.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #EF4444; + border: 1px solid #EF4444; +} +.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + background: #DC2626; + color: #ffffff; + border-color: #DC2626; +} +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #FECACA; +} +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: #B91C1C; + color: #ffffff; + border-color: #B91C1C; +} +.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + background-color: transparent; + color: #EF4444; + border: 1px solid; +} +.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + background: rgba(239, 68, 68, 0.04); + color: #EF4444; + border: 1px solid; +} +.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(239, 68, 68, 0.16); + color: #EF4444; + border: 1px solid; +} +.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + background-color: transparent; + color: #EF4444; + border-color: transparent; +} +.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #EF4444; +} +.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #EF4444; +} + +.p-button.p-button-link { + color: #0F766E; + background: transparent; + border: transparent; +} +.p-button.p-button-link:enabled:hover { + background: transparent; + color: #0F766E; + border-color: transparent; +} +.p-button.p-button-link:enabled:hover .p-button-label { + text-decoration: underline; +} +.p-button.p-button-link:enabled:focus { + background: transparent; + box-shadow: 0 0 0 0.2rem #99F6E4; + border-color: transparent; +} +.p-button.p-button-link:enabled:active { + background: transparent; + color: #0F766E; + border-color: transparent; +} + +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: #495057; + color: #fff; +} +.p-speeddial-action:hover { + background: #022354; + color: #fff; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +.p-splitbutton { + border-radius: 6px; +} +.p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #14B8A6; + border: 1px solid; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(20, 184, 166, 0.04); + color: #14B8A6; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(20, 184, 166, 0.16); + color: #14B8A6; +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: #6c757d; + border-color: #6c757d; +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: #e9ecef; + color: #6c757d; +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: #dee2e6; + color: #6c757d; +} +.p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #14B8A6; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(20, 184, 166, 0.04); + color: #14B8A6; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(20, 184, 166, 0.16); + color: #14B8A6; + border-color: transparent; +} +.p-splitbutton.p-button-text.p-button-plain > .p-button { + color: #6c757d; +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: #e9ecef; + color: #6c757d; +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: #dee2e6; + color: #6c757d; +} +.p-splitbutton.p-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); +} +.p-splitbutton.p-button-rounded { + border-radius: 2rem; +} +.p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; +} +.p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.65625rem 1.09375rem; +} +.p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; +} +.p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.9375rem 1.5625rem; +} +.p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; +} + +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #64748B; + border: 1px solid; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(100, 116, 139, 0.04); + color: #64748B; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(100, 116, 139, 0.16); + color: #64748B; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #64748B; + border-color: transparent; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(100, 116, 139, 0.04); + border-color: transparent; + color: #64748B; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(100, 116, 139, 0.16); + border-color: transparent; + color: #64748B; +} + +.p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #3B82F6; + border: 1px solid; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(59, 130, 246, 0.04); + color: #3B82F6; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(59, 130, 246, 0.16); + color: #3B82F6; +} +.p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #3B82F6; + border-color: transparent; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(59, 130, 246, 0.04); + border-color: transparent; + color: #3B82F6; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(59, 130, 246, 0.16); + border-color: transparent; + color: #3B82F6; +} + +.p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #22C55E; + border: 1px solid; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(34, 197, 94, 0.04); + color: #22C55E; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(34, 197, 94, 0.16); + color: #22C55E; +} +.p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #22C55E; + border-color: transparent; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22C55E; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22C55E; +} + +.p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #F59E0B; + border: 1px solid; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(245, 158, 11, 0.04); + color: #F59E0B; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(245, 158, 11, 0.16); + color: #F59E0B; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #F59E0B; + border-color: transparent; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(245, 158, 11, 0.04); + border-color: transparent; + color: #F59E0B; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(245, 158, 11, 0.16); + border-color: transparent; + color: #F59E0B; +} + +.p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #A855F7; + border: 1px solid; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(168, 85, 247, 0.04); + color: #A855F7; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(168, 85, 247, 0.16); + color: #A855F7; +} +.p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #A855F7; + border-color: transparent; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #A855F7; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #A855F7; +} + +.p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #EF4444; + border: 1px solid; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(239, 68, 68, 0.04); + color: #EF4444; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(239, 68, 68, 0.16); + color: #EF4444; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #EF4444; + border-color: transparent; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #EF4444; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #EF4444; +} + +.p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; +} +.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} +.p-carousel .p-carousel-content .p-carousel-prev:focus, +.p-carousel .p-carousel-content .p-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99F6E4; +} +.p-carousel .p-carousel-indicators { + padding: 1rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #ced4da; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #adb5bd; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #F0FDFA; + color: #0F766E; +} + +.p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-datatable .p-datatable-header { + background: #f8f9fa; + color: #343a40; + border: 1px solid #dee2e6; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; +} +.p-datatable .p-datatable-footer { + background: #f8f9fa; + color: #343a40; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; +} +.p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; + font-weight: 700; + color: #343a40; + background: #f8f9fa; + transition: box-shadow 0.2s; +} +.p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; + font-weight: 700; + color: #343a40; + background: #f8f9fa; +} +.p-datatable .p-sortable-column .p-sortable-column-icon { + color: #343a40; + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #0F766E; + background: #F0FDFA; + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #e9ecef; + color: #343a40; +} +.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #343a40; +} +.p-datatable .p-sortable-column.p-highlight { + background: #F0FDFA; + color: #0F766E; +} +.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #0F766E; +} +.p-datatable .p-sortable-column.p-highlight:hover { + background: #F0FDFA; + color: #0F766E; +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #0F766E; +} +.p-datatable .p-sortable-column:focus { + box-shadow: inset 0 0 0 0.15rem #99F6E4; + outline: 0 none; +} +.p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #495057; + transition: box-shadow 0.2s; +} +.p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; + padding: 1rem 1rem; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99F6E4; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; +} +.p-datatable .p-datatable-tbody > tr:focus { + outline: 0.15rem solid #99F6E4; + outline-offset: 0.15rem; +} +.p-datatable .p-datatable-tbody > tr.p-highlight { + background: #F0FDFA; + color: #0F766E; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #F0FDFA; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #F0FDFA; +} +.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-datatable .p-column-resizer-helper { + background: #14B8A6; +} +.p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #f8f9fa; +} +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #f8f9fa; +} +.p-datatable .p-datatable-loading-icon { + font-size: 2rem; +} +.p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #fcfcfc; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #F0FDFA; + color: #0F766E; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #0F766E; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #0F766E; +} +.p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; +} + +.p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-dataview .p-dataview-header { + background: #f8f9fa; + color: #343a40; + border: 1px solid #dee2e6; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; +} +.p-dataview .p-dataview-content { + background: #ffffff; + color: #495057; + border: 0 none; + padding: 0; +} +.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { + border: solid #dee2e6; + border-width: 0 0 1px 0; +} +.p-dataview .p-dataview-footer { + background: #f8f9fa; + color: #343a40; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +.p-dataview .p-dataview-loading-icon { + font-size: 2rem; +} +.p-dataview .p-dataview-emptymessage { + padding: 1.25rem; +} + +.p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; +} + +.p-column-filter-menu-button { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-menu-button:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} +.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: #e9ecef; + color: #343a40; +} +.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #F0FDFA; + color: #0F766E; +} +.p-column-filter-menu-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99F6E4; +} + +.p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-clear-button:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} +.p-column-filter-clear-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99F6E4; +} + +.p-column-filter-overlay { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + min-width: 12.5rem; +} +.p-column-filter-overlay .p-column-filter-row-items { + padding: 0.75rem 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #0F766E; + background: #F0FDFA; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #495057; + background: #e9ecef; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #99F6E4; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} + +.p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #dee2e6; + color: #343a40; + background: #f8f9fa; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1.25rem; + border-bottom: 1px solid #dee2e6; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; +} +.p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.75rem 1.25rem; +} +.p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1.25rem; +} + +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { + background: #f8f9fa; + border: 1px solid #dee2e6; + color: #343a40; +} +.fc.fc-unthemed .fc-view-container td.fc-widget-content { + background: #ffffff; + border: 1px solid #dee2e6; + color: #495057; +} +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #dee2e6; +} +.fc.fc-unthemed .fc-view-container .fc-row { + border-right: 1px solid #dee2e6; +} +.fc.fc-unthemed .fc-view-container .fc-event { + background: #0D9488; + border: 1px solid #0D9488; + color: #ffffff; +} +.fc.fc-unthemed .fc-view-container .fc-divider { + background: #f8f9fa; + border: 1px solid #dee2e6; +} +.fc.fc-unthemed .fc-toolbar .fc-button { + color: #ffffff; + background: #14B8A6; + border: 1px solid #14B8A6; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + display: flex; + align-items: center; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { + background: #0D9488; + color: #ffffff; + border-color: #0D9488; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { + background: #0F766E; + color: #ffffff; + border-color: #0F766E; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99F6E4; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-unthemed .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99F6E4; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #ffffff; + border: 1px solid #ced4da; + color: #495057; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #e9ecef; + border-color: #ced4da; + color: #495057; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #14B8A6; + border-color: #14B8A6; + color: #ffffff; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #0D9488; + border-color: #0D9488; + color: #ffffff; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99F6E4; + z-index: 1; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #dee2e6; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #f8f9fa; + border-color: #dee2e6; + color: #343a40; +} +.fc.fc-theme-standard .fc-view-harness td { + color: #495057; + border-color: #dee2e6; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover { + background: none; + border: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { + border: 1px solid #dee2e6; + padding: 1.25rem; + background: #f8f9fa; + color: #343a40; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { + opacity: 1; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; + font-family: "PrimeIcons" !important; + font-size: 1rem; + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { + content: "\e90b"; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99F6E4; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { + padding: 1.25rem; + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + border-top: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #ffffff; + background: #0D9488; + border-color: #0D9488; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: #0D9488; + border-color: #0D9488; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: #e9ecef; + color: #495057; +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #f8f9fa; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #ffffff; + background: #14B8A6; + border: 1px solid #14B8A6; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: #0D9488; + color: #ffffff; + border-color: #0D9488; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: #0F766E; + color: #ffffff; + border-color: #0F766E; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99F6E4; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.6; + color: #ffffff; + background: #14B8A6; + border: 1px solid #14B8A6; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99F6E4; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #ffffff; + border: 1px solid #ced4da; + color: #495057; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #e9ecef; + border-color: #ced4da; + color: #495057; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #14B8A6; + border-color: #14B8A6; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #0D9488; + border-color: #0D9488; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99F6E4; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +.fc.fc-theme-standard a { + color: #495057; +} +.fc.fc-theme-standard .fc-highlight { + color: #0F766E; + background: #F0FDFA; +} + +.p-orderlist .p-orderlist-controls { + padding: 1.25rem; +} +.p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; +} +.p-orderlist .p-orderlist-header { + background: #f8f9fa; + color: #343a40; + border: 1px solid #dee2e6; + padding: 1.25rem; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 700; +} +.p-orderlist .p-orderlist-filter-container { + padding: 1.25rem; + background: #ffffff; + border: 1px solid #dee2e6; + border-bottom: 0 none; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #6c757d; +} +.p-orderlist .p-orderlist-list { + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + padding: 0.75rem 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; +} +.p-orderlist .p-orderlist-list .p-orderlist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #99F6E4; +} +.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #0F766E; + background: #F0FDFA; +} +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.75rem 1.25rem; + color: #495057; +} +.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #fcfcfc; +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: #e9ecef; +} + +.p-orderlist-item.cdk-drag-preview { + padding: 0.75rem 1.25rem; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border: 0 none; + color: #495057; + background: #ffffff; + margin: 0; +} + +.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #F0FDFA; + color: #0F766E; +} +.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #80eed5; +} +.p-organizationchart .p-organizationchart-line-down { + background: #dee2e6; +} +.p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #dee2e6; + border-color: #dee2e6; +} +.p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #dee2e6; + border-color: #dee2e6; +} +.p-organizationchart .p-organizationchart-node-content { + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + padding: 1.25rem; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99F6E4; +} + +.p-paginator { + background: #ffffff; + color: #6c757d; + border: solid #e9ecef; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 6px; +} +.p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: #6c757d; + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 50%; +} +.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: #e9ecef; + border-color: transparent; + color: #343a40; +} +.p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; +} +.p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 3rem; +} +.p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; +} +.p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; +} +.p-paginator .p-paginator-page-input .p-inputtext { + max-width: 3rem; +} +.p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #6c757d; + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + padding: 0 0.5rem; +} +.p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #6c757d; + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 50%; +} +.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #F0FDFA; + border-color: #F0FDFA; + color: #0F766E; +} +.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #e9ecef; + border-color: transparent; + color: #343a40; +} + +.p-picklist .p-picklist-buttons { + padding: 1.25rem; +} +.p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; +} +.p-picklist .p-picklist-header { + background: #f8f9fa; + color: #343a40; + border: 1px solid #dee2e6; + padding: 1.25rem; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-picklist .p-picklist-header .p-picklist-title { + font-weight: 700; +} +.p-picklist .p-picklist-filter-container { + padding: 1.25rem; + background: #ffffff; + border: 1px solid #dee2e6; + border-bottom: 0 none; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #6c757d; +} +.p-picklist .p-picklist-list { + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + padding: 0.75rem 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-picklist .p-picklist-list .p-picklist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; +} +.p-picklist .p-picklist-list .p-picklist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #99F6E4; +} +.p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #0F766E; + background: #F0FDFA; +} +.p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.75rem 1.25rem; + color: #495057; +} +.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #fcfcfc; +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: #e9ecef; +} + +.p-picklist-item.cdk-drag-preview { + padding: 0.75rem 1.25rem; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border: 0 none; + color: #495057; + background: #ffffff; + margin: 0; +} + +.p-timeline .p-timeline-event-marker { + border: 2px solid #14B8A6; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #ffffff; +} +.p-timeline .p-timeline-event-connector { + background-color: #dee2e6; +} +.p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; +} +.p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; +} + +.p-tree { + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + padding: 1.25rem; + border-radius: 6px; +} +.p-tree .p-tree-container .p-treenode { + padding: 0.143rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: box-shadow 0.2s; + padding: 0.5rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99F6E4; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #6c757d; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #495057; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #99F6E4; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #F0FDFA; + color: #0F766E; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #0F766E; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #0F766E; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #e9ecef; + color: #495057; +} +.p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; +} +.p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; +} +.p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #6c757d; +} +.p-tree .p-treenode-children { + padding: 0 0 0 1rem; +} +.p-tree .p-tree-loading-icon { + font-size: 2rem; +} +.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: #99f1dd; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #dee2e6; + background-color: #ffffff; + color: #495057; + padding: 0.5rem; + transition: box-shadow 0.2s; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #F0FDFA; + color: #0F766E; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #0F766E; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99F6E4; +} + +.p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-treetable .p-treetable-header { + background: #f8f9fa; + color: #343a40; + border: 1px solid #dee2e6; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; +} +.p-treetable .p-treetable-footer { + background: #f8f9fa; + color: #343a40; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; +} +.p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; + font-weight: 700; + color: #343a40; + background: #f8f9fa; + transition: box-shadow 0.2s; +} +.p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; + font-weight: 700; + color: #343a40; + background: #f8f9fa; +} +.p-treetable .p-sortable-column { + outline-color: #99F6E4; +} +.p-treetable .p-sortable-column .p-sortable-column-icon { + color: #343a40; + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #0F766E; + background: #F0FDFA; + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #e9ecef; + color: #343a40; +} +.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #343a40; +} +.p-treetable .p-sortable-column.p-highlight { + background: #F0FDFA; + color: #0F766E; +} +.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #0F766E; +} +.p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #495057; + transition: box-shadow 0.2s; +} +.p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; + padding: 1rem 1rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99F6E4; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #495057; +} +.p-treetable .p-treetable-tbody > tr:focus { + outline: 0.15rem solid #99F6E4; + outline-offset: -0.15rem; +} +.p-treetable .p-treetable-tbody > tr.p-highlight { + background: #F0FDFA; + color: #0F766E; +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #0F766E; +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #0F766E; +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #495057; +} +.p-treetable .p-column-resizer-helper { + background: #14B8A6; +} +.p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #f8f9fa; +} +.p-treetable .p-treetable-loading-icon { + font-size: 2rem; +} +.p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.875rem 0.875rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 1.25rem 1.25rem; +} + +.p-virtualscroller .p-virtualscroller-header { + background: #f8f9fa; + color: #343a40; + border: 1px solid #dee2e6; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; +} +.p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #495057; + border: 0 none; + padding: 0; +} +.p-virtualscroller .p-virtualscroller-footer { + background: #f8f9fa; + color: #343a40; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.25rem; + border: 1px solid #dee2e6; + color: #6c757d; + background: #f8f9fa; + font-weight: 700; + border-radius: 6px; + transition: box-shadow 0.2s; +} +.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; +} +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99F6E4; +} +.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #e9ecef; + border-color: #dee2e6; + color: #343a40; +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #f8f9fa; + border-color: #dee2e6; + color: #343a40; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #dee2e6; + background: #e9ecef; + color: #343a40; +} +.p-accordion .p-accordion-content { + padding: 1.25rem; + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 4px; +} + +.p-card { + background: #ffffff; + color: #495057; + 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: 6px; +} +.p-card .p-card-body { + padding: 1.25rem; +} +.p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +.p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #6c757d; +} +.p-card .p-card-content { + padding: 1.25rem 0; +} +.p-card .p-card-footer { + padding: 1.25rem 0 0 0; +} + +.p-divider .p-divider-content { + background-color: #ffffff; +} +.p-divider.p-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; +} +.p-divider.p-divider-horizontal:before { + border-top: 1px #dee2e6; +} +.p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; +} +.p-divider.p-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; +} +.p-divider.p-divider-vertical:before { + border-left: 1px #dee2e6; +} +.p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; +} + +.p-fieldset { + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + border-radius: 6px; +} +.p-fieldset .p-fieldset-legend { + padding: 1.25rem; + border: 1px solid #dee2e6; + color: #343a40; + background: #f8f9fa; + font-weight: 700; + border-radius: 6px; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.25rem; + color: #343a40; + border-radius: 6px; + transition: box-shadow 0.2s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99F6E4; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #e9ecef; + border-color: #dee2e6; + color: #343a40; +} +.p-fieldset .p-fieldset-content { + padding: 1.25rem; +} + +.p-panel .p-panel-header { + border: 1px solid #dee2e6; + padding: 1.25rem; + background: #f8f9fa; + color: #343a40; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-panel .p-panel-header .p-panel-title { + font-weight: 700; +} +.p-panel .p-panel-header .p-panel-header-icon { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} +.p-panel .p-panel-header .p-panel-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99F6E4; +} +.p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.25rem; +} +.p-panel .p-panel-content { + padding: 1.25rem; + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + border-top: 0 none; +} +.p-panel .p-panel-footer { + padding: 0.75rem 1.25rem; + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + border-top: 0 none; +} +.p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; +} +.p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; +} +.p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; +} + +.p-scrollpanel .p-scrollpanel-bar { + background: #f8f9fa; + border: 0 none; +} + +.p-splitter { + border: 1px solid #dee2e6; + background: #ffffff; + border-radius: 6px; + color: #495057; +} +.p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: #f8f9fa; +} +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #dee2e6; +} +.p-splitter .p-splitter-gutter-resizing { + background: #dee2e6; +} + +.p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #dee2e6; + border-width: 0 0 2px 0; +} +.p-tabview .p-tabview-nav li { + margin-right: 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #dee2e6; + border-width: 0 0 2px 0; + border-color: transparent transparent #dee2e6 transparent; + background: #ffffff; + color: #6c757d; + padding: 1.25rem; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #99F6E4; +} +.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #adb5bd; + color: #6c757d; +} +.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #14B8A6; + color: #14B8A6; +} +.p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; +} +.p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-close { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #14B8A6; + width: 3rem; + 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); + border-radius: 0; +} +.p-tabview .p-tabview-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #99F6E4; +} +.p-tabview .p-tabview-panels { + background: #ffffff; + padding: 1.25rem; + border: 0 none; + color: #495057; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} + +.p-toolbar { + background: #f8f9fa; + border: 1px solid #dee2e6; + padding: 1.25rem; + border-radius: 6px; + gap: 0.5rem; +} +.p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; +} + +.p-confirm-popup { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 6px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); +} +.p-confirm-popup .p-confirm-popup-content { + padding: 1.25rem; +} +.p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.75rem 1.25rem; +} +.p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; +} +.p-confirm-popup:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +.p-confirm-popup:before { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +.p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #ffffff; +} +.p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #ffffff; +} +.p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; +} +.p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; +} + +.p-dialog { + border-radius: 6px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + border: 0 none; +} +.p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: #343a40; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-dialog .p-dialog-header .p-dialog-title { + font-weight: 700; + font-size: 1.25rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99F6E4; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; +} +.p-dialog .p-dialog-content { + background: #ffffff; + color: #495057; + padding: 0 1.5rem 2rem 1.5rem; +} +.p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-dialog .p-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: #495057; + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; +} + +.p-overlaypanel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 6px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); +} +.p-overlaypanel .p-overlaypanel-content { + padding: 1.25rem; +} +.p-overlaypanel .p-overlaypanel-close { + background: #14B8A6; + color: #ffffff; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + position: absolute; + top: -1rem; + right: -1rem; +} +.p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #0D9488; + color: #ffffff; +} +.p-overlaypanel:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +.p-overlaypanel:before { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #f2f2f2; +} +.p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #ffffff; +} +.p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #ffffff; +} + +.p-sidebar { + background: #ffffff; + color: #495057; + border: 0 none; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); +} +.p-sidebar .p-sidebar-header { + padding: 1.25rem; +} +.p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #343a40; + border-color: transparent; + background: #e9ecef; +} +.p-sidebar .p-sidebar-header .p-sidebar-close:focus, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99F6E4; +} +.p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; +} +.p-sidebar .p-sidebar-content { + padding: 1.25rem; +} +.p-sidebar .p-sidebar-footer { + padding: 1.25rem; +} + +.p-tooltip .p-tooltip-text { + background: #495057; + color: #ffffff; + padding: 0.75rem 0.75rem; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; +} +.p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #495057; +} +.p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #495057; +} +.p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #495057; +} +.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #495057; +} + +.p-fileupload .p-fileupload-buttonbar { + background: #f8f9fa; + padding: 1.25rem; + border: 1px solid #dee2e6; + color: #343a40; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; +} +.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99F6E4; +} +.p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 2rem 1rem; + border: 1px solid #dee2e6; + color: #495057; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-fileupload .p-progressbar { + height: 0.25rem; +} +.p-fileupload .p-fileupload-row > div { + padding: 1rem 1rem; +} +.p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; +} + +.p-fileupload-choose:not(.p-disabled):hover { + background: #0D9488; + color: #ffffff; + border-color: #0D9488; +} +.p-fileupload-choose:not(.p-disabled):active { + background: #0F766E; + color: #ffffff; + border-color: #0F766E; +} + +.p-breadcrumb { + background: #ffffff; + border: 1px solid #dee2e6; + border-radius: 6px; + padding: 1rem; +} +.p-breadcrumb ul li .p-menuitem-link { + transition: box-shadow 0.2s; + border-radius: 6px; +} +.p-breadcrumb ul li .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99F6E4; +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { + color: #6c757d; +} +.p-breadcrumb ul li.p-breadcrumb-chevron { + margin: 0 0.5rem 0 0.5rem; + color: #495057; +} +.p-breadcrumb ul li:last-child .p-menuitem-text { + color: #495057; +} +.p-breadcrumb ul li:last-child .p-menuitem-icon { + color: #6c757d; +} + +.p-contextmenu { + padding: 0.25rem 0; + background: #ffffff; + color: #495057; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; +} +.p-contextmenu .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-contextmenu .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-contextmenu .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-contextmenu .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-contextmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #99F6E4; +} +.p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; +} +.p-contextmenu .p-menuitem { + margin: 0; +} +.p-contextmenu .p-menuitem:last-child { + margin: 0; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #F0FDFA; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: #0F766E; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: #0F766E; +} +.p-contextmenu .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} +.p-contextmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-contextmenu .p-menuitem-badge { + background: #14B8A6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + +@media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } +} +.p-megamenu { + padding: 0.5rem; + background: #f8f9fa; + color: #495057; + border: 1px solid #dee2e6; + border-radius: 6px; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: #495057; + border-radius: 6px; + transition: box-shadow 0.2s; + user-select: none; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #6c757d; + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #99F6E4; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: #F0FDFA; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #0F766E; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #0F766E; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #0F766E; +} +.p-megamenu .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-megamenu .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-megamenu .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-megamenu .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-megamenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #99F6E4; +} +.p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #495057; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.p-megamenu .p-megamenu-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: #343a40; + background: #ffffff; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-megamenu .p-megamenu-submenu { + padding: 0.25rem 0; + width: 12.5rem; +} +.p-megamenu .p-megamenu-submenu .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem { + margin: 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #F0FDFA; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: #0F766E; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: #0F766E; +} +.p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem { + margin: 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem-badge { + background: #14B8A6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menu { + padding: 0.25rem 0; + background: #ffffff; + color: #495057; + border: 1px solid #dee2e6; + border-radius: 6px; + width: 12.5rem; +} +.p-menu .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menu .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-menu .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-menu .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-menu .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-menu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #99F6E4; +} +.p-menu.p-menu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: #343a40; + background: #ffffff; + font-weight: 700; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.p-menu .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} +.p-menu .p-menuitem { + margin: 0; +} +.p-menu .p-menuitem:last-child { + margin: 0; +} +.p-menu .p-menuitem-badge { + background: #14B8A6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menubar { + padding: 0.5rem; + background: #f8f9fa; + color: #495057; + border: 1px solid #dee2e6; + border-radius: 6px; +} +.p-menubar .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menubar .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-menubar .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-menubar .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-menubar .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #99F6E4; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: #495057; + border-radius: 6px; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #6c757d; + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #99F6E4; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: #F0FDFA; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #0F766E; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #0F766E; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #0F766E; +} +.p-menubar .p-submenu-list { + padding: 0.25rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + width: 12.5rem; +} +.p-menubar .p-submenu-list .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} +.p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; +} +.p-menubar .p-submenu-list .p-menuitem { + margin: 0; +} +.p-menubar .p-submenu-list .p-menuitem:last-child { + margin: 0; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #F0FDFA; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: #0F766E; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: #0F766E; +} +.p-menubar .p-menuitem-badge { + background: #14B8A6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +@media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 2rem; + height: 2rem; + color: #6c757d; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #6c757d; + background: #e9ecef; + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99F6E4; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #6c757d; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #99F6E4; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } +} +.p-panelmenu .p-panelmenu-header > a { + padding: 1.25rem; + border: 1px solid #dee2e6; + color: #6c757d; + background: #f8f9fa; + font-weight: 700; + border-radius: 6px; + transition: box-shadow 0.2s; +} +.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99F6E4; +} +.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + background: #e9ecef; + border-color: #dee2e6; + color: #343a40; +} +.p-panelmenu .p-panelmenu-header.p-highlight { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight > a { + background: #f8f9fa; + border-color: #dee2e6; + color: #343a40; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + border-color: #dee2e6; + background: #e9ecef; + color: #343a40; +} +.p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0; + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + margin-bottom: 4px; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #99F6E4; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { + padding: 0 0 0 1rem; +} +.p-panelmenu .p-panelmenu-panel { + margin-bottom: 4px; +} +.p-panelmenu .p-menuitem-badge { + background: #14B8A6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-slidemenu { + padding: 0.25rem 0; + background: #ffffff; + color: #495057; + border: 1px solid #dee2e6; + border-radius: 6px; + width: 12.5rem; +} +.p-slidemenu .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-slidemenu .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-slidemenu .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-slidemenu .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-slidemenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #99F6E4; +} +.p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { + background: #F0FDFA; +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { + color: #0F766E; +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { + color: #0F766E; +} +.p-slidemenu .p-slidemenu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} +.p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; +} +.p-slidemenu .p-slidemenu-backward { + padding: 0.75rem 1.25rem; + color: #495057; +} +.p-slidemenu .p-menuitem-badge { + background: #14B8A6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: box-shadow 0.2s; + border-radius: 6px; + background: #ffffff; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #495057; + border: 1px solid #e9ecef; + background: #ffffff; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: #6c757d; +} +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99F6E4; +} +.p-steps .p-steps-item.p-highlight .p-steps-number { + background: #F0FDFA; + color: #0F766E; +} +.p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 700; + color: #495057; +} +.p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #dee2e6; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; +} + +.p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: 1px solid #dee2e6; + border-width: 0 0 2px 0; +} +.p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #14B8A6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #dee2e6; + border-width: 0 0 2px 0; + border-color: transparent transparent #dee2e6 transparent; + background: #ffffff; + color: #6c757d; + padding: 1.25rem; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #99F6E4; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #adb5bd; + color: #6c757d; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #14B8A6; + color: #14B8A6; +} +.p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #ffffff; + color: #14B8A6; + width: 3rem; + 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); + border-radius: 0; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #99F6E4; +} + +.p-tieredmenu { + padding: 0.25rem 0; + background: #ffffff; + color: #495057; + border: 1px solid #dee2e6; + border-radius: 6px; + width: 12.5rem; +} +.p-tieredmenu .p-menuitem-link { + padding: 0.75rem 1.25rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-tieredmenu .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-tieredmenu .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-tieredmenu .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-tieredmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #99F6E4; +} +.p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.p-tieredmenu .p-submenu-list { + padding: 0.25rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.p-tieredmenu .p-menuitem { + margin: 0; +} +.p-tieredmenu .p-menuitem:last-child { + margin: 0; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #F0FDFA; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: #0F766E; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: #0F766E; +} +.p-tieredmenu .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} +.p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-tieredmenu .p-menuitem-badge { + background: #14B8A6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-inline-message { + padding: 0.75rem 0.75rem; + margin: 0; + border-radius: 6px; +} +.p-inline-message.p-inline-message-info { + background: #e9e9ff; + border: solid #696cff; + border-width: 0px; + color: #696cff; +} +.p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #696cff; +} +.p-inline-message.p-inline-message-success { + background: #e4f8f0; + border: solid #1ea97c; + border-width: 0px; + color: #1ea97c; +} +.p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #1ea97c; +} +.p-inline-message.p-inline-message-warn { + background: #fff2e2; + border: solid #cc8925; + border-width: 0px; + color: #cc8925; +} +.p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #cc8925; +} +.p-inline-message.p-inline-message-error { + background: #ffe7e6; + border: solid #ff5757; + border-width: 0px; + color: #ff5757; +} +.p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #ff5757; +} +.p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; +} +.p-inline-message .p-inline-message-text { + font-size: 1rem; +} +.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; +} + +.p-message { + margin: 1rem 0; + border-radius: 6px; +} +.p-message .p-message-wrapper { + padding: 1.25rem 1.75rem; +} +.p-message .p-message-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-message .p-message-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99F6E4; +} +.p-message.p-message-info { + background: #e9e9ff; + border: solid #696cff; + border-width: 0 0 0 6px; + color: #696cff; +} +.p-message.p-message-info .p-message-icon { + color: #696cff; +} +.p-message.p-message-info .p-message-close { + color: #696cff; +} +.p-message.p-message-success { + background: #e4f8f0; + border: solid #1ea97c; + border-width: 0 0 0 6px; + color: #1ea97c; +} +.p-message.p-message-success .p-message-icon { + color: #1ea97c; +} +.p-message.p-message-success .p-message-close { + color: #1ea97c; +} +.p-message.p-message-warn { + background: #fff2e2; + border: solid #cc8925; + border-width: 0 0 0 6px; + color: #cc8925; +} +.p-message.p-message-warn .p-message-icon { + color: #cc8925; +} +.p-message.p-message-warn .p-message-close { + color: #cc8925; +} +.p-message.p-message-error { + background: #ffe7e6; + border: solid #ff5757; + border-width: 0 0 0 6px; + color: #ff5757; +} +.p-message.p-message-error .p-message-icon { + color: #ff5757; +} +.p-message.p-message-error .p-message-close { + color: #ff5757; +} +.p-message .p-message-text { + font-size: 1rem; + font-weight: 400; +} +.p-message .p-message-icon { + font-size: 1.5rem; + margin-right: 0.5rem; +} +.p-message .p-message-summary { + font-weight: 700; +} +.p-message .p-message-detail { + margin-left: 0.5rem; +} + +.p-toast { + opacity: 0.9; +} +.p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; +} +.p-toast .p-toast-message .p-toast-message-content { + padding: 1rem; + border-width: 0 0 0 6px; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 1rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 2rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 700; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; +} +.p-toast .p-toast-message .p-toast-icon-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-toast .p-toast-message .p-toast-icon-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99F6E4; +} +.p-toast .p-toast-message.p-toast-message-info { + background: #e9e9ff; + border: solid #696cff; + border-width: 0 0 0 6px; + color: #696cff; +} +.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #696cff; +} +.p-toast .p-toast-message.p-toast-message-success { + background: #e4f8f0; + border: solid #1ea97c; + border-width: 0 0 0 6px; + color: #1ea97c; +} +.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #1ea97c; +} +.p-toast .p-toast-message.p-toast-message-warn { + background: #fff2e2; + border: solid #cc8925; + border-width: 0 0 0 6px; + color: #cc8925; +} +.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #cc8925; +} +.p-toast .p-toast-message.p-toast-message-error { + background: #ffe7e6; + border: solid #ff5757; + border-width: 0 0 0 6px; + color: #ff5757; +} +.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #ff5757; +} + +.p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-item-nav { + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0 0.5rem; +} +.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f8f9fa; + padding: 1rem; +} +.p-galleria .p-galleria-indicators { + padding: 1rem; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #ced4da; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #adb5bd; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #F0FDFA; + color: #0F766E; +} +.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; +} +.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #F0FDFA; + color: #0F766E; +} +.p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f8f9fa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99F6E4; +} + +.p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-preview-indicator { + background-color: transparent; + color: #f8f9fa; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} + +.p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); +} + +.p-image-toolbar { + padding: 1rem; +} + +.p-image-action.p-link { + color: #f8f9fa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-image-action.p-link:last-child { + margin-right: 0; +} +.p-image-action.p-link:hover { + color: #f8f9fa; + background-color: rgba(255, 255, 255, 0.1); +} +.p-image-action.p-link i { + font-size: 1.5rem; +} + +.p-avatar { + background-color: #dee2e6; + border-radius: 6px; +} +.p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +.p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; +} +.p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +.p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; +} + +.p-avatar-group .p-avatar { + border: 2px solid #ffffff; +} + +.p-badge { + background: #14B8A6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +.p-badge.p-badge-secondary { + background-color: #64748B; + color: #ffffff; +} +.p-badge.p-badge-success { + background-color: #22C55E; + color: #ffffff; +} +.p-badge.p-badge-info { + background-color: #3B82F6; + color: #ffffff; +} +.p-badge.p-badge-warning { + background-color: #F59E0B; + color: #ffffff; +} +.p-badge.p-badge-danger { + background-color: #EF4444; + color: #ffffff; +} +.p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +.p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} + +.p-chip { + background-color: #dee2e6; + color: #495057; + border-radius: 16px; + padding: 0 0.75rem; +} +.p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; +} +.p-chip .p-chip-icon { + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; +} +.p-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99F6E4; +} + +.p-inplace .p-inplace-display { + padding: 0.75rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-inplace .p-inplace-display:not(.p-disabled):hover { + background: #e9ecef; + color: #495057; +} +.p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99F6E4; +} + +.p-progressbar { + border: 0 none; + height: 1.5rem; + background: #dee2e6; + border-radius: 6px; +} +.p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #14B8A6; +} +.p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.5rem; +} + +.p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-scrolltop.p-link { + background: rgba(0, 0, 0, 0.7); +} +.p-scrolltop.p-link:hover { + background: rgba(0, 0, 0, 0.8); +} +.p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #f8f9fa; +} + +.p-skeleton { + background-color: #dee2e6; + border-radius: 6px; +} +.p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); +} + +.p-tag { + background: #14B8A6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; +} +.p-tag.p-tag-success { + background-color: #22C55E; + color: #ffffff; +} +.p-tag.p-tag-info { + background-color: #3B82F6; + color: #ffffff; +} +.p-tag.p-tag-warning { + background-color: #F59E0B; + color: #ffffff; +} +.p-tag.p-tag-danger { + background-color: #EF4444; + color: #ffffff; +} +.p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +.p-terminal { + background: #ffffff; + color: #495057; + border: 1px solid #dee2e6; + padding: 1.25rem; +} +.p-terminal .p-terminal-input { + font-size: 1rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; +} + +.p-button-label { + font-weight: 700; +} + +.p-accordion .p-accordion-header .p-accordion-header-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; +} + +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-tabview .p-tabview-nav .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 2px; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); +} + +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #14B8A6; +} + +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #14B8A6; +} + +.p-button:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #75f0e3, 0 1px 2px 0 black; +} +.p-button.p-button-secondary:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 black; +} +.p-button.p-button-success:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 black; +} +.p-button.p-button-info:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 black; +} +.p-button.p-button-warning:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #facf85, 0 1px 2px 0 black; +} +.p-button.p-button-help:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 black; +} +.p-button.p-button-danger:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 black; +} + +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #14B8A6; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #14B8A6; +} diff --git a/assets/layout/styles/theme/lara-light-teal/theme.css.br b/assets/layout/styles/theme/lara-light-teal/theme.css.br new file mode 100644 index 0000000..42a0a35 Binary files /dev/null and b/assets/layout/styles/theme/lara-light-teal/theme.css.br differ diff --git a/assets/layout/styles/theme/lara-light-teal/theme.css.gz b/assets/layout/styles/theme/lara-light-teal/theme.css.gz new file mode 100644 index 0000000..8f62abf Binary files /dev/null and b/assets/layout/styles/theme/lara-light-teal/theme.css.gz differ diff --git a/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff b/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff new file mode 100644 index 0000000..fb70b7e Binary files /dev/null and b/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff differ diff --git a/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff.br b/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff.br new file mode 100644 index 0000000..d45c06a Binary files /dev/null and b/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff.br differ diff --git a/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff.gz b/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff.gz new file mode 100644 index 0000000..2f6fd16 Binary files /dev/null and b/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff.gz differ diff --git a/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 b/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 new file mode 100644 index 0000000..96981bc Binary files /dev/null and b/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 differ diff --git a/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2.br b/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2.br new file mode 100644 index 0000000..119e7fc Binary files /dev/null and b/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2.br differ diff --git a/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2.gz b/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2.gz new file mode 100644 index 0000000..025e002 Binary files /dev/null and b/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2.gz differ diff --git a/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff b/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff new file mode 100644 index 0000000..d023f3d Binary files /dev/null and b/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff differ diff --git a/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff.br b/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff.br new file mode 100644 index 0000000..32cffe7 Binary files /dev/null and b/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff.br differ diff --git a/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff.gz b/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff.gz new file mode 100644 index 0000000..f45dd01 Binary files /dev/null and b/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff.gz differ diff --git a/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 b/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 new file mode 100644 index 0000000..fd49210 Binary files /dev/null and b/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 differ diff --git a/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2.br b/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2.br new file mode 100644 index 0000000..ec7fbc3 Binary files /dev/null and b/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2.br differ diff --git a/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2.gz b/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2.gz new file mode 100644 index 0000000..a4d35e0 Binary files /dev/null and b/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2.gz differ diff --git a/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff b/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff new file mode 100644 index 0000000..f9849df Binary files /dev/null and b/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff differ diff --git a/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff.br b/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff.br new file mode 100644 index 0000000..f026612 Binary files /dev/null and b/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff.br differ diff --git a/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff.gz b/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff.gz new file mode 100644 index 0000000..543edf1 Binary files /dev/null and b/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff.gz differ diff --git a/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 b/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 new file mode 100644 index 0000000..1f7dd5b Binary files /dev/null and b/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 differ diff --git a/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2.br b/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2.br new file mode 100644 index 0000000..3c25e20 Binary files /dev/null and b/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2.br differ diff --git a/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2.gz b/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2.gz new file mode 100644 index 0000000..36fb292 Binary files /dev/null and b/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2.gz differ diff --git a/assets/layout/styles/theme/md-dark-deeppurple/theme.css b/assets/layout/styles/theme/md-dark-deeppurple/theme.css new file mode 100644 index 0000000..6678076 --- /dev/null +++ b/assets/layout/styles/theme/md-dark-deeppurple/theme.css @@ -0,0 +1,7840 @@ +: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:#CE93D8; + --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; +} + +/* roboto-regular - latin-ext_latin */ +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 400; + src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/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 Medium"), local("Roboto-Medium"), url("./fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("./fonts/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("./fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-700.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +* { + box-sizing: border-box; +} + +.p-component { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + font-weight: normal; +} + +.p-component-overlay { + background-color: rgba(0, 0, 0, 0.32); + transition-duration: 0.2s; +} + +.p-disabled, .p-component:disabled { + opacity: 0.38; +} + +.p-error { + color: #f44435; +} + +.p-text-secondary { + color: rgba(255, 255, 255, 0.6); +} + +.pi { + font-size: 1rem; +} + +.p-link { + font-size: 1rem; + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + border-radius: 4px; +} +.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; +} + +.p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; +} + +@keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } +} +@keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } +} + +: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:#fdfafd; + --primary-100:#f3e5f6; + --primary-200:#ead1ee; + --primary-300:#e1bce7; + --primary-400:#d7a8df; + --primary-500:#ce93d8; + --primary-600:#af7db8; + --primary-700:#906797; + --primary-800:#715177; + --primary-900:#523b56; +} + +.p-autocomplete .p-autocomplete-loader { + right: 1rem; +} +.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 4rem; +} +.p-autocomplete .p-autocomplete-multiple-container { + padding: 0.5rem 1rem; + gap: 0.5rem; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #CE93D8; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.5rem 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-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); + padding: 0; + margin: 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.5rem 1rem; + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border-radius: 4px; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; +} + +p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f44435; +} + +.p-autocomplete-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + 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); +} +.p-autocomplete-panel .p-autocomplete-items { + padding: 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 1rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 1rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; +} + +p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 3rem; +} +p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 1rem; +} + +p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 4rem; +} + +p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #f44435; +} + +.p-datepicker { + padding: 0.5rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.3); + border-radius: 4px; +} +.p-datepicker:not(.p-datepicker-inline) { + background: #2b2b2b; + 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); +} +.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #2b2b2b; +} +.p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 500; + margin: 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 2.5rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + font-weight: 500; + padding: 0.5rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #CE93D8; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; +} +.p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0; +} +.p-datepicker table th { + padding: 0.5rem; +} +.p-datepicker table th > span { + width: 2.5rem; + height: 2.5rem; +} +.p-datepicker table td { + padding: 0.5rem; +} +.p-datepicker table td > span { + width: 2.5rem; + height: 2.5rem; + border-radius: 50%; + transition: none; + border: 1px solid transparent; +} +.p-datepicker table td > span.p-highlight { + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); +} +.p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datepicker table td.p-datepicker-today > span { + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-color: rgba(255, 255, 255, 0.5); +} +.p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); +} +.p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} +.p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; +} +.p-datepicker .p-timepicker { + border-top: 1px solid rgba(255, 255, 255, 0.12); + padding: 0.5rem; +} +.p-datepicker .p-timepicker button { + width: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-timepicker button:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-datepicker .p-timepicker button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; +} +.p-datepicker .p-timepicker span { + font-size: 1.25rem; +} +.p-datepicker .p-timepicker > div { + padding: 0 0.5rem; +} +.p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; +} +.p-datepicker .p-monthpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.5rem; + transition: none; + border-radius: 4px; +} +.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); +} +.p-datepicker .p-yearpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.5rem; + transition: none; + border-radius: 4px; +} +.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid rgba(255, 255, 255, 0.12); + padding-right: 0.5rem; + padding-left: 0.5rem; + padding-top: 0; + padding-bottom: 0; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 3rem; +} +p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 1rem; +} + +p-calendar.p-calendar-clearable.p-calendar-w-btn .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 4rem; +} + +@media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } +} +.p-cascadeselect { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 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; +} +.p-cascadeselect:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #CE93D8; +} +.p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 1rem 1rem; +} +.p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-cascadeselect-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + 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); +} +.p-cascadeselect-panel .p-cascadeselect-items { + padding: 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 1rem 1rem; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; +} + +p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f44435; +} + +.p-input-filled .p-cascadeselect { + background: rgba(255, 255, 255, 0.06); +} +.p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); +} +.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: rgba(255, 255, 255, 0.1); +} + +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 1rem; +} +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; +} + +.p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; +} +.p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); +} + +.p-checkbox { + width: 18px; + height: 18px; +} +.p-checkbox .p-checkbox-box { + border: 2px solid rgba(255, 255, 255, 0.7); + background: #1e1e1e; + width: 18px; + height: 18px; + 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); +} +.p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #121212; + font-size: 14px; +} +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #CE93D8; + background: #CE93D8; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #CE93D8; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #CE93D8; + background: #CE93D8; + color: #121212; +} + +p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f44435; +} + +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: rgba(255, 255, 255, 0.06); +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #CE93D8; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: rgba(255, 255, 255, 0.08); +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #CE93D8; +} + +.p-checkbox-label { + margin-left: 0.5rem; +} + +.p-chips .p-chips-multiple-container { + padding: 0.5rem 1rem; + gap: 0.5rem; +} +.p-chips .p-chips-multiple-container:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #CE93D8; +} +.p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.5rem 1rem; + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border-radius: 4px; +} +.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; +} +.p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.5rem 0; +} +.p-chips .p-chips-multiple-container .p-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); + padding: 0; + margin: 0; +} + +p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #f44435; +} + +p-chips.p-chips-clearable .p-inputtext { + padding-right: 2rem; +} +p-chips.p-chips-clearable .p-chips-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 1rem; +} + +.p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; +} + +.p-colorpicker-panel { + background: #2b2b2b; + border: 1px solid #1e1e1e; +} +.p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; +} + +.p-colorpicker-overlay-panel { + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} + +.p-dropdown { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 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; +} +.p-dropdown:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #CE93D8; +} +.p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 2rem; +} +.p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; +} +.p-dropdown .p-dropdown-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-dropdown .p-dropdown-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-dropdown .p-dropdown-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; +} + +.p-dropdown-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + 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); +} +.p-dropdown-panel .p-dropdown-header { + padding: 1rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #2b2b2b; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 2rem; + margin-right: -2rem; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 1rem; + color: rgba(255, 255, 255, 0.6); +} +.p-dropdown-panel .p-dropdown-items { + padding: 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 1rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 1rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; +} + +p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #f44435; +} + +.p-input-filled .p-dropdown { + background: rgba(255, 255, 255, 0.06); +} +.p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: rgba(255, 255, 255, 0.1); +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; +} + +.p-editor-container .p-editor-toolbar { + background: #1e1e1e; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #2b2b2b; + 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; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 1rem 1rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.p-editor-container .p-editor-content .ql-editor { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #CE93D8; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #CE93D8; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #CE93D8; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #CE93D8; +} + +.p-inputgroup-addon { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + border-top: 1px solid rgba(255, 255, 255, 0.3); + border-left: 1px solid rgba(255, 255, 255, 0.3); + border-bottom: 1px solid rgba(255, 255, 255, 0.3); + padding: 1rem 1rem; + min-width: 2.357rem; +} +.p-inputgroup-addon:last-child { + border-right: 1px solid rgba(255, 255, 255, 0.3); +} + +.p-inputgroup > .p-component, +.p-inputgroup > .p-element, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; +} +.p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-element + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; +} +.p-inputgroup > .p-component:focus, +.p-inputgroup > .p-element:focus, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; +} +.p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-element:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; +} + +.p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-fluid .p-inputgroup .p-button { + width: auto; +} +.p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 3rem; +} + +p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #f44435; +} + +p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 3rem; +} +p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 1rem; +} + +p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #f44435; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 3rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 1rem; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 4rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 4rem; +} + +.p-inputswitch { + width: 2.75rem; + height: 1rem; +} +.p-inputswitch .p-inputswitch-slider { + background: rgba(255, 255, 255, 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: 0.5rem; +} +.p-inputswitch .p-inputswitch-slider:before { + background: #bdbdbd; + width: 1.5rem; + height: 1.5rem; + left: -1px; + margin-top: -0.75rem; + border-radius: 50%; + transition-duration: 0.2s; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1.5rem); +} +.p-inputswitch.p-focus .p-inputswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: rgba(255, 255, 255, 0.3); +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: rgba(206, 147, 216, 0.5); +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #CE93D8; +} +.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: rgba(206, 147, 216, 0.5); +} + +p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + border-color: #f44435; +} + +.p-inputtext { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + padding: 1rem 1rem; + border: 1px solid rgba(255, 255, 255, 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); + appearance: none; + border-radius: 4px; +} +.p-inputtext:enabled:hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #CE93D8; +} +.p-inputtext.ng-dirty.ng-invalid { + border-color: #f44435; +} +.p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.875rem 0.875rem; +} +.p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 1.25rem 1.25rem; +} + +.p-float-label > label { + left: 1rem; + color: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; +} + +.p-float-label > .ng-invalid.ng-dirty + label { + color: #f44435; +} + +.p-input-icon-left > i:first-of-type { + left: 1rem; + color: rgba(255, 255, 255, 0.6); +} + +.p-input-icon-left > .p-inputtext { + padding-left: 3rem; +} + +.p-input-icon-left.p-float-label > label { + left: 3rem; +} + +.p-input-icon-right > i:last-of-type { + right: 1rem; + color: rgba(255, 255, 255, 0.6); +} + +.p-input-icon-right > .p-inputtext { + padding-right: 3rem; +} + +::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +:-moz-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +.p-input-filled .p-inputtext { + background-color: rgba(255, 255, 255, 0.06); +} +.p-input-filled .p-inputtext:enabled:hover { + background-color: rgba(255, 255, 255, 0.08); +} +.p-input-filled .p-inputtext:enabled:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.875rem 0.875rem; +} + +.p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 1.25rem 1.25rem; +} + +.p-listbox { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.3); + border-radius: 4px; +} +.p-listbox .p-listbox-header { + padding: 1rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 2rem; +} +.p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 1rem; + color: rgba(255, 255, 255, 0.6); +} +.p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list { + padding: 0; +} +.p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 1rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + transition: none; + border-radius: 0; +} +.p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); +} +.p-listbox .p-listbox-list .p-listbox-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 1rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; +} +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} + +p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #f44435; +} + +.p-multiselect { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 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; +} +.p-multiselect:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #CE93D8; +} +.p-multiselect .p-multiselect-label { + padding: 1rem 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); +} +.p-multiselect .p-multiselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-multiselect.p-multiselect-chip .p-multiselect-label { + gap: 0.5rem; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.5rem 1rem; + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border-radius: 4px; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; +} +.p-multiselect .p-multiselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.5rem 1rem; +} + +.p-multiselect-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + 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); +} +.p-multiselect-panel .p-multiselect-header { + padding: 1rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #2b2b2b; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 2rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 1rem; + color: rgba(255, 255, 255, 0.6); +} +.p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-multiselect-panel .p-multiselect-items { + padding: 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 1rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 1rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} + +p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f44435; +} + +.p-input-filled .p-multiselect { + background: rgba(255, 255, 255, 0.06); +} +.p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); +} +.p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: rgba(255, 255, 255, 0.1); +} + +p-multiselect.p-multiselect-clearable .p-multiselect-label-container { + padding-right: 2rem; +} +p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; +} + +p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #f44435; +} + +.p-password-panel { + padding: 1rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + 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; +} +.p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: rgba(206, 147, 216, 0.32); +} +.p-password-panel .p-password-meter .p-password-strength.weak { + background: #EF9A9A; +} +.p-password-panel .p-password-meter .p-password-strength.medium { + background: #FFF59D; +} +.p-password-panel .p-password-meter .p-password-strength.strong { + background: #C5E1A5; +} + +p-password.p-password-clearable .p-password-input { + padding-right: 3rem; +} +p-password.p-password-clearable .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 1rem; +} + +p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 5rem; +} +p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; +} + +.p-radiobutton { + width: 20px; + height: 20px; +} +.p-radiobutton .p-radiobutton-box { + border: 2px solid rgba(255, 255, 255, 0.7); + background: #1e1e1e; + width: 20px; + height: 20px; + color: rgba(255, 255, 255, 0.87); + 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); +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #CE93D8; +} +.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 10px; + height: 10px; + transition-duration: 0.2s; + background-color: #CE93D8; +} +.p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #CE93D8; + background: #121212; +} +.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #CE93D8; + background: #121212; + color: #CE93D8; +} + +p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #f44435; +} + +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: rgba(255, 255, 255, 0.06); +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #121212; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #121212; +} + +.p-radiobutton-label { + margin-left: 0.5rem; +} + +.p-rating .p-rating-icon { + color: #CE93D8; + margin-left: 0.5rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + font-size: 1.143rem; +} +.p-rating .p-rating-icon.p-rating-cancel { + color: #f44435; +} +.p-rating .p-rating-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-rating .p-rating-icon:first-child { + margin-left: 0; +} +.p-rating .p-rating-icon.pi-star-fill { + color: #CE93D8; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + color: #CE93D8; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + color: #f44435; +} + +.p-selectbutton .p-button { + background: #2f2f2f; + border: 1px solid rgba(255, 255, 255, 0.12); + 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); +} +.p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #373737; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-selectbutton .p-button.p-highlight { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-selectbutton .p-button.p-highlight:hover { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} + +p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #f44435; +} + +.p-slider { + background: rgba(255, 255, 255, 0.3); + border: 0 none; + border-radius: 4px; +} +.p-slider.p-slider-horizontal { + height: 2px; +} +.p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; +} +.p-slider.p-slider-vertical { + width: 2px; +} +.p-slider.p-slider-vertical .p-slider-handle { + margin-left: -10px; + margin-bottom: -10px; +} +.p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #CE93D8; + border: 0 none; + 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); +} +.p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-slider .p-slider-range { + background: #CE93D8; +} +.p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #CE93D8; + border-color: 0 none; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), left 0.2s; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), bottom 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; +} + +.p-togglebutton.p-button { + background: #2f2f2f; + border: 1px solid rgba(255, 255, 255, 0.12); + 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); +} +.p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #373737; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-togglebutton.p-button.p-highlight { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-togglebutton.p-button.p-highlight:hover { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} + +p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #f44435; +} + +.p-treeselect { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 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; +} +.p-treeselect:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #CE93D8; +} +.p-treeselect .p-treeselect-label { + padding: 1rem 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); +} +.p-treeselect .p-treeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.5rem 1rem; + margin-right: 0.5rem; + background: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; +} +.p-treeselect .p-treeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #f44435; +} + +.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.5rem 1rem; +} + +.p-treeselect-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + 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); +} +.p-treeselect-panel .p-treeselect-header { + padding: 1rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #2b2b2b; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 2rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 1rem; + color: rgba(255, 255, 255, 0.6); +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 4rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 3rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} + +.p-input-filled .p-treeselect { + background: rgba(255, 255, 255, 0.06); +} +.p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); +} +.p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: rgba(255, 255, 255, 0.1); +} + +p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 2rem; +} +p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; +} + +.p-button { + color: #121212; + background: #CE93D8; + border: 0 none; + padding: 0.714rem 1rem; + 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: 4px; +} +.p-button:enabled:hover { + background: rgba(206, 147, 216, 0.92); + color: #121212; + border-color: transparent; +} +.p-button:enabled:active { + background: rgba(206, 147, 216, 0.68); + color: #121212; + border-color: transparent; +} +.p-button.p-button-outlined { + background-color: transparent; + color: #CE93D8; + border: 0 none; +} +.p-button.p-button-outlined:enabled:hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; + border: 0 none; +} +.p-button.p-button-outlined:enabled:active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border: 0 none; +} +.p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +.p-button.p-button-text:enabled:hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; + border-color: transparent; +} +.p-button.p-button-text:enabled:active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border-color: transparent; +} +.p-button.p-button-text.p-button-plain { + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-button .p-button-label { + transition-duration: 0.2s; +} +.p-button .p-button-icon-left { + margin-right: 0.5rem; +} +.p-button .p-button-icon-right { + margin-left: 0.5rem; +} +.p-button .p-button-icon-bottom { + margin-top: 0.5rem; +} +.p-button .p-button-icon-top { + margin-bottom: 0.5rem; +} +.p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #CE93D8; + background-color: #121212; +} +.p-button.p-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); +} +.p-button.p-button-rounded { + border-radius: 2rem; +} +.p-button.p-button-icon-only { + width: 3rem; + padding: 0.714rem; +} +.p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; +} +.p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 3rem; +} +.p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.62475rem 0.875rem; +} +.p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; +} +.p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.8925rem 1.25rem; +} +.p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; +} +.p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; +} +.p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; +} + +.p-fluid .p-button { + width: 100%; +} +.p-fluid .p-button-icon-only { + width: 3rem; +} +.p-fluid .p-buttonset { + display: flex; +} +.p-fluid .p-buttonset .p-button { + flex: 1; +} + +.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + color: #121212; + background: #A5D6A7; + border: 0 none; +} +.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + background: rgba(165, 214, 167, 0.92); + color: #121212; + border-color: transparent; +} +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: rgba(165, 214, 167, 0.68); + color: #121212; + border-color: transparent; +} +.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + background-color: transparent; + color: #A5D6A7; + border: 0 none; +} +.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + background: rgba(165, 214, 167, 0.04); + color: #A5D6A7; + border: 0 none; +} +.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(165, 214, 167, 0.16); + color: #A5D6A7; + border: 0 none; +} +.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + background-color: transparent; + color: #A5D6A7; + border-color: transparent; +} +.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + background: rgba(165, 214, 167, 0.04); + border-color: transparent; + color: #A5D6A7; +} +.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + background: rgba(165, 214, 167, 0.16); + border-color: transparent; + color: #A5D6A7; +} + +.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #212121; + background: #90CAF9; + border: 0 none; +} +.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + background: rgba(144, 202, 249, 0.92); + color: #212121; + border-color: transparent; +} +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: rgba(144, 202, 249, 0.68); + color: #212121; + border-color: transparent; +} +.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + background-color: transparent; + color: #90CAF9; + border: 0 none; +} +.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + background: rgba(144, 202, 249, 0.04); + color: #90CAF9; + border: 0 none; +} +.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(144, 202, 249, 0.16); + color: #90CAF9; + border: 0 none; +} +.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + background-color: transparent; + color: #90CAF9; + border-color: transparent; +} +.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + background: rgba(144, 202, 249, 0.04); + border-color: transparent; + color: #90CAF9; +} +.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + background: rgba(144, 202, 249, 0.16); + border-color: transparent; + color: #90CAF9; +} + +.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #212121; + background: #C5E1A5; + border: 0 none; +} +.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + background: rgba(197, 225, 165, 0.92); + color: #212121; + border-color: transparent; +} +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: rgba(197, 225, 165, 0.68); + color: #212121; + border-color: transparent; +} +.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + background-color: transparent; + color: #C5E1A5; + border: 0 none; +} +.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + background: rgba(197, 225, 165, 0.04); + color: #C5E1A5; + border: 0 none; +} +.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(197, 225, 165, 0.16); + color: #C5E1A5; + border: 0 none; +} +.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + background-color: transparent; + color: #C5E1A5; + border-color: transparent; +} +.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + background: rgba(197, 225, 165, 0.04); + border-color: transparent; + color: #C5E1A5; +} +.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + background: rgba(197, 225, 165, 0.16); + border-color: transparent; + color: #C5E1A5; +} + +.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #212121; + background: #FFF59D; + border: 0 none; +} +.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + background: rgba(255, 245, 157, 0.92); + color: #212121; + border-color: transparent; +} +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: rgba(255, 245, 157, 0.68); + color: #212121; + border-color: transparent; +} +.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + background-color: transparent; + color: #FFF59D; + border: 0 none; +} +.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + background: rgba(255, 245, 157, 0.04); + color: #FFF59D; + border: 0 none; +} +.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(255, 245, 157, 0.16); + color: #FFF59D; + border: 0 none; +} +.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + background-color: transparent; + color: #FFF59D; + border-color: transparent; +} +.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + background: rgba(255, 245, 157, 0.04); + border-color: transparent; + color: #FFF59D; +} +.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + background: rgba(255, 245, 157, 0.16); + border-color: transparent; + color: #FFF59D; +} + +.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #212121; + background: #CE93D8; + border: 0 none; +} +.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + background: rgba(206, 147, 216, 0.92); + color: #212121; + border-color: transparent; +} +.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: rgba(206, 147, 216, 0.68); + color: #212121; + border-color: transparent; +} +.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + background-color: transparent; + color: #CE93D8; + border: 0 none; +} +.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; + border: 0 none; +} +.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border: 0 none; +} +.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + background: rgba(206, 147, 216, 0.04); + border-color: transparent; + color: #CE93D8; +} +.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + background: rgba(206, 147, 216, 0.16); + border-color: transparent; + color: #CE93D8; +} + +.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #212121; + background: #EF9A9A; + border: 0 none; +} +.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + background: rgba(239, 154, 154, 0.92); + color: #212121; + border-color: transparent; +} +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: rgba(239, 154, 154, 0.68); + color: #212121; + border-color: transparent; +} +.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + background-color: transparent; + color: #EF9A9A; + border: 0 none; +} +.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + background: rgba(239, 154, 154, 0.04); + color: #EF9A9A; + border: 0 none; +} +.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(239, 154, 154, 0.16); + color: #EF9A9A; + border: 0 none; +} +.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + background-color: transparent; + color: #EF9A9A; + border-color: transparent; +} +.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + background: rgba(239, 154, 154, 0.04); + border-color: transparent; + color: #EF9A9A; +} +.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + background: rgba(239, 154, 154, 0.16); + border-color: transparent; + color: #EF9A9A; +} + +.p-button.p-button-link { + color: #CE93D8; + background: transparent; + border: transparent; +} +.p-button.p-button-link:enabled:hover { + background: transparent; + color: #CE93D8; + border-color: transparent; +} +.p-button.p-button-link:enabled:hover .p-button-label { + text-decoration: underline; +} +.p-button.p-button-link:enabled:focus { + background: transparent; + box-shadow: none; + border-color: transparent; +} +.p-button.p-button-link:enabled:active { + background: transparent; + color: #CE93D8; + border-color: transparent; +} + +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 2rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: #A5D6A7; + color: #212121; +} +.p-speeddial-action:hover { + background: rgba(165, 214, 167, 0.92); + color: #212121; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); +} + +.p-splitbutton { + border-radius: 4px; +} +.p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #CE93D8; + border: 0 none; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border-color: transparent; +} +.p-splitbutton.p-button-text.p-button-plain > .p-button { + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-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); +} +.p-splitbutton.p-button-rounded { + border-radius: 2rem; +} +.p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; +} +.p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.62475rem 0.875rem; +} +.p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; +} +.p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.8925rem 1.25rem; +} +.p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; +} + +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #A5D6A7; + border: 0 none; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(165, 214, 167, 0.04); + color: #A5D6A7; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(165, 214, 167, 0.16); + color: #A5D6A7; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #A5D6A7; + border-color: transparent; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(165, 214, 167, 0.04); + border-color: transparent; + color: #A5D6A7; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(165, 214, 167, 0.16); + border-color: transparent; + color: #A5D6A7; +} + +.p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #90CAF9; + border: 0 none; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(144, 202, 249, 0.04); + color: #90CAF9; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(144, 202, 249, 0.16); + color: #90CAF9; +} +.p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #90CAF9; + border-color: transparent; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(144, 202, 249, 0.04); + border-color: transparent; + color: #90CAF9; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(144, 202, 249, 0.16); + border-color: transparent; + color: #90CAF9; +} + +.p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #C5E1A5; + border: 0 none; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(197, 225, 165, 0.04); + color: #C5E1A5; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(197, 225, 165, 0.16); + color: #C5E1A5; +} +.p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #C5E1A5; + border-color: transparent; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(197, 225, 165, 0.04); + border-color: transparent; + color: #C5E1A5; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(197, 225, 165, 0.16); + border-color: transparent; + color: #C5E1A5; +} + +.p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #FFF59D; + border: 0 none; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 245, 157, 0.04); + color: #FFF59D; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 245, 157, 0.16); + color: #FFF59D; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #FFF59D; + border-color: transparent; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 245, 157, 0.04); + border-color: transparent; + color: #FFF59D; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 245, 157, 0.16); + border-color: transparent; + color: #FFF59D; +} + +.p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #CE93D8; + border: 0 none; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; +} +.p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(206, 147, 216, 0.04); + border-color: transparent; + color: #CE93D8; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(206, 147, 216, 0.16); + border-color: transparent; + color: #CE93D8; +} + +.p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #EF9A9A; + border: 0 none; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(239, 154, 154, 0.04); + color: #EF9A9A; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(239, 154, 154, 0.16); + color: #EF9A9A; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #EF9A9A; + border-color: transparent; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(239, 154, 154, 0.04); + border-color: transparent; + color: #EF9A9A; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(239, 154, 154, 0.16); + border-color: transparent; + color: #EF9A9A; +} + +.p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; +} +.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-carousel .p-carousel-content .p-carousel-prev:focus, +.p-carousel .p-carousel-content .p-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-carousel .p-carousel-indicators { + padding: 1rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +.p-carousel .p-carousel-indicators .p-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; + border-radius: 0; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; +} + +.p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-datatable .p-datatable-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: 1rem 1rem; + font-weight: 500; +} +.p-datatable .p-datatable-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; +} +.p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + transition: none; +} +.p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; +} +.p-datatable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-datatable .p-sortable-column.p-highlight { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column:focus { + box-shadow: none; + outline: 0 none; +} +.p-datatable .p-datatable-tbody > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: none; +} +.p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 1rem 1rem; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; +} +.p-datatable .p-datatable-tbody > tr:focus { + outline: 0.15rem solid transparent; + outline-offset: 0.15rem; +} +.p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(206, 147, 216, 0.16); +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(206, 147, 216, 0.16); +} +.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-column-resizer-helper { + background: #CE93D8; +} +.p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #1e1e1e; +} +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #1e1e1e; +} +.p-datatable .p-datatable-loading-icon { + font-size: 2rem; +} +.p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #222222; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #CE93D8; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #CE93D8; +} +.p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; +} + +.p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-dataview .p-dataview-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: 1rem 1rem; + font-weight: 500; +} +.p-dataview .p-dataview-content { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 1rem 0; +} +.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; +} +.p-dataview .p-dataview-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-dataview .p-dataview-loading-icon { + font-size: 2rem; +} +.p-dataview .p-dataview-emptymessage { + padding: 1rem; +} + +.p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; +} + +.p-column-filter-menu-button { + width: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-menu-button:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; +} +.p-column-filter-menu-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-column-filter-clear-button { + width: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-clear-button:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-column-filter-clear-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-column-filter-overlay { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + 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); + min-width: 12.5rem; +} +.p-column-filter-overlay .p-column-filter-row-items { + padding: 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 1rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; +} + +.p-column-filter-overlay-menu .p-column-filter-operator { + padding: 1rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #2b2b2b; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; +} +.p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 1rem 1rem; +} +.p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1rem; +} + +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-view-container td.fc-widget-content { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.fc.fc-unthemed .fc-view-container .fc-row { + border-right: 1px solid rgba(255, 255, 255, 0.12); +} +.fc.fc-unthemed .fc-view-container .fc-event { + background: rgba(206, 147, 216, 0.16); + border: 1px solid rgba(206, 147, 216, 0.16); + color: #CE93D8; +} +.fc.fc-unthemed .fc-view-container .fc-divider { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); +} +.fc.fc-unthemed .fc-toolbar .fc-button { + color: #121212; + background: #CE93D8; + border: 0 none; + 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: 4px; + display: flex; + align-items: center; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { + background: rgba(206, 147, 216, 0.92); + color: #121212; + border-color: transparent; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { + background: rgba(206, 147, 216, 0.68); + color: #121212; + border-color: transparent; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-unthemed .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #2f2f2f; + border: 1px solid rgba(255, 255, 255, 0.12); + 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); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #373737; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + z-index: 1; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: rgba(255, 255, 255, 0.12); +} +.fc.fc-theme-standard .fc-view-harness th { + background: #1e1e1e; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness td { + color: rgba(255, 255, 255, 0.87); + border-color: rgba(255, 255, 255, 0.12); +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #1e1e1e; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover { + background: none; + border: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 1rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { + opacity: 1; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; + font-family: "PrimeIcons" !important; + font-size: 1rem; + width: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { + content: "\e90b"; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { + padding: 1rem; + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); + border-color: rgba(206, 147, 216, 0.16); +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #CE93D8; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: rgba(206, 147, 216, 0.16); + border-color: rgba(206, 147, 216, 0.16); +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #1e1e1e; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #121212; + background: #CE93D8; + border: 0 none; + 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: 4px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: rgba(206, 147, 216, 0.92); + color: #121212; + border-color: transparent; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: rgba(206, 147, 216, 0.68); + color: #121212; + border-color: transparent; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.38; + color: #121212; + background: #CE93D8; + border: 0 none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #2f2f2f; + border: 1px solid rgba(255, 255, 255, 0.12); + 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); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #373737; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.fc.fc-theme-standard a { + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-highlight { + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); +} + +.p-orderlist .p-orderlist-controls { + padding: 1rem; +} +.p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; +} +.p-orderlist .p-orderlist-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 1rem; + border-bottom: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 500; +} +.p-orderlist .p-orderlist-filter-container { + padding: 1rem; + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 0 none; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 2rem; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 1rem; + color: rgba(255, 255, 255, 0.6); +} +.p-orderlist .p-orderlist-list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 1rem 1rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; +} +.p-orderlist .p-orderlist-list .p-orderlist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); +} +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); +} +.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: rgba(255, 255, 255, 0.02); +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.04); +} + +.p-orderlist-item.cdk-drag-preview { + padding: 1rem 1rem; + box-shadow: 0 5px 5px -3px rgba(0, 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: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; +} + +.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; +} +.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(157, 62, 173, 0.16); +} +.p-organizationchart .p-organizationchart-line-down { + background: rgba(255, 255, 255, 0.12); +} +.p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-color: rgba(255, 255, 255, 0.12); +} +.p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-color: rgba(255, 255, 255, 0.12); +} +.p-organizationchart .p-organizationchart-node-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 1rem; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-paginator { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: solid #404040; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 4px; +} +.p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: none; + border-radius: 50%; +} +.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: rgba(255, 255, 255, 0.6); +} +.p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; +} +.p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 3rem; +} +.p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; +} +.p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; +} +.p-paginator .p-paginator-page-input .p-inputtext { + max-width: 3rem; +} +.p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + padding: 0 0.5rem; +} +.p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: none; + border-radius: 50%; +} +.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(206, 147, 216, 0.16); + border-color: rgba(206, 147, 216, 0.16); + color: #CE93D8; +} +.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: rgba(255, 255, 255, 0.6); +} + +.p-picklist .p-picklist-buttons { + padding: 1rem; +} +.p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; +} +.p-picklist .p-picklist-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 1rem; + border-bottom: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-picklist .p-picklist-header .p-picklist-title { + font-weight: 500; +} +.p-picklist .p-picklist-filter-container { + padding: 1rem; + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 0 none; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 2rem; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 1rem; + color: rgba(255, 255, 255, 0.6); +} +.p-picklist .p-picklist-list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-picklist .p-picklist-list .p-picklist-item { + padding: 1rem 1rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; +} +.p-picklist .p-picklist-list .p-picklist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); +} +.p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); +} +.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: rgba(255, 255, 255, 0.02); +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.04); +} + +.p-picklist-item.cdk-drag-preview { + padding: 1rem 1rem; + box-shadow: 0 5px 5px -3px rgba(0, 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: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; +} + +.p-timeline .p-timeline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #bdbdbd; +} +.p-timeline .p-timeline-event-connector { + background-color: #bdbdbd; +} +.p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; +} +.p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; +} + +.p-tree { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 1rem; + border-radius: 4px; +} +.p-tree .p-tree-container .p-treenode { + padding: 0.25rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 4px; + transition: none; + padding: 0.5rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #CE93D8; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #CE93D8; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; +} +.p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 2rem; +} +.p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 1rem; + color: rgba(255, 255, 255, 0.6); +} +.p-tree .p-treenode-children { + padding: 0 0 0 1rem; +} +.p-tree .p-tree-loading-icon { + font-size: 2rem; +} +.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(182, 94, 197, 0.16); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 4px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem; + transition: none; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(206, 147, 216, 0.16); + color: #CE93D8; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #CE93D8; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-treetable .p-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: 1rem 1rem; + font-weight: 500; +} +.p-treetable .p-treetable-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; +} +.p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + transition: none; +} +.p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; +} +.p-treetable .p-sortable-column { + outline-color: transparent; +} +.p-treetable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-treetable .p-sortable-column.p-highlight { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-treetable-tbody > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: none; +} +.p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 1rem 1rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-treetable-tbody > tr:focus { + outline: 0.15rem solid transparent; + outline-offset: -0.15rem; +} +.p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #CE93D8; +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #CE93D8; +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-column-resizer-helper { + background: #CE93D8; +} +.p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #1e1e1e; +} +.p-treetable .p-treetable-loading-icon { + font-size: 2rem; +} +.p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.875rem 0.875rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 1.25rem 1.25rem; +} + +.p-virtualscroller .p-virtualscroller-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: 1rem 1rem; + font-weight: 500; +} +.p-virtualscroller .p-virtualscroller-content { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 1rem 0; +} +.p-virtualscroller .p-virtualscroller-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.5rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 400; + border-radius: 4px; + transition: none; +} +.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; +} +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #1e1e1e; + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-accordion .p-accordion-content { + padding: 1rem 1.5rem; + border: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; +} +.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; +} +.p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; +} +.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 none; +} +.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-top: 0 none; +} +.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-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; +} +.p-card .p-card-body { + padding: 1rem; +} +.p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +.p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-card .p-card-content { + padding: 1rem 0; +} +.p-card .p-card-footer { + padding: 1rem 0 0 0; +} + +.p-divider .p-divider-content { + background-color: #1e1e1e; +} +.p-divider.p-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; +} +.p-divider.p-divider-horizontal:before { + border-top: 1px rgba(255, 255, 255, 0.12); +} +.p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; +} +.p-divider.p-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; +} +.p-divider.p-divider-vertical:before { + border-left: 1px rgba(255, 255, 255, 0.12); +} +.p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; +} + +.p-fieldset { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; +} +.p-fieldset .p-fieldset-legend { + padding: 1rem; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 500; + border-radius: 4px; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; + transition: none; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.04); + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.p-fieldset .p-fieldset-content { + padding: 1rem; +} + +.p-panel .p-panel-header { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 1rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-panel .p-panel-header .p-panel-title { + font-weight: 500; +} +.p-panel .p-panel-header .p-panel-header-icon { + width: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-panel .p-panel-header .p-panel-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-panel.p-panel-toggleable .p-panel-header { + padding: 0.5rem 1rem; +} +.p-panel .p-panel-content { + padding: 1rem; + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + border-top: 0 none; +} +.p-panel .p-panel-footer { + padding: 1rem 1rem; + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} +.p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; +} +.p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; +} +.p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; +} + +.p-scrollpanel .p-scrollpanel-bar { + background: rgba(255, 255, 255, 0.12); + border: 0 none; +} + +.p-splitter { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + border-radius: 4px; + color: rgba(255, 255, 255, 0.87); +} +.p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: rgba(255, 255, 255, 0.04); +} +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: rgba(255, 255, 255, 0.12); +} +.p-splitter .p-splitter-gutter-resizing { + background: rgba(255, 255, 255, 0.12); +} + +.p-tabview .p-tabview-nav { + background: transparent; + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; +} +.p-tabview .p-tabview-nav li { + margin-right: 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + border-color: transparent transparent rgba(255, 255, 255, 0.12) transparent; + background: transparent; + color: rgba(255, 255, 255, 0.6); + padding: 1rem 1.5rem; + font-weight: 500; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: none; + margin: 0 0 0 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: rgba(206, 147, 216, 0.04); + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.6); +} +.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: transparent; + border-color: rgba(255, 255, 255, 0.12); + color: #CE93D8; +} +.p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; +} +.p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-close { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-nav-btn.p-link { + background: transparent; + color: #CE93D8; + width: 3rem; + 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); + border-radius: 0; +} +.p-tabview .p-tabview-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +.p-tabview .p-tabview-panels { + background: transparent; + padding: 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-toolbar { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 1rem; + border-radius: 4px; + gap: 0.5rem; +} +.p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; +} + +.p-confirm-popup { + background: #262626; + 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); +} +.p-confirm-popup .p-confirm-popup-content { + padding: 1rem; +} +.p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 1rem 1rem; +} +.p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; +} +.p-confirm-popup:after { + border: solid transparent; + border-color: rgba(38, 38, 38, 0); + border-bottom-color: #262626; +} +.p-confirm-popup:before { + border: solid transparent; + border-color: rgba(38, 38, 38, 0); + border-bottom-color: #262626; +} +.p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #262626; +} +.p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #262626; +} +.p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; +} +.p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; +} + +.p-dialog { + 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); + border: 0 none; +} +.p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #262626; + color: rgba(255, 255, 255, 0.87); + padding: 1.5rem; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-dialog .p-dialog-header .p-dialog-title { + font-weight: 500; + font-size: 1.25rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-dialog .p-dialog-header .p-dialog-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; +} +.p-dialog .p-dialog-content { + background: #262626; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.5rem 1.5rem 1.5rem; +} +.p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-dialog .p-dialog-footer { + border-top: 0 none; + background: #262626; + color: rgba(255, 255, 255, 0.87); + padding: 1rem 1.5rem; + text-align: right; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; +} + +.p-overlaypanel { + background: #262626; + 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); +} +.p-overlaypanel .p-overlaypanel-content { + padding: 1rem; +} +.p-overlaypanel .p-overlaypanel-close { + background: #CE93D8; + color: #121212; + width: 2.5rem; + height: 2.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + position: absolute; + top: -1.25rem; + right: -1.25rem; +} +.p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: rgba(206, 147, 216, 0.92); + color: #121212; +} +.p-overlaypanel:after { + border: solid transparent; + border-color: rgba(38, 38, 38, 0); + border-bottom-color: #262626; +} +.p-overlaypanel:before { + border: solid transparent; + border-color: rgba(38, 38, 38, 0); + border-bottom-color: #242424; +} +.p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #262626; +} +.p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #262626; +} + +.p-sidebar { + background: #262626; + color: rgba(255, 255, 255, 0.87); + 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); +} +.p-sidebar .p-sidebar-header { + padding: 1rem; +} +.p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-sidebar .p-sidebar-header .p-sidebar-close:focus, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; +} +.p-sidebar .p-sidebar-content { + padding: 1rem; +} +.p-sidebar .p-sidebar-footer { + padding: 1rem; +} + +.p-tooltip .p-tooltip-text { + background: #444444; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem; + box-shadow: 0 5px 5px -3px rgba(0, 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; +} +.p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #444444; +} +.p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #444444; +} +.p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #444444; +} +.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #444444; +} + +.p-fileupload .p-fileupload-buttonbar { + background: #1e1e1e; + padding: 1rem; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + border-bottom: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; +} +.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-fileupload .p-fileupload-content { + background: #1e1e1e; + padding: 2rem 1rem; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-fileupload .p-progressbar { + height: 4px; +} +.p-fileupload .p-fileupload-row > div { + padding: 1rem 1rem; +} +.p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; +} + +.p-fileupload-choose:not(.p-disabled):hover { + background: rgba(206, 147, 216, 0.92); + color: #121212; + border-color: transparent; +} +.p-fileupload-choose:not(.p-disabled):active { + background: rgba(206, 147, 216, 0.68); + color: #121212; + border-color: transparent; +} + +.p-breadcrumb { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + padding: 1rem; +} +.p-breadcrumb ul li .p-menuitem-link { + transition: none; + border-radius: 4px; +} +.p-breadcrumb ul li .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-breadcrumb ul li.p-breadcrumb-chevron { + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-breadcrumb ul li:last-child .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-breadcrumb ul li:last-child .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} + +.p-contextmenu { + padding: 0.5rem 0; + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + 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); + border-radius: 4px; + width: 12.5rem; +} +.p-contextmenu .p-menuitem-link { + padding: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-contextmenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-contextmenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-contextmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #2b2b2b; + 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); + border-radius: 4px; +} +.p-contextmenu .p-menuitem { + margin: 0; +} +.p-contextmenu .p-menuitem:last-child { + margin: 0; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(255, 255, 255, 0.04); +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-contextmenu .p-menu-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; +} +.p-contextmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-contextmenu .p-menuitem-badge { + background: #CE93D8; + color: #121212; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + +@media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } +} +.p-megamenu { + padding: 1rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; + transition: none; + user-select: none; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu .p-menuitem-link { + padding: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-megamenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-megamenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-megamenu .p-megamenu-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + 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); +} +.p-megamenu .p-megamenu-submenu-header { + margin: 0; + padding: 1rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-megamenu .p-megamenu-submenu { + padding: 0.5rem 0; + width: 12.5rem; +} +.p-megamenu .p-megamenu-submenu .p-menu-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem { + margin: 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(255, 255, 255, 0.04); +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.5rem 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem { + margin: 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem-badge { + background: #CE93D8; + color: #121212; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menu { + padding: 0.5rem 0; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + width: 12.5rem; +} +.p-menu .p-menuitem-link { + padding: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-menu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-menu.p-menu-overlay { + background: #2b2b2b; + 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); +} +.p-menu .p-submenu-header { + margin: 0; + padding: 1rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.p-menu .p-menu-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; +} +.p-menu .p-menuitem { + margin: 0; +} +.p-menu .p-menuitem:last-child { + margin: 0; +} +.p-menu .p-menuitem-badge { + background: #CE93D8; + color: #121212; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menubar { + padding: 1rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; +} +.p-menubar .p-menuitem-link { + padding: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-menubar .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menubar .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; + transition: none; + user-select: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-submenu-list { + padding: 0.5rem 0; + background: #2b2b2b; + 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); + width: 12.5rem; +} +.p-menubar .p-submenu-list .p-menu-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; +} +.p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; +} +.p-menubar .p-submenu-list .p-menuitem { + margin: 0; +} +.p-menubar .p-submenu-list .p-menuitem:last-child { + margin: 0; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(255, 255, 255, 0.04); +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-menuitem-badge { + background: #CE93D8; + color: #121212; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +@media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(255, 255, 255, 0.6); + background: rgba(255, 255, 255, 0.04); + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.5rem 0; + background: #2b2b2b; + 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); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menu-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: none; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list ul li a { + padding-left: 3rem; + } + .p-menubar .p-menubar-root-list ul li ul li a { + padding-left: 5rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li a { + padding-left: 7rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 9rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 11rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } +} +.p-panelmenu .p-panelmenu-header > a { + padding: 1.5rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 400; + border-radius: 4px; + transition: none; +} +.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-header.p-highlight { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight > a { + background: #1e1e1e; + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content { + padding: 0.5rem 0; + border: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + margin-bottom: 0; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { + padding: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { + padding: 0 0 0 1rem; +} +.p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { + border-radius: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; +} +.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { + border-top: 0 none; +} +.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { + border-top: 0 none; +} +.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-panelmenu .p-menuitem-badge { + background: #CE93D8; + color: #121212; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-slidemenu { + padding: 0.5rem 0; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + width: 12.5rem; +} +.p-slidemenu .p-menuitem-link { + padding: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-slidemenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-slidemenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-slidemenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-slidemenu.p-slidemenu-overlay { + background: #2b2b2b; + 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); +} +.p-slidemenu .p-slidemenu-list { + padding: 0.5rem 0; + background: #2b2b2b; + 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); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { + background: rgba(255, 255, 255, 0.04); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-slidemenu .p-slidemenu-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; +} +.p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; +} +.p-slidemenu .p-slidemenu-backward { + padding: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-badge { + background: #CE93D8; + color: #121212; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: none; + border-radius: 4px; + background: transparent; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: rgba(255, 255, 255, 0.87); + border: 1px solid transparent; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: rgba(255, 255, 255, 0.87); +} +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; +} +.p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: rgba(255, 255, 255, 0.87); +} +.p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid rgba(255, 255, 255, 0.12); + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; +} + +.p-tabmenu .p-tabmenu-nav { + background: transparent; + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; +} +.p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #CE93D8; + color: #121212; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + border-color: transparent transparent rgba(255, 255, 255, 0.12) transparent; + background: transparent; + color: rgba(255, 255, 255, 0.6); + padding: 1rem 1.5rem; + font-weight: 500; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: none; + margin: 0 0 0 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: rgba(206, 147, 216, 0.04); + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.6); +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: transparent; + border-color: rgba(255, 255, 255, 0.12); + color: #CE93D8; +} +.p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link { + background: transparent; + color: #CE93D8; + width: 3rem; + 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); + border-radius: 0; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} + +.p-tieredmenu { + padding: 0.5rem 0; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + width: 12.5rem; +} +.p-tieredmenu .p-menuitem-link { + padding: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-tieredmenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-tieredmenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-tieredmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-tieredmenu.p-tieredmenu-overlay { + background: #2b2b2b; + 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); +} +.p-tieredmenu .p-submenu-list { + padding: 0.5rem 0; + background: #2b2b2b; + 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); +} +.p-tieredmenu .p-menuitem { + margin: 0; +} +.p-tieredmenu .p-menuitem:last-child { + margin: 0; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(255, 255, 255, 0.04); +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-tieredmenu .p-menu-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; +} +.p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-tieredmenu .p-menuitem-badge { + background: #CE93D8; + color: #121212; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-inline-message { + padding: 1rem 1rem; + margin: 0; + border-radius: 4px; +} +.p-inline-message.p-inline-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 1px; + color: #01579B; +} +.p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #01579B; +} +.p-inline-message.p-inline-message-success { + background: #C8E6C9; + border: solid transparent; + border-width: 1px; + color: #1B5E20; +} +.p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #1B5E20; +} +.p-inline-message.p-inline-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 1px; + color: #7f6003; +} +.p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #7f6003; +} +.p-inline-message.p-inline-message-error { + background: #FFCDD2; + border: solid transparent; + border-width: 1px; + color: #B71C1C; +} +.p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #B71C1C; +} +.p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; +} +.p-inline-message .p-inline-message-text { + font-size: 1rem; +} +.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; +} + +.p-message { + margin: 1rem 0; + border-radius: 4px; +} +.p-message .p-message-wrapper { + padding: 1.25rem 1.5rem; +} +.p-message .p-message-close { + width: 2.5rem; + height: 2.5rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-message .p-message-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-message.p-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579B; +} +.p-message.p-message-info .p-message-icon { + color: #01579B; +} +.p-message.p-message-info .p-message-close { + color: #01579B; +} +.p-message.p-message-success { + background: #C8E6C9; + border: solid transparent; + border-width: 0 0 0 0; + color: #1B5E20; +} +.p-message.p-message-success .p-message-icon { + color: #1B5E20; +} +.p-message.p-message-success .p-message-close { + color: #1B5E20; +} +.p-message.p-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; +} +.p-message.p-message-warn .p-message-icon { + color: #7f6003; +} +.p-message.p-message-warn .p-message-close { + color: #7f6003; +} +.p-message.p-message-error { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 0; + color: #B71C1C; +} +.p-message.p-message-error .p-message-icon { + color: #B71C1C; +} +.p-message.p-message-error .p-message-close { + color: #B71C1C; +} +.p-message .p-message-text { + font-size: 1rem; + font-weight: 500; +} +.p-message .p-message-icon { + font-size: 1.5rem; + margin-right: 0.5rem; +} +.p-message .p-message-summary { + font-weight: 700; +} +.p-message .p-message-detail { + margin-left: 0.5rem; +} + +.p-toast { + opacity: 0.9; +} +.p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 5px 5px -3px rgba(0, 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; +} +.p-toast .p-toast-message .p-toast-message-content { + padding: 1.5rem; + border-width: 0 0 0 0; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 1rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 2rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 700; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; +} +.p-toast .p-toast-message .p-toast-icon-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-toast .p-toast-message .p-toast-icon-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-toast .p-toast-message.p-toast-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579B; +} +.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #01579B; +} +.p-toast .p-toast-message.p-toast-message-success { + background: #C8E6C9; + border: solid transparent; + border-width: 0 0 0 0; + color: #1B5E20; +} +.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #1B5E20; +} +.p-toast .p-toast-message.p-toast-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; +} +.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #7f6003; +} +.p-toast .p-toast-message.p-toast-message-error { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 0; + color: #B71C1C; +} +.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #B71C1C; +} + +.p-galleria .p-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; + border-radius: 50%; +} +.p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria .p-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; + border-radius: 50%; + margin: 0 0.5rem; +} +.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.87); + padding: 1rem; +} +.p-galleria .p-galleria-indicators { + padding: 1rem; +} +.p-galleria .p-galleria-indicators .p-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; + border-radius: 50%; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; +} +.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; +} +.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.3); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; +} +.p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-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; + border-radius: 50%; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-preview-indicator { + background-color: transparent; + color: #f8f9fa; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} + +.p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); +} + +.p-image-toolbar { + padding: 1rem; +} + +.p-image-action.p-link { + color: #f8f9fa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-image-action.p-link:last-child { + margin-right: 0; +} +.p-image-action.p-link:hover { + color: #f8f9fa; + background-color: rgba(255, 255, 255, 0.1); +} +.p-image-action.p-link i { + font-size: 1.5rem; +} + +.p-avatar { + background-color: rgba(255, 255, 255, 0.12); + border-radius: 4px; +} +.p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +.p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; +} +.p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +.p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; +} + +.p-avatar-group .p-avatar { + border: 2px solid #1e1e1e; +} + +.p-badge { + background: #CE93D8; + color: #121212; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +.p-badge.p-badge-secondary { + background-color: #A5D6A7; + color: #121212; +} +.p-badge.p-badge-success { + background-color: #C5E1A5; + color: #212121; +} +.p-badge.p-badge-info { + background-color: #90CAF9; + color: #212121; +} +.p-badge.p-badge-warning { + background-color: #FFF59D; + color: #212121; +} +.p-badge.p-badge-danger { + background-color: #EF9A9A; + color: #212121; +} +.p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +.p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} + +.p-chip { + background-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + padding: 0 1rem; +} +.p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.5rem; + margin-bottom: 0.5rem; +} +.p-chip .p-chip-icon { + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; +} +.p-chip img { + width: 2.5rem; + height: 2.5rem; + margin-left: -1rem; + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-inplace .p-inplace-display { + padding: 1rem 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); +} +.p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-progressbar { + border: 0 none; + height: 4px; + background: rgba(206, 147, 216, 0.32); + border-radius: 4px; +} +.p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #CE93D8; +} +.p-progressbar .p-progressbar-label { + color: #121212; + line-height: 4px; +} + +.p-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, color 0.2s, box-shadow 0.2s; +} +.p-scrolltop.p-link { + background: #A5D6A7; +} +.p-scrolltop.p-link:hover { + background: rgba(165, 214, 167, 0.92); +} +.p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #121212; +} + +.p-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 4px; +} +.p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); +} + +.p-tag { + background: #CE93D8; + color: #121212; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; +} +.p-tag.p-tag-success { + background-color: #C5E1A5; + color: #212121; +} +.p-tag.p-tag-info { + background-color: #90CAF9; + color: #212121; +} +.p-tag.p-tag-warning { + background-color: #FFF59D; + color: #212121; +} +.p-tag.p-tag-danger { + background-color: #EF9A9A; + color: #212121; +} +.p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +.p-terminal { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 1rem; +} +.p-terminal .p-terminal-input { + font-size: 1rem; + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; +} + +.p-accordion .p-accordion-tab { + 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); + margin-bottom: 0; + border-radius: 0; + position: relative; + transition: margin-bottom 225ms; +} +.p-accordion .p-accordion-tab:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +.p-accordion .p-accordion-tab:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-accordion .p-accordion-tab .p-accordion-toggle-icon { + order: 1; + margin-left: auto; + transition: transform 0.2s; +} +.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-header-link:focus { + background: rgba(255, 255, 255, 0.04); +} +.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-toggle-icon { + transform: rotate(-270deg); +} +.p-accordion .p-accordion-tab.p-accordion-tab-active { + margin-bottom: 1rem; +} +.p-accordion .p-accordion-tab.p-accordion-tab-active .p-accordion-toggle-icon { + transform: rotate(-180deg); +} +.p-accordion .p-accordion-tab .p-accordion-header.p-disabled { + opacity: 1; +} +.p-accordion .p-accordion-tab .p-accordion-header.p-disabled .p-accordion-header-link > * { + opacity: 0.38; +} + +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; +} + +.p-input-filled .p-autocomplete .p-autocomplete-multiple-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +.p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} + +.p-float-label .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 1rem; +} + +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding-top: 0; + padding-bottom: 0; +} +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + font-size: 75%; +} +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0; +} +.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; +} +.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} + +p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled: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; +} +p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-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; +} + +.p-breadcrumb .p-menuitem-link { + padding: 0.25rem 0.5rem; +} +.p-breadcrumb .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); +} + +.p-button { + font-weight: 500; + min-width: 4rem; +} +.p-button.p-button-icon-only { + min-width: auto; +} +.p-button:enabled:focus { + background: rgba(206, 147, 216, 0.76); +} +.p-button:enabled:active { + background: rgba(206, 147, 216, 0.68); +} +.p-button .p-ink { + background-color: rgba(255, 255, 255, 0.32); +} +.p-button.p-button-text:enabled:focus, .p-button.p-button-outlined:enabled:focus { + background: rgba(206, 147, 216, 0.12); +} +.p-button.p-button-text:enabled:active, .p-button.p-button-outlined:enabled:active { + background: rgba(206, 147, 216, 0.16); +} +.p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink { + background-color: rgba(206, 147, 216, 0.16); +} +.p-button.p-button-outlined { + box-shadow: inset 0 0 0 1px; +} +.p-button.p-button-outlined:enabled:focus { + box-shadow: inset 0 0 0 1px; +} +.p-button.p-button-outlined:enabled:active { + box-shadow: inset 0 0 0 1px; +} +.p-button:disabled { + background-color: rgba(255, 255, 255, 0.12) !important; + color: rgba(255, 255, 255, 0.38) !important; + opacity: 1; +} +.p-button:disabled.p-button-text { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.38) !important; +} +.p-button:disabled.p-button-outlined { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.38) !important; + border-color: rgba(255, 255, 255, 0.38) !important; +} +.p-button.p-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); +} + +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + background: rgba(165, 214, 167, 0.76); +} +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: rgba(165, 214, 167, 0.68); +} +.p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus { + background: rgba(165, 214, 167, 0.12); +} +.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(165, 214, 167, 0.16); +} +.p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink { + background-color: rgba(165, 214, 167, 0.16); +} + +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + background: rgba(144, 202, 249, 0.76); +} +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: rgba(144, 202, 249, 0.68); +} +.p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus { + background: rgba(144, 202, 249, 0.12); +} +.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(144, 202, 249, 0.16); +} +.p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink { + background-color: rgba(144, 202, 249, 0.16); +} + +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + background: rgba(197, 225, 165, 0.76); +} +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: rgba(197, 225, 165, 0.68); +} +.p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus { + background: rgba(197, 225, 165, 0.12); +} +.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(197, 225, 165, 0.16); +} +.p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink { + background-color: rgba(197, 225, 165, 0.16); +} + +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + background: rgba(255, 245, 157, 0.76); +} +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: rgba(255, 245, 157, 0.68); +} +.p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus { + background: rgba(255, 245, 157, 0.12); +} +.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(255, 245, 157, 0.16); +} +.p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink { + background-color: rgba(255, 245, 157, 0.16); +} + +.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + background: rgba(206, 147, 216, 0.76); +} +.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: rgba(206, 147, 216, 0.68); +} +.p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus { + background: rgba(206, 147, 216, 0.12); +} +.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(206, 147, 216, 0.16); +} +.p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink { + background-color: rgba(206, 147, 216, 0.16); +} + +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + background: rgba(239, 154, 154, 0.76); +} +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: rgba(239, 154, 154, 0.68); +} +.p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus { + background: rgba(239, 154, 154, 0.12); +} +.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(239, 154, 154, 0.16); +} +.p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink { + background-color: rgba(239, 154, 154, 0.16); +} + +.p-calendar-w-btn { + border: 1px solid rgba(255, 255, 255, 0.3); + background: #1e1e1e; + 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); +} +.p-calendar-w-btn .p-inputtext { + background-image: none; + background-color: transparent; + border: 0 none; +} +.p-calendar-w-btn .p-inputtext:enabled:focus { + box-shadow: none; +} +.p-calendar-w-btn .p-datepicker-trigger.p-button { + background-color: transparent; + border: 0 none; +} +.p-calendar-w-btn .p-datepicker-trigger.p-button span { + color: rgba(255, 255, 255, 0.6); +} +.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover { + background: rgba(255, 255, 255, 0.04); +} +.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:active, .p-calendar-w-btn .p-datepicker-trigger.p-button:focus { + background: rgba(255, 255, 255, 0.12); +} +.p-calendar-w-btn .p-datepicker-trigger.p-button:disabled { + background-color: transparent !important; +} +.p-calendar-w-btn:not(.p-calendar-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-calendar-w-btn:not(.p-calendar-disabled).p-focus { + border-color: #CE93D8; + box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; +} +.p-calendar-w-btn.p-calendar-disabled { + opacity: 0.38; +} +.p-calendar-w-btn.p-calendar-disabled .p-inputtext { + opacity: 1; +} + +.p-datepicker .p-datepicker-header { + border-bottom: 0 none; +} +.p-datepicker .p-datepicker-header .p-datepicker-title { + margin: 0 auto 0 0; + order: 1; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev { + order: 2; +} +.p-datepicker .p-datepicker-header .p-datepicker-next { + order: 3; +} +.p-datepicker table th { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.38); + font-weight: 400; + font-size: 0.875rem; +} +.p-datepicker table td.p-datepicker-today > span { + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38); +} +.p-datepicker table td.p-datepicker-today.p-highlight { + box-shadow: 0 0 0 1px rgba(206, 147, 216, 0.16); +} + +p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled: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; +} +p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { + border-color: #f44435; +} +p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext:enabled:focus { + box-shadow: none; +} +p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-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; +} + +.p-input-filled .p-calendar-w-btn { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-calendar-w-btn .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-calendar-w-btn .p-inputtext { + border: 0 none; +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext { + border: 0 none; + background-image: none; +} + +.p-cascadeselect .p-inputtext, .p-cascadeselect .p-cascadeselect-trigger { + background-image: none; + background: transparent; +} +.p-cascadeselect .p-inputtext { + border: 0 none; +} +.p-cascadeselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; +} + +.p-cascadeselect-item .p-ink { + background-color: rgba(206, 147, 216, 0.16); +} + +.p-input-filled .p-cascadeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-cascadeselect .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-cascadeselect .p-inputtext:enabled:hover, .p-input-filled .p-cascadeselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-cascadeselect .p-inputtext { + border: 0 none; +} +.p-input-filled .p-cascadeselect .p-cascadeselect-label:hover { + background-image: none; + background: transparent; +} +.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} + +.p-input-filled .p-float-label .p-cascadeselect .p-cascadeselect-label { + padding-top: 1.5rem; + padding-bottom: 0.5rem; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-cascadeselect .p-cascadeselect-label { + padding-top: 1.5rem; + padding-bottom: 0.5rem; +} +.p-input-filled .p-cascadeselect.p-invalid { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} + +p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-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; +} + +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #A5D6A7; + color: #121212; +} + +.p-checkbox { + border-radius: 50%; + transition: box-shadow 0.2s; +} +.p-checkbox .p-checkbox-box { + border-color: rgba(255, 255, 255, 0.7); + border-radius: 2px; + position: relative; +} +.p-checkbox .p-checkbox-box:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.7); +} +.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { + border-color: rgba(255, 255, 255, 0.7); +} +.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus { + border-color: #CE93D8; +} +.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check: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; +} +.p-checkbox:not(.p-checkbox-disabled):hover { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +.p-checkbox:not(.p-checkbox-disabled).p-checkbox-focused { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); +} +.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled):hover { + box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.04); +} +.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused { + box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.12); +} + +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #1e1e1e; +} +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):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); + } +} +.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; +} + +.p-input-filled .p-chips-multiple-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-chips-multiple-container .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-chips-multiple-container:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +.p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-chips-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} + +.p-float-label .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 1rem; +} + +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token { + padding-top: 0; + padding-bottom: 0; +} +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + font-size: 75%; +} +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0; +} +.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} + +p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-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; +} + +.p-datatable .p-sortable-column { + outline: 0 none; +} +.p-datatable .p-sortable-column:focus { + background-color: rgba(255, 255, 255, 0.03); +} +.p-datatable .p-datatable-tbody > tr { + outline: 0 none; +} +.p-datatable .p-datatable-tbody > tr:not(.p-highlight):focus { + background-color: rgba(255, 255, 255, 0.03); +} + +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #CE93D8; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #CE93D8; +} + +.p-dropdown .p-inputtext, .p-dropdown .p-dropdown-trigger { + background-image: none; + background: transparent; +} +.p-dropdown .p-inputtext { + border: 0 none; +} +.p-dropdown:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; +} + +.p-dropdown-item .p-ink { + background-color: rgba(206, 147, 216, 0.16); +} + +.p-input-filled .p-dropdown { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-dropdown .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-dropdown .p-inputtext:enabled:hover, .p-input-filled .p-dropdown .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-dropdown .p-inputtext { + border: 0 none; +} +.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus, .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} + +p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-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; +} + +.p-galleria .p-galleria-indicators { + padding: 1rem; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #A5D6A7; + color: #121212; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(165, 214, 167, 0.68); + color: #121212; +} + +.p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; +} +.p-inputtext:enabled:focus.ng-invalid.ng-dirty { + 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; +} + +.p-input-filled .p-inputtext { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-inputtext:enabled:hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)); +} +.p-input-filled .p-inputtext:enabled:focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-inputtext.ng-invalid.ng-dirty { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled .p-inputtext.ng-invalid.ng-dirty:enabled:focus { + box-shadow: none; + border-color: transparent; +} + +.p-input-filled .p-inputgroup .p-inputgroup-addon { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-inputgroup .p-inputgroup-addon:last-child { + border-right-color: transparent; +} +.p-input-filled .p-inputgroup-addon:first-child, +.p-input-filled .p-inputgroup button:first-child, +.p-input-filled .p-inputgroup input:first-child { + border-bottom-left-radius: 0; +} +.p-input-filled .p-inputgroup .p-float-label:first-child input { + border-bottom-left-radius: 0; +} +.p-input-filled .p-inputgroup-addon:last-child, +.p-input-filled .p-inputgroup button:last-child, +.p-input-filled .p-inputgroup input:last-child { + border-bottom-right-radius: 0; +} +.p-input-filled .p-inputgroup .p-float-label:last-child input { + border-bottom-right-radius: 0; +} + +p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled: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; +} + +.p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; +} + +p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled: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; +} + +.p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; +} + +.p-inputswitch .p-inputswitch-slider:before { + 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); +} +.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before { + 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); +} +.p-inputswitch.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before { + 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); +} +.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider:before { + box-shadow: 0 0 1px 10px rgba(206, 147, 216, 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); +} +.p-inputswitch.p-inputswitch-checked.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before { + box-shadow: 0 0 1px 10px rgba(206, 147, 216, 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); +} + +.p-fieldset .p-fieldset-legend { + border: 0 none; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + background: rgba(255, 255, 255, 0.12); +} + +.p-float-label input:focus ~ label, +.p-float-label input.p-filled ~ label, +.p-float-label textarea:focus ~ label, +.p-float-label textarea.p-filled ~ label, +.p-float-label .p-inputwrapper-focus ~ label, +.p-float-label .p-inputwrapper-filled ~ label { + top: -0.5rem !important; + background-color: #1e1e1e; + padding: 2px 4px; + margin-left: -4px; + margin-top: 0; +} + +.p-float-label textarea ~ label { + margin-top: 0; +} + +.p-float-label input:focus ~ label, +.p-float-label .p-inputwrapper-focus ~ label { + color: #CE93D8; +} + +.p-input-filled .p-float-label .p-inputtext { + padding-top: 1.5rem; + padding-bottom: 0.5rem; +} +.p-input-filled .p-float-label input:focus ~ label, +.p-input-filled .p-float-label input.p-filled ~ label, +.p-input-filled .p-float-label textarea:focus ~ label, +.p-input-filled .p-float-label textarea.p-filled ~ label, +.p-input-filled .p-float-label .p-inputwrapper-focus ~ label, +.p-input-filled .p-float-label .p-inputwrapper-filled ~ label { + top: 0.25rem !important; + margin-top: 0; + background: transparent; +} + +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-toolbar .fc-button:focus { + background: rgba(206, 147, 216, 0.76); +} +.fc.fc-unthemed .fc-toolbar .fc-button:active { + background: rgba(206, 147, 216, 0.68); +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:focus { + background: rgba(206, 147, 216, 0.76); +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:active { + background: rgba(206, 147, 216, 0.68); +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + background: rgba(206, 147, 216, 0.76); +} +.fc.fc-theme-standard .fc-toolbar .fc-button:active { + background: rgba(206, 147, 216, 0.68); +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:focus { + background: rgba(206, 147, 216, 0.76); +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:active { + background: rgba(206, 147, 216, 0.68); +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); +} + +.p-listbox .p-listbox-list .p-listbox-item .p-ink { + background-color: rgba(206, 147, 216, 0.16); +} +.p-listbox .p-listbox-list .p-listbox-item:focus { + background: rgba(255, 255, 255, 0.12); +} +.p-listbox .p-listbox-list .p-listbox-item:focus.p-highlight { + background: rgba(206, 147, 216, 0.24); +} + +.p-megamenu .p-menuitem .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); +} + +.p-menu .p-menuitem .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); +} + +.p-menubar .p-menuitem .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); +} + +.p-multiselect .p-multiselect-label, .p-multiselect .p-multiselect-trigger { + background-image: none; + background: transparent; +} +.p-multiselect .p-multiselect-label { + border: 0 none; +} +.p-multiselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; +} + +.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-ink { + background-color: rgba(206, 147, 216, 0.16); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + background: rgba(255, 255, 255, 0.12); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus.p-highlight { + background: rgba(206, 147, 216, 0.24); +} +.p-multiselect-panel .p-multiselect-close:focus { + background: rgba(255, 255, 255, 0.12); +} + +.p-input-filled .p-multiselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-multiselect .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +.p-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-multiselect .p-inputtext:enabled:hover, .p-input-filled .p-multiselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-multiselect .p-multiselect-label:hover { + background-image: none; + background: transparent; +} + +.p-float-label .p-multiselect-label .p-multiselect-token { + padding: 0.25rem 1rem; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} + +.p-input-filled .p-float-label .p-multiselect .p-multiselect-label { + padding-top: 1.5rem; + padding-bottom: 0.5rem; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect .p-multiselect-label { + padding-top: 1.5rem; + padding-bottom: 0.5rem; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding-top: 0; + padding-bottom: 0; + margin-top: 0; + margin-bottom: 0; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + font-size: 75%; +} +.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus, .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} + +p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-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; +} + +.p-orderlist .p-orderlist-list .p-orderlist-item:focus { + background: rgba(255, 255, 255, 0.12); +} +.p-orderlist .p-orderlist-list .p-orderlist-item:focus.p-highlight { + background: rgba(206, 147, 216, 0.24); +} + +.p-overlaypanel .p-overlaypanel-content { + padding: 1.5rem; +} + +.p-paginator { + justify-content: flex-end; +} +.p-paginator .p-paginator-element:focus { + background: rgba(255, 255, 255, 0.12); +} +.p-paginator .p-paginator-element:focus.p-highlight { + background: rgba(206, 147, 216, 0.24); +} + +.p-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); +} +.p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + border: 0 none; +} +.p-panel .p-panel-content { + padding-top: 0; +} +.p-panel .p-panel-title { + font-size: 1.25rem; +} +.p-panel .p-panel-header-icon:focus { + background: rgba(255, 255, 255, 0.12); +} + +.p-panelmenu .p-panelmenu-panel { + 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); + margin-bottom: 0; + border-radius: 0; + position: relative; + transition: margin-bottom 225ms; +} +.p-panelmenu .p-panelmenu-panel:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +.p-panelmenu .p-panelmenu-panel:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-icon { + order: 1; + margin-left: auto; + margin-right: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled { + opacity: 1; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-link > * { + opacity: 0.38; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-link:focus { + background: rgba(255, 255, 255, 0.04); +} +.p-panelmenu .p-panelmenu-panel .p-menuitem .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); +} + +.p-picklist .p-picklist-list .p-picklist-item:focus { + background: rgba(255, 255, 255, 0.12); +} +.p-picklist .p-picklist-list .p-picklist-item:focus.p-highlight { + background: rgba(206, 147, 216, 0.24); +} + +.p-progressbar { + border-radius: 0; +} +.p-progressbar .p-progressbar-label { + display: none !important; +} + +.p-radiobutton { + border-radius: 50%; + transition: box-shadow 0.2s; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border: 2px solid rgba(255, 255, 255, 0.7); +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + border: 2px solid rgba(255, 255, 255, 0.7); +} +.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus { + border-color: #CE93D8; +} +.p-radiobutton:not(.p-radiobutton-disabled):hover { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +.p-radiobutton:not(.p-radiobutton-disabled).p-radiobutton-focused { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); +} +.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled):hover { + box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.04); +} +.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled).p-radiobutton-focused { + box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.12); +} + +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #1e1e1e; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #1e1e1e; +} + +.p-rating .p-rating-icon { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-left: 0; +} +.p-rating .p-rating-icon:focus { + background: rgba(206, 147, 216, 0.12); +} +.p-rating .p-rating-icon.p-rating-cancel:focus { + background: rgba(244, 68, 53, 0.12); +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + background-color: rgba(0, 0, 0, 0.04); +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + background: rgba(244, 68, 53, 0.04); +} + +.p-selectbutton .p-button:focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} +.p-selectbutton .p-button:focus.p-highlight { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); +} + +.p-slidemenu .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); +} + +.p-slider .p-slider-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); +} +.p-slider .p-slider-handle:focus { + box-shadow: 0 0 1px 10px rgba(165, 214, 167, 0.2); +} +.p-slider.p-slider-sliding .p-slider-handle { + transform: scale(1); +} + +.p-steps { + padding: 1rem 0; +} +.p-steps .p-steps-item { + justify-content: flex-start; + flex-direction: row-reverse; + align-items: center; +} +.p-steps .p-steps-item:before { + position: static; + left: auto; + top: auto; + margin-top: 0; +} +.p-steps .p-steps-item:last-child { + flex-grow: 0; +} +.p-steps .p-steps-item:last-child:before { + display: none; +} +.p-steps .p-steps-item .p-menuitem-link { + flex-direction: row; + flex: 1 1 auto; + overflow: visible; + padding: 1rem 0.5rem; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-number { + background-color: #9e9d9e; + color: #ffffff; + font-size: 0.857rem; + min-width: 1.714rem; + height: 1.714rem; + line-height: 1.714rem; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin: 0; + padding-left: 0.5rem; +} +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + background: rgba(255, 255, 255, 0.12); +} +.p-steps .p-steps-item.p-highlight .p-steps-number { + background-color: #CE93D8; + color: #121212; +} +.p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 600; + color: rgba(255, 255, 255, 0.87); +} +.p-steps .p-steps-item.p-disabled { + opacity: 1; +} + +.p-tabview .p-tabview-nav { + position: relative; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s; + border-radius: 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link > .p-ink { + background-color: rgba(206, 147, 216, 0.16); +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link:focus { + background-color: rgba(206, 147, 216, 0.12); +} +.p-tabview .p-tabview-nav .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 2px; + background-color: #CE93D8; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); +} + +.p-toolbar { + border: 0 none; +} + +.p-tooltip .p-tooltip-text { + box-shadow: none; + font-size: 0.875rem; +} +.p-tooltip .p-tooltip-arrow { + display: none; +} + +.p-tieredmenu .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); +} + +.p-treeselect .p-treeselect-label, .p-treeselect .p-treeselect-trigger { + background-image: none; + background: transparent; +} +.p-treeselect .p-treeselect-label { + border: 0 none; +} +.p-treeselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; +} + +.p-treeselect-item .p-ink { + background-color: rgba(206, 147, 216, 0.16); +} + +.p-input-filled .p-treeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-treeselect .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +.p-input-filled .p-treeselect:not(.p-disabled).p-focus, .p-input-filled .p-treeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-treeselect .p-inputtext:enabled:hover, .p-input-filled .p-treeselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-treeselect .p-treeselect-label:hover { + background-image: none; + background: transparent; +} + +.p-float-label .p-treeselect-label .p-treeselect-token { + padding: 0.25rem 1rem; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} + +.p-input-filled .p-float-label .p-treeselect .p-treeselect-label { + padding-top: 1.5rem; + padding-bottom: 0.5rem; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect .p-treeselect-label { + padding-top: 1.5rem; + padding-bottom: 0.5rem; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding-top: 0; + padding-bottom: 0; + margin-top: 0; + margin-bottom: 0; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-token .p-treeselect-token-icon { + font-size: 75%; +} +.p-input-filled .p-treeselect.p-invalid { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled .p-treeselect.p-invalid:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} + +.p-treeselect.p-invalid:not(.p-disabled).p-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; +} + +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + background: rgba(255, 255, 255, 0.12); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus.p-highlight { + background: rgba(206, 147, 216, 0.24); +} + +.p-treetable .p-sortable-column { + outline: 0 none; +} +.p-treetable .p-sortable-column:focus { + background-color: rgba(255, 255, 255, 0.03); +} +.p-treetable .p-treetable-tbody > tr { + outline: 0 none; +} +.p-treetable .p-treetable-tbody > tr:not(.p-highlight):focus { + background-color: rgba(255, 255, 255, 0.03); +} + +.p-tabmenu .p-tabmenu-nav { + position: relative; +} +.p-tabmenu .p-tabmenu-nav li .p-menuitem-link { + transition: background-color 0.2s; + border-radius: 0; +} +.p-tabmenu .p-tabmenu-nav li .p-menuitem-link > .p-ink { + background-color: rgba(206, 147, 216, 0.16); +} +.p-tabmenu .p-tabmenu-nav li .p-menuitem-link:focus { + background-color: rgba(206, 147, 216, 0.12); +} +.p-tabmenu .p-tabmenu-nav li.p-highlight .p-menuitem-link:focus { + background-color: rgba(206, 147, 216, 0.12); +} +.p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar { + display: block; + position: absolute; + bottom: 0; + height: 2px; + background-color: #CE93D8; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); +} + +.p-timeline.p-timeline-vertical .p-timeline-event-connector { + margin: 0.5rem 0; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-connector { + margin: 0 0.5rem; +} + +.p-togglebutton.p-button:focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} +.p-togglebutton.p-button:focus.p-highlight { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); +} + +.p-splitbutton.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + background: rgba(206, 147, 216, 0.12); +} +.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(206, 147, 216, 0.16); +} +.p-splitbutton.p-button-outlined > .p-button { + box-shadow: inset 0 0 0 1px; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:focus { + box-shadow: inset 0 0 0 1px; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:active { + box-shadow: inset 0 0 0 1px; +} +.p-splitbutton.p-button-outlined > .p-button.p-splitbutton-menubutton { + margin-left: -1px; + width: calc(3rem + 1px); +} +.p-splitbutton.p-disabled.p-button-text > .p-button { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.38) !important; +} +.p-splitbutton.p-disabled.p-button-outlined > .p-button { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.38) !important; + border-color: rgba(255, 255, 255, 0.38) !important; +} +.p-splitbutton.p-button-raised > .p-button:enabled:focus, .p-splitbutton.p-button-raised > .p-button:not(button):not(a):not(.p-disabled):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); +} + +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + background: rgba(165, 214, 167, 0.12); +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(165, 214, 167, 0.16); +} + +.p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + background: rgba(144, 202, 249, 0.12); +} +.p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(144, 202, 249, 0.16); +} + +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + background: rgba(197, 225, 165, 0.12); +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(197, 225, 165, 0.16); +} + +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + background: rgba(255, 245, 157, 0.12); +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 245, 157, 0.16); +} + +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + background: rgba(206, 147, 216, 0.12); +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(206, 147, 216, 0.16); +} + +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + background: rgba(239, 154, 154, 0.12); +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(239, 154, 154, 0.16); +} + +/* Customizations to the designer theme should be defined here */ diff --git a/assets/layout/styles/theme/md-dark-deeppurple/theme.css.br b/assets/layout/styles/theme/md-dark-deeppurple/theme.css.br new file mode 100644 index 0000000..61448fd Binary files /dev/null and b/assets/layout/styles/theme/md-dark-deeppurple/theme.css.br differ diff --git a/assets/layout/styles/theme/md-dark-deeppurple/theme.css.gz b/assets/layout/styles/theme/md-dark-deeppurple/theme.css.gz new file mode 100644 index 0000000..f752fbd Binary files /dev/null and b/assets/layout/styles/theme/md-dark-deeppurple/theme.css.gz differ diff --git a/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff b/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff new file mode 100644 index 0000000..fb70b7e Binary files /dev/null and b/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff differ diff --git a/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff.br b/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff.br new file mode 100644 index 0000000..d45c06a Binary files /dev/null and b/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff.br differ diff --git a/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff.gz b/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff.gz new file mode 100644 index 0000000..2f6fd16 Binary files /dev/null and b/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff.gz differ diff --git a/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 b/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 new file mode 100644 index 0000000..96981bc Binary files /dev/null and b/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 differ diff --git a/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2.br b/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2.br new file mode 100644 index 0000000..119e7fc Binary files /dev/null and b/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2.br differ diff --git a/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2.gz b/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2.gz new file mode 100644 index 0000000..025e002 Binary files /dev/null and b/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2.gz differ diff --git a/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff b/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff new file mode 100644 index 0000000..d023f3d Binary files /dev/null and b/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff differ diff --git a/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff.br b/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff.br new file mode 100644 index 0000000..32cffe7 Binary files /dev/null and b/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff.br differ diff --git a/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff.gz b/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff.gz new file mode 100644 index 0000000..f45dd01 Binary files /dev/null and b/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff.gz differ diff --git a/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 b/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 new file mode 100644 index 0000000..fd49210 Binary files /dev/null and b/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 differ diff --git a/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2.br b/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2.br new file mode 100644 index 0000000..ec7fbc3 Binary files /dev/null and b/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2.br differ diff --git a/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2.gz b/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2.gz new file mode 100644 index 0000000..a4d35e0 Binary files /dev/null and b/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2.gz differ diff --git a/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff b/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff new file mode 100644 index 0000000..f9849df Binary files /dev/null and b/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff differ diff --git a/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff.br b/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff.br new file mode 100644 index 0000000..f026612 Binary files /dev/null and b/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff.br differ diff --git a/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff.gz b/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff.gz new file mode 100644 index 0000000..543edf1 Binary files /dev/null and b/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff.gz differ diff --git a/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 b/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 new file mode 100644 index 0000000..1f7dd5b Binary files /dev/null and b/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 differ diff --git a/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2.br b/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2.br new file mode 100644 index 0000000..3c25e20 Binary files /dev/null and b/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2.br differ diff --git a/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2.gz b/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2.gz new file mode 100644 index 0000000..36fb292 Binary files /dev/null and b/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2.gz differ diff --git a/assets/layout/styles/theme/md-dark-indigo/theme.css b/assets/layout/styles/theme/md-dark-indigo/theme.css new file mode 100644 index 0000000..9a16f9c --- /dev/null +++ b/assets/layout/styles/theme/md-dark-indigo/theme.css @@ -0,0 +1,7840 @@ +: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-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; +} + +/* roboto-regular - latin-ext_latin */ +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 400; + src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/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 Medium"), local("Roboto-Medium"), url("./fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("./fonts/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("./fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-700.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +* { + box-sizing: border-box; +} + +.p-component { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + font-weight: normal; +} + +.p-component-overlay { + background-color: rgba(0, 0, 0, 0.32); + transition-duration: 0.2s; +} + +.p-disabled, .p-component:disabled { + opacity: 0.38; +} + +.p-error { + color: #f44435; +} + +.p-text-secondary { + color: rgba(255, 255, 255, 0.6); +} + +.pi { + font-size: 1rem; +} + +.p-link { + font-size: 1rem; + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + border-radius: 4px; +} +.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; +} + +.p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; +} + +@keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } +} +@keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } +} + +: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; +} + +.p-autocomplete .p-autocomplete-loader { + right: 1rem; +} +.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 4rem; +} +.p-autocomplete .p-autocomplete-multiple-container { + padding: 0.5rem 1rem; + gap: 0.5rem; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #9FA8DA; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.5rem 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-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); + padding: 0; + margin: 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.5rem 1rem; + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; + border-radius: 4px; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; +} + +p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f44435; +} + +.p-autocomplete-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + 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); +} +.p-autocomplete-panel .p-autocomplete-items { + padding: 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 1rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 1rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; +} + +p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 3rem; +} +p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 1rem; +} + +p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 4rem; +} + +p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #f44435; +} + +.p-datepicker { + padding: 0.5rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.3); + border-radius: 4px; +} +.p-datepicker:not(.p-datepicker-inline) { + background: #2b2b2b; + 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); +} +.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #2b2b2b; +} +.p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 500; + margin: 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 2.5rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + font-weight: 500; + padding: 0.5rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #9FA8DA; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; +} +.p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0; +} +.p-datepicker table th { + padding: 0.5rem; +} +.p-datepicker table th > span { + width: 2.5rem; + height: 2.5rem; +} +.p-datepicker table td { + padding: 0.5rem; +} +.p-datepicker table td > span { + width: 2.5rem; + height: 2.5rem; + border-radius: 50%; + transition: none; + border: 1px solid transparent; +} +.p-datepicker table td > span.p-highlight { + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); +} +.p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datepicker table td.p-datepicker-today > span { + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-color: rgba(255, 255, 255, 0.5); +} +.p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); +} +.p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} +.p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; +} +.p-datepicker .p-timepicker { + border-top: 1px solid rgba(255, 255, 255, 0.12); + padding: 0.5rem; +} +.p-datepicker .p-timepicker button { + width: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-timepicker button:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-datepicker .p-timepicker button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; +} +.p-datepicker .p-timepicker span { + font-size: 1.25rem; +} +.p-datepicker .p-timepicker > div { + padding: 0 0.5rem; +} +.p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; +} +.p-datepicker .p-monthpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.5rem; + transition: none; + border-radius: 4px; +} +.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); +} +.p-datepicker .p-yearpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.5rem; + transition: none; + border-radius: 4px; +} +.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid rgba(255, 255, 255, 0.12); + padding-right: 0.5rem; + padding-left: 0.5rem; + padding-top: 0; + padding-bottom: 0; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 3rem; +} +p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 1rem; +} + +p-calendar.p-calendar-clearable.p-calendar-w-btn .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 4rem; +} + +@media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } +} +.p-cascadeselect { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 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; +} +.p-cascadeselect:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #9FA8DA; +} +.p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 1rem 1rem; +} +.p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-cascadeselect-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + 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); +} +.p-cascadeselect-panel .p-cascadeselect-items { + padding: 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 1rem 1rem; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; +} + +p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f44435; +} + +.p-input-filled .p-cascadeselect { + background: rgba(255, 255, 255, 0.06); +} +.p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); +} +.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: rgba(255, 255, 255, 0.1); +} + +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 1rem; +} +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; +} + +.p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; +} +.p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); +} + +.p-checkbox { + width: 18px; + height: 18px; +} +.p-checkbox .p-checkbox-box { + border: 2px solid rgba(255, 255, 255, 0.7); + background: #1e1e1e; + width: 18px; + height: 18px; + 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); +} +.p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #121212; + font-size: 14px; +} +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #9FA8DA; + background: #9FA8DA; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #9FA8DA; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #9FA8DA; + background: #9FA8DA; + color: #121212; +} + +p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f44435; +} + +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: rgba(255, 255, 255, 0.06); +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #9FA8DA; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: rgba(255, 255, 255, 0.08); +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #9FA8DA; +} + +.p-checkbox-label { + margin-left: 0.5rem; +} + +.p-chips .p-chips-multiple-container { + padding: 0.5rem 1rem; + gap: 0.5rem; +} +.p-chips .p-chips-multiple-container:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #9FA8DA; +} +.p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.5rem 1rem; + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; + border-radius: 4px; +} +.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; +} +.p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.5rem 0; +} +.p-chips .p-chips-multiple-container .p-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); + padding: 0; + margin: 0; +} + +p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #f44435; +} + +p-chips.p-chips-clearable .p-inputtext { + padding-right: 2rem; +} +p-chips.p-chips-clearable .p-chips-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 1rem; +} + +.p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; +} + +.p-colorpicker-panel { + background: #2b2b2b; + border: 1px solid #1e1e1e; +} +.p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; +} + +.p-colorpicker-overlay-panel { + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} + +.p-dropdown { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 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; +} +.p-dropdown:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #9FA8DA; +} +.p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 2rem; +} +.p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; +} +.p-dropdown .p-dropdown-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-dropdown .p-dropdown-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-dropdown .p-dropdown-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; +} + +.p-dropdown-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + 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); +} +.p-dropdown-panel .p-dropdown-header { + padding: 1rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #2b2b2b; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 2rem; + margin-right: -2rem; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 1rem; + color: rgba(255, 255, 255, 0.6); +} +.p-dropdown-panel .p-dropdown-items { + padding: 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 1rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 1rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; +} + +p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #f44435; +} + +.p-input-filled .p-dropdown { + background: rgba(255, 255, 255, 0.06); +} +.p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: rgba(255, 255, 255, 0.1); +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; +} + +.p-editor-container .p-editor-toolbar { + background: #1e1e1e; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #2b2b2b; + 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; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 1rem 1rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.p-editor-container .p-editor-content .ql-editor { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #9FA8DA; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #9FA8DA; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #9FA8DA; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #9FA8DA; +} + +.p-inputgroup-addon { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + border-top: 1px solid rgba(255, 255, 255, 0.3); + border-left: 1px solid rgba(255, 255, 255, 0.3); + border-bottom: 1px solid rgba(255, 255, 255, 0.3); + padding: 1rem 1rem; + min-width: 2.357rem; +} +.p-inputgroup-addon:last-child { + border-right: 1px solid rgba(255, 255, 255, 0.3); +} + +.p-inputgroup > .p-component, +.p-inputgroup > .p-element, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; +} +.p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-element + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; +} +.p-inputgroup > .p-component:focus, +.p-inputgroup > .p-element:focus, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; +} +.p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-element:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; +} + +.p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-fluid .p-inputgroup .p-button { + width: auto; +} +.p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 3rem; +} + +p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #f44435; +} + +p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 3rem; +} +p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 1rem; +} + +p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #f44435; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 3rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 1rem; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 4rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 4rem; +} + +.p-inputswitch { + width: 2.75rem; + height: 1rem; +} +.p-inputswitch .p-inputswitch-slider { + background: rgba(255, 255, 255, 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: 0.5rem; +} +.p-inputswitch .p-inputswitch-slider:before { + background: #bdbdbd; + width: 1.5rem; + height: 1.5rem; + left: -1px; + margin-top: -0.75rem; + border-radius: 50%; + transition-duration: 0.2s; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1.5rem); +} +.p-inputswitch.p-focus .p-inputswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: rgba(255, 255, 255, 0.3); +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: rgba(159, 168, 218, 0.5); +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #9FA8DA; +} +.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: rgba(159, 168, 218, 0.5); +} + +p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + border-color: #f44435; +} + +.p-inputtext { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + padding: 1rem 1rem; + border: 1px solid rgba(255, 255, 255, 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); + appearance: none; + border-radius: 4px; +} +.p-inputtext:enabled:hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #9FA8DA; +} +.p-inputtext.ng-dirty.ng-invalid { + border-color: #f44435; +} +.p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.875rem 0.875rem; +} +.p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 1.25rem 1.25rem; +} + +.p-float-label > label { + left: 1rem; + color: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; +} + +.p-float-label > .ng-invalid.ng-dirty + label { + color: #f44435; +} + +.p-input-icon-left > i:first-of-type { + left: 1rem; + color: rgba(255, 255, 255, 0.6); +} + +.p-input-icon-left > .p-inputtext { + padding-left: 3rem; +} + +.p-input-icon-left.p-float-label > label { + left: 3rem; +} + +.p-input-icon-right > i:last-of-type { + right: 1rem; + color: rgba(255, 255, 255, 0.6); +} + +.p-input-icon-right > .p-inputtext { + padding-right: 3rem; +} + +::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +:-moz-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +.p-input-filled .p-inputtext { + background-color: rgba(255, 255, 255, 0.06); +} +.p-input-filled .p-inputtext:enabled:hover { + background-color: rgba(255, 255, 255, 0.08); +} +.p-input-filled .p-inputtext:enabled:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.875rem 0.875rem; +} + +.p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 1.25rem 1.25rem; +} + +.p-listbox { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.3); + border-radius: 4px; +} +.p-listbox .p-listbox-header { + padding: 1rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 2rem; +} +.p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 1rem; + color: rgba(255, 255, 255, 0.6); +} +.p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list { + padding: 0; +} +.p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 1rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + transition: none; + border-radius: 0; +} +.p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); +} +.p-listbox .p-listbox-list .p-listbox-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 1rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; +} +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} + +p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #f44435; +} + +.p-multiselect { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 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; +} +.p-multiselect:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #9FA8DA; +} +.p-multiselect .p-multiselect-label { + padding: 1rem 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); +} +.p-multiselect .p-multiselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-multiselect.p-multiselect-chip .p-multiselect-label { + gap: 0.5rem; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.5rem 1rem; + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; + border-radius: 4px; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; +} +.p-multiselect .p-multiselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.5rem 1rem; +} + +.p-multiselect-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + 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); +} +.p-multiselect-panel .p-multiselect-header { + padding: 1rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #2b2b2b; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 2rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 1rem; + color: rgba(255, 255, 255, 0.6); +} +.p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-multiselect-panel .p-multiselect-items { + padding: 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 1rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 1rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} + +p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f44435; +} + +.p-input-filled .p-multiselect { + background: rgba(255, 255, 255, 0.06); +} +.p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); +} +.p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: rgba(255, 255, 255, 0.1); +} + +p-multiselect.p-multiselect-clearable .p-multiselect-label-container { + padding-right: 2rem; +} +p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; +} + +p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #f44435; +} + +.p-password-panel { + padding: 1rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + 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; +} +.p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: rgba(159, 168, 218, 0.32); +} +.p-password-panel .p-password-meter .p-password-strength.weak { + background: #EF9A9A; +} +.p-password-panel .p-password-meter .p-password-strength.medium { + background: #FFF59D; +} +.p-password-panel .p-password-meter .p-password-strength.strong { + background: #C5E1A5; +} + +p-password.p-password-clearable .p-password-input { + padding-right: 3rem; +} +p-password.p-password-clearable .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 1rem; +} + +p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 5rem; +} +p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; +} + +.p-radiobutton { + width: 20px; + height: 20px; +} +.p-radiobutton .p-radiobutton-box { + border: 2px solid rgba(255, 255, 255, 0.7); + background: #1e1e1e; + width: 20px; + height: 20px; + color: rgba(255, 255, 255, 0.87); + 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); +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #9FA8DA; +} +.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 10px; + height: 10px; + transition-duration: 0.2s; + background-color: #9FA8DA; +} +.p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #9FA8DA; + background: #121212; +} +.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #9FA8DA; + background: #121212; + color: #9FA8DA; +} + +p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #f44435; +} + +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: rgba(255, 255, 255, 0.06); +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #121212; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #121212; +} + +.p-radiobutton-label { + margin-left: 0.5rem; +} + +.p-rating .p-rating-icon { + color: #9FA8DA; + margin-left: 0.5rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + font-size: 1.143rem; +} +.p-rating .p-rating-icon.p-rating-cancel { + color: #f44435; +} +.p-rating .p-rating-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-rating .p-rating-icon:first-child { + margin-left: 0; +} +.p-rating .p-rating-icon.pi-star-fill { + color: #9FA8DA; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + color: #9FA8DA; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + color: #f44435; +} + +.p-selectbutton .p-button { + background: #2f2f2f; + border: 1px solid rgba(255, 255, 255, 0.12); + 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); +} +.p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #373737; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-selectbutton .p-button.p-highlight { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-selectbutton .p-button.p-highlight:hover { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} + +p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #f44435; +} + +.p-slider { + background: rgba(255, 255, 255, 0.3); + border: 0 none; + border-radius: 4px; +} +.p-slider.p-slider-horizontal { + height: 2px; +} +.p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; +} +.p-slider.p-slider-vertical { + width: 2px; +} +.p-slider.p-slider-vertical .p-slider-handle { + margin-left: -10px; + margin-bottom: -10px; +} +.p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #9FA8DA; + border: 0 none; + 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); +} +.p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-slider .p-slider-range { + background: #9FA8DA; +} +.p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #9FA8DA; + border-color: 0 none; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), left 0.2s; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), bottom 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; +} + +.p-togglebutton.p-button { + background: #2f2f2f; + border: 1px solid rgba(255, 255, 255, 0.12); + 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); +} +.p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #373737; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-togglebutton.p-button.p-highlight { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-togglebutton.p-button.p-highlight:hover { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} + +p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #f44435; +} + +.p-treeselect { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 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; +} +.p-treeselect:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #9FA8DA; +} +.p-treeselect .p-treeselect-label { + padding: 1rem 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); +} +.p-treeselect .p-treeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.5rem 1rem; + margin-right: 0.5rem; + background: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; +} +.p-treeselect .p-treeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #f44435; +} + +.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.5rem 1rem; +} + +.p-treeselect-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + 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); +} +.p-treeselect-panel .p-treeselect-header { + padding: 1rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #2b2b2b; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 2rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 1rem; + color: rgba(255, 255, 255, 0.6); +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 4rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 3rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} + +.p-input-filled .p-treeselect { + background: rgba(255, 255, 255, 0.06); +} +.p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); +} +.p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: rgba(255, 255, 255, 0.1); +} + +p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 2rem; +} +p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; +} + +.p-button { + color: #121212; + background: #9FA8DA; + border: 0 none; + padding: 0.714rem 1rem; + 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: 4px; +} +.p-button:enabled:hover { + background: rgba(159, 168, 218, 0.92); + color: #121212; + border-color: transparent; +} +.p-button:enabled:active { + background: rgba(159, 168, 218, 0.68); + color: #121212; + border-color: transparent; +} +.p-button.p-button-outlined { + background-color: transparent; + color: #9FA8DA; + border: 0 none; +} +.p-button.p-button-outlined:enabled:hover { + background: rgba(159, 168, 218, 0.04); + color: #9FA8DA; + border: 0 none; +} +.p-button.p-button-outlined:enabled:active { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; + border: 0 none; +} +.p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text { + background-color: transparent; + color: #9FA8DA; + border-color: transparent; +} +.p-button.p-button-text:enabled:hover { + background: rgba(159, 168, 218, 0.04); + color: #9FA8DA; + border-color: transparent; +} +.p-button.p-button-text:enabled:active { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; + border-color: transparent; +} +.p-button.p-button-text.p-button-plain { + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-button .p-button-label { + transition-duration: 0.2s; +} +.p-button .p-button-icon-left { + margin-right: 0.5rem; +} +.p-button .p-button-icon-right { + margin-left: 0.5rem; +} +.p-button .p-button-icon-bottom { + margin-top: 0.5rem; +} +.p-button .p-button-icon-top { + margin-bottom: 0.5rem; +} +.p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #9FA8DA; + background-color: #121212; +} +.p-button.p-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); +} +.p-button.p-button-rounded { + border-radius: 2rem; +} +.p-button.p-button-icon-only { + width: 3rem; + padding: 0.714rem; +} +.p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; +} +.p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 3rem; +} +.p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.62475rem 0.875rem; +} +.p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; +} +.p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.8925rem 1.25rem; +} +.p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; +} +.p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; +} +.p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; +} + +.p-fluid .p-button { + width: 100%; +} +.p-fluid .p-button-icon-only { + width: 3rem; +} +.p-fluid .p-buttonset { + display: flex; +} +.p-fluid .p-buttonset .p-button { + flex: 1; +} + +.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + color: #121212; + background: #F48FB1; + border: 0 none; +} +.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + background: rgba(244, 143, 177, 0.92); + color: #121212; + border-color: transparent; +} +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: rgba(244, 143, 177, 0.68); + color: #121212; + border-color: transparent; +} +.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + background-color: transparent; + color: #F48FB1; + border: 0 none; +} +.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + background: rgba(244, 143, 177, 0.04); + color: #F48FB1; + border: 0 none; +} +.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(244, 143, 177, 0.16); + color: #F48FB1; + border: 0 none; +} +.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + background-color: transparent; + color: #F48FB1; + border-color: transparent; +} +.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + background: rgba(244, 143, 177, 0.04); + border-color: transparent; + color: #F48FB1; +} +.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} + +.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #212121; + background: #90CAF9; + border: 0 none; +} +.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + background: rgba(144, 202, 249, 0.92); + color: #212121; + border-color: transparent; +} +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: rgba(144, 202, 249, 0.68); + color: #212121; + border-color: transparent; +} +.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + background-color: transparent; + color: #90CAF9; + border: 0 none; +} +.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + background: rgba(144, 202, 249, 0.04); + color: #90CAF9; + border: 0 none; +} +.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(144, 202, 249, 0.16); + color: #90CAF9; + border: 0 none; +} +.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + background-color: transparent; + color: #90CAF9; + border-color: transparent; +} +.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + background: rgba(144, 202, 249, 0.04); + border-color: transparent; + color: #90CAF9; +} +.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + background: rgba(144, 202, 249, 0.16); + border-color: transparent; + color: #90CAF9; +} + +.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #212121; + background: #C5E1A5; + border: 0 none; +} +.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + background: rgba(197, 225, 165, 0.92); + color: #212121; + border-color: transparent; +} +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: rgba(197, 225, 165, 0.68); + color: #212121; + border-color: transparent; +} +.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + background-color: transparent; + color: #C5E1A5; + border: 0 none; +} +.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + background: rgba(197, 225, 165, 0.04); + color: #C5E1A5; + border: 0 none; +} +.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(197, 225, 165, 0.16); + color: #C5E1A5; + border: 0 none; +} +.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + background-color: transparent; + color: #C5E1A5; + border-color: transparent; +} +.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + background: rgba(197, 225, 165, 0.04); + border-color: transparent; + color: #C5E1A5; +} +.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + background: rgba(197, 225, 165, 0.16); + border-color: transparent; + color: #C5E1A5; +} + +.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #212121; + background: #FFF59D; + border: 0 none; +} +.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + background: rgba(255, 245, 157, 0.92); + color: #212121; + border-color: transparent; +} +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: rgba(255, 245, 157, 0.68); + color: #212121; + border-color: transparent; +} +.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + background-color: transparent; + color: #FFF59D; + border: 0 none; +} +.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + background: rgba(255, 245, 157, 0.04); + color: #FFF59D; + border: 0 none; +} +.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(255, 245, 157, 0.16); + color: #FFF59D; + border: 0 none; +} +.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + background-color: transparent; + color: #FFF59D; + border-color: transparent; +} +.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + background: rgba(255, 245, 157, 0.04); + border-color: transparent; + color: #FFF59D; +} +.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + background: rgba(255, 245, 157, 0.16); + border-color: transparent; + color: #FFF59D; +} + +.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #212121; + background: #CE93D8; + border: 0 none; +} +.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + background: rgba(206, 147, 216, 0.92); + color: #212121; + border-color: transparent; +} +.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: rgba(206, 147, 216, 0.68); + color: #212121; + border-color: transparent; +} +.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + background-color: transparent; + color: #CE93D8; + border: 0 none; +} +.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; + border: 0 none; +} +.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border: 0 none; +} +.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + background: rgba(206, 147, 216, 0.04); + border-color: transparent; + color: #CE93D8; +} +.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + background: rgba(206, 147, 216, 0.16); + border-color: transparent; + color: #CE93D8; +} + +.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #212121; + background: #EF9A9A; + border: 0 none; +} +.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + background: rgba(239, 154, 154, 0.92); + color: #212121; + border-color: transparent; +} +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: rgba(239, 154, 154, 0.68); + color: #212121; + border-color: transparent; +} +.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + background-color: transparent; + color: #EF9A9A; + border: 0 none; +} +.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + background: rgba(239, 154, 154, 0.04); + color: #EF9A9A; + border: 0 none; +} +.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(239, 154, 154, 0.16); + color: #EF9A9A; + border: 0 none; +} +.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + background-color: transparent; + color: #EF9A9A; + border-color: transparent; +} +.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + background: rgba(239, 154, 154, 0.04); + border-color: transparent; + color: #EF9A9A; +} +.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + background: rgba(239, 154, 154, 0.16); + border-color: transparent; + color: #EF9A9A; +} + +.p-button.p-button-link { + color: #9FA8DA; + background: transparent; + border: transparent; +} +.p-button.p-button-link:enabled:hover { + background: transparent; + color: #9FA8DA; + border-color: transparent; +} +.p-button.p-button-link:enabled:hover .p-button-label { + text-decoration: underline; +} +.p-button.p-button-link:enabled:focus { + background: transparent; + box-shadow: none; + border-color: transparent; +} +.p-button.p-button-link:enabled:active { + background: transparent; + color: #9FA8DA; + border-color: transparent; +} + +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 2rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: #F48FB1; + color: #212121; +} +.p-speeddial-action:hover { + background: rgba(244, 143, 177, 0.92); + color: #212121; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); +} + +.p-splitbutton { + border-radius: 4px; +} +.p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #9FA8DA; + border: 0 none; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(159, 168, 218, 0.04); + color: #9FA8DA; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #9FA8DA; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(159, 168, 218, 0.04); + color: #9FA8DA; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; + border-color: transparent; +} +.p-splitbutton.p-button-text.p-button-plain > .p-button { + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-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); +} +.p-splitbutton.p-button-rounded { + border-radius: 2rem; +} +.p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; +} +.p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.62475rem 0.875rem; +} +.p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; +} +.p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.8925rem 1.25rem; +} +.p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; +} + +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #F48FB1; + border: 0 none; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(244, 143, 177, 0.04); + color: #F48FB1; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(244, 143, 177, 0.16); + color: #F48FB1; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #F48FB1; + border-color: transparent; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(244, 143, 177, 0.04); + border-color: transparent; + color: #F48FB1; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} + +.p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #90CAF9; + border: 0 none; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(144, 202, 249, 0.04); + color: #90CAF9; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(144, 202, 249, 0.16); + color: #90CAF9; +} +.p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #90CAF9; + border-color: transparent; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(144, 202, 249, 0.04); + border-color: transparent; + color: #90CAF9; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(144, 202, 249, 0.16); + border-color: transparent; + color: #90CAF9; +} + +.p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #C5E1A5; + border: 0 none; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(197, 225, 165, 0.04); + color: #C5E1A5; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(197, 225, 165, 0.16); + color: #C5E1A5; +} +.p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #C5E1A5; + border-color: transparent; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(197, 225, 165, 0.04); + border-color: transparent; + color: #C5E1A5; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(197, 225, 165, 0.16); + border-color: transparent; + color: #C5E1A5; +} + +.p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #FFF59D; + border: 0 none; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 245, 157, 0.04); + color: #FFF59D; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 245, 157, 0.16); + color: #FFF59D; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #FFF59D; + border-color: transparent; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 245, 157, 0.04); + border-color: transparent; + color: #FFF59D; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 245, 157, 0.16); + border-color: transparent; + color: #FFF59D; +} + +.p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #CE93D8; + border: 0 none; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; +} +.p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(206, 147, 216, 0.04); + border-color: transparent; + color: #CE93D8; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(206, 147, 216, 0.16); + border-color: transparent; + color: #CE93D8; +} + +.p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #EF9A9A; + border: 0 none; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(239, 154, 154, 0.04); + color: #EF9A9A; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(239, 154, 154, 0.16); + color: #EF9A9A; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #EF9A9A; + border-color: transparent; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(239, 154, 154, 0.04); + border-color: transparent; + color: #EF9A9A; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(239, 154, 154, 0.16); + border-color: transparent; + color: #EF9A9A; +} + +.p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; +} +.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-carousel .p-carousel-content .p-carousel-prev:focus, +.p-carousel .p-carousel-content .p-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-carousel .p-carousel-indicators { + padding: 1rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +.p-carousel .p-carousel-indicators .p-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; + border-radius: 0; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; +} + +.p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-datatable .p-datatable-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: 1rem 1rem; + font-weight: 500; +} +.p-datatable .p-datatable-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; +} +.p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + transition: none; +} +.p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; +} +.p-datatable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-datatable .p-sortable-column.p-highlight { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column:focus { + box-shadow: none; + outline: 0 none; +} +.p-datatable .p-datatable-tbody > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: none; +} +.p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 1rem 1rem; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; +} +.p-datatable .p-datatable-tbody > tr:focus { + outline: 0.15rem solid transparent; + outline-offset: 0.15rem; +} +.p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(159, 168, 218, 0.16); +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(159, 168, 218, 0.16); +} +.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-column-resizer-helper { + background: #9FA8DA; +} +.p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #1e1e1e; +} +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #1e1e1e; +} +.p-datatable .p-datatable-loading-icon { + font-size: 2rem; +} +.p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #222222; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #9FA8DA; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #9FA8DA; +} +.p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; +} + +.p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-dataview .p-dataview-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: 1rem 1rem; + font-weight: 500; +} +.p-dataview .p-dataview-content { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 1rem 0; +} +.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; +} +.p-dataview .p-dataview-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-dataview .p-dataview-loading-icon { + font-size: 2rem; +} +.p-dataview .p-dataview-emptymessage { + padding: 1rem; +} + +.p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; +} + +.p-column-filter-menu-button { + width: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-menu-button:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; +} +.p-column-filter-menu-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-column-filter-clear-button { + width: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-clear-button:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-column-filter-clear-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-column-filter-overlay { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + 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); + min-width: 12.5rem; +} +.p-column-filter-overlay .p-column-filter-row-items { + padding: 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 1rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; +} + +.p-column-filter-overlay-menu .p-column-filter-operator { + padding: 1rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #2b2b2b; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; +} +.p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 1rem 1rem; +} +.p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1rem; +} + +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-view-container td.fc-widget-content { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.fc.fc-unthemed .fc-view-container .fc-row { + border-right: 1px solid rgba(255, 255, 255, 0.12); +} +.fc.fc-unthemed .fc-view-container .fc-event { + background: rgba(159, 168, 218, 0.16); + border: 1px solid rgba(159, 168, 218, 0.16); + color: #9FA8DA; +} +.fc.fc-unthemed .fc-view-container .fc-divider { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); +} +.fc.fc-unthemed .fc-toolbar .fc-button { + color: #121212; + background: #9FA8DA; + border: 0 none; + 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: 4px; + display: flex; + align-items: center; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { + background: rgba(159, 168, 218, 0.92); + color: #121212; + border-color: transparent; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { + background: rgba(159, 168, 218, 0.68); + color: #121212; + border-color: transparent; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-unthemed .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #2f2f2f; + border: 1px solid rgba(255, 255, 255, 0.12); + 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); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #373737; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + z-index: 1; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: rgba(255, 255, 255, 0.12); +} +.fc.fc-theme-standard .fc-view-harness th { + background: #1e1e1e; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness td { + color: rgba(255, 255, 255, 0.87); + border-color: rgba(255, 255, 255, 0.12); +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #1e1e1e; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover { + background: none; + border: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 1rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { + opacity: 1; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; + font-family: "PrimeIcons" !important; + font-size: 1rem; + width: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { + content: "\e90b"; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { + padding: 1rem; + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); + border-color: rgba(159, 168, 218, 0.16); +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #9FA8DA; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: rgba(159, 168, 218, 0.16); + border-color: rgba(159, 168, 218, 0.16); +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #1e1e1e; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #121212; + background: #9FA8DA; + border: 0 none; + 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: 4px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: rgba(159, 168, 218, 0.92); + color: #121212; + border-color: transparent; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: rgba(159, 168, 218, 0.68); + color: #121212; + border-color: transparent; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.38; + color: #121212; + background: #9FA8DA; + border: 0 none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #2f2f2f; + border: 1px solid rgba(255, 255, 255, 0.12); + 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); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #373737; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.fc.fc-theme-standard a { + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-highlight { + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); +} + +.p-orderlist .p-orderlist-controls { + padding: 1rem; +} +.p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; +} +.p-orderlist .p-orderlist-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 1rem; + border-bottom: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 500; +} +.p-orderlist .p-orderlist-filter-container { + padding: 1rem; + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 0 none; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 2rem; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 1rem; + color: rgba(255, 255, 255, 0.6); +} +.p-orderlist .p-orderlist-list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 1rem 1rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; +} +.p-orderlist .p-orderlist-list .p-orderlist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); +} +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); +} +.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: rgba(255, 255, 255, 0.02); +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.04); +} + +.p-orderlist-item.cdk-drag-preview { + padding: 1rem 1rem; + box-shadow: 0 5px 5px -3px rgba(0, 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: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; +} + +.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; +} +.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(69, 86, 180, 0.16); +} +.p-organizationchart .p-organizationchart-line-down { + background: rgba(255, 255, 255, 0.12); +} +.p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-color: rgba(255, 255, 255, 0.12); +} +.p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-color: rgba(255, 255, 255, 0.12); +} +.p-organizationchart .p-organizationchart-node-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 1rem; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-paginator { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: solid #404040; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 4px; +} +.p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: none; + border-radius: 50%; +} +.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: rgba(255, 255, 255, 0.6); +} +.p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; +} +.p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 3rem; +} +.p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; +} +.p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; +} +.p-paginator .p-paginator-page-input .p-inputtext { + max-width: 3rem; +} +.p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + padding: 0 0.5rem; +} +.p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: none; + border-radius: 50%; +} +.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(159, 168, 218, 0.16); + border-color: rgba(159, 168, 218, 0.16); + color: #9FA8DA; +} +.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: rgba(255, 255, 255, 0.6); +} + +.p-picklist .p-picklist-buttons { + padding: 1rem; +} +.p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; +} +.p-picklist .p-picklist-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 1rem; + border-bottom: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-picklist .p-picklist-header .p-picklist-title { + font-weight: 500; +} +.p-picklist .p-picklist-filter-container { + padding: 1rem; + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 0 none; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 2rem; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 1rem; + color: rgba(255, 255, 255, 0.6); +} +.p-picklist .p-picklist-list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-picklist .p-picklist-list .p-picklist-item { + padding: 1rem 1rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; +} +.p-picklist .p-picklist-list .p-picklist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); +} +.p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); +} +.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: rgba(255, 255, 255, 0.02); +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.04); +} + +.p-picklist-item.cdk-drag-preview { + padding: 1rem 1rem; + box-shadow: 0 5px 5px -3px rgba(0, 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: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; +} + +.p-timeline .p-timeline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #bdbdbd; +} +.p-timeline .p-timeline-event-connector { + background-color: #bdbdbd; +} +.p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; +} +.p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; +} + +.p-tree { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 1rem; + border-radius: 4px; +} +.p-tree .p-tree-container .p-treenode { + padding: 0.25rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 4px; + transition: none; + padding: 0.5rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #9FA8DA; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #9FA8DA; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; +} +.p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 2rem; +} +.p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 1rem; + color: rgba(255, 255, 255, 0.6); +} +.p-tree .p-treenode-children { + padding: 0 0 0 1rem; +} +.p-tree .p-tree-loading-icon { + font-size: 2rem; +} +.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(105, 119, 197, 0.16); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 4px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem; + transition: none; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(159, 168, 218, 0.16); + color: #9FA8DA; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #9FA8DA; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-treetable .p-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: 1rem 1rem; + font-weight: 500; +} +.p-treetable .p-treetable-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; +} +.p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + transition: none; +} +.p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; +} +.p-treetable .p-sortable-column { + outline-color: transparent; +} +.p-treetable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-treetable .p-sortable-column.p-highlight { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-treetable-tbody > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: none; +} +.p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 1rem 1rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-treetable-tbody > tr:focus { + outline: 0.15rem solid transparent; + outline-offset: -0.15rem; +} +.p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #9FA8DA; +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #9FA8DA; +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-column-resizer-helper { + background: #9FA8DA; +} +.p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #1e1e1e; +} +.p-treetable .p-treetable-loading-icon { + font-size: 2rem; +} +.p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.875rem 0.875rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 1.25rem 1.25rem; +} + +.p-virtualscroller .p-virtualscroller-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: 1rem 1rem; + font-weight: 500; +} +.p-virtualscroller .p-virtualscroller-content { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 1rem 0; +} +.p-virtualscroller .p-virtualscroller-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.5rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 400; + border-radius: 4px; + transition: none; +} +.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; +} +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #1e1e1e; + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-accordion .p-accordion-content { + padding: 1rem 1.5rem; + border: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; +} +.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; +} +.p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; +} +.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 none; +} +.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-top: 0 none; +} +.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-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; +} +.p-card .p-card-body { + padding: 1rem; +} +.p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +.p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-card .p-card-content { + padding: 1rem 0; +} +.p-card .p-card-footer { + padding: 1rem 0 0 0; +} + +.p-divider .p-divider-content { + background-color: #1e1e1e; +} +.p-divider.p-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; +} +.p-divider.p-divider-horizontal:before { + border-top: 1px rgba(255, 255, 255, 0.12); +} +.p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; +} +.p-divider.p-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; +} +.p-divider.p-divider-vertical:before { + border-left: 1px rgba(255, 255, 255, 0.12); +} +.p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; +} + +.p-fieldset { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; +} +.p-fieldset .p-fieldset-legend { + padding: 1rem; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 500; + border-radius: 4px; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; + transition: none; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.04); + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.p-fieldset .p-fieldset-content { + padding: 1rem; +} + +.p-panel .p-panel-header { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 1rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-panel .p-panel-header .p-panel-title { + font-weight: 500; +} +.p-panel .p-panel-header .p-panel-header-icon { + width: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-panel .p-panel-header .p-panel-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-panel.p-panel-toggleable .p-panel-header { + padding: 0.5rem 1rem; +} +.p-panel .p-panel-content { + padding: 1rem; + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + border-top: 0 none; +} +.p-panel .p-panel-footer { + padding: 1rem 1rem; + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} +.p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; +} +.p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; +} +.p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; +} + +.p-scrollpanel .p-scrollpanel-bar { + background: rgba(255, 255, 255, 0.12); + border: 0 none; +} + +.p-splitter { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + border-radius: 4px; + color: rgba(255, 255, 255, 0.87); +} +.p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: rgba(255, 255, 255, 0.04); +} +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: rgba(255, 255, 255, 0.12); +} +.p-splitter .p-splitter-gutter-resizing { + background: rgba(255, 255, 255, 0.12); +} + +.p-tabview .p-tabview-nav { + background: transparent; + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; +} +.p-tabview .p-tabview-nav li { + margin-right: 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + border-color: transparent transparent rgba(255, 255, 255, 0.12) transparent; + background: transparent; + color: rgba(255, 255, 255, 0.6); + padding: 1rem 1.5rem; + font-weight: 500; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: none; + margin: 0 0 0 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: rgba(159, 168, 218, 0.04); + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.6); +} +.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: transparent; + border-color: rgba(255, 255, 255, 0.12); + color: #9FA8DA; +} +.p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; +} +.p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-close { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-nav-btn.p-link { + background: transparent; + color: #9FA8DA; + width: 3rem; + 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); + border-radius: 0; +} +.p-tabview .p-tabview-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +.p-tabview .p-tabview-panels { + background: transparent; + padding: 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-toolbar { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 1rem; + border-radius: 4px; + gap: 0.5rem; +} +.p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; +} + +.p-confirm-popup { + background: #262626; + 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); +} +.p-confirm-popup .p-confirm-popup-content { + padding: 1rem; +} +.p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 1rem 1rem; +} +.p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; +} +.p-confirm-popup:after { + border: solid transparent; + border-color: rgba(38, 38, 38, 0); + border-bottom-color: #262626; +} +.p-confirm-popup:before { + border: solid transparent; + border-color: rgba(38, 38, 38, 0); + border-bottom-color: #262626; +} +.p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #262626; +} +.p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #262626; +} +.p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; +} +.p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; +} + +.p-dialog { + 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); + border: 0 none; +} +.p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #262626; + color: rgba(255, 255, 255, 0.87); + padding: 1.5rem; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-dialog .p-dialog-header .p-dialog-title { + font-weight: 500; + font-size: 1.25rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-dialog .p-dialog-header .p-dialog-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; +} +.p-dialog .p-dialog-content { + background: #262626; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.5rem 1.5rem 1.5rem; +} +.p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-dialog .p-dialog-footer { + border-top: 0 none; + background: #262626; + color: rgba(255, 255, 255, 0.87); + padding: 1rem 1.5rem; + text-align: right; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; +} + +.p-overlaypanel { + background: #262626; + 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); +} +.p-overlaypanel .p-overlaypanel-content { + padding: 1rem; +} +.p-overlaypanel .p-overlaypanel-close { + background: #9FA8DA; + color: #121212; + width: 2.5rem; + height: 2.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + position: absolute; + top: -1.25rem; + right: -1.25rem; +} +.p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: rgba(159, 168, 218, 0.92); + color: #121212; +} +.p-overlaypanel:after { + border: solid transparent; + border-color: rgba(38, 38, 38, 0); + border-bottom-color: #262626; +} +.p-overlaypanel:before { + border: solid transparent; + border-color: rgba(38, 38, 38, 0); + border-bottom-color: #242424; +} +.p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #262626; +} +.p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #262626; +} + +.p-sidebar { + background: #262626; + color: rgba(255, 255, 255, 0.87); + 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); +} +.p-sidebar .p-sidebar-header { + padding: 1rem; +} +.p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-sidebar .p-sidebar-header .p-sidebar-close:focus, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; +} +.p-sidebar .p-sidebar-content { + padding: 1rem; +} +.p-sidebar .p-sidebar-footer { + padding: 1rem; +} + +.p-tooltip .p-tooltip-text { + background: #444444; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem; + box-shadow: 0 5px 5px -3px rgba(0, 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; +} +.p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #444444; +} +.p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #444444; +} +.p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #444444; +} +.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #444444; +} + +.p-fileupload .p-fileupload-buttonbar { + background: #1e1e1e; + padding: 1rem; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + border-bottom: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; +} +.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-fileupload .p-fileupload-content { + background: #1e1e1e; + padding: 2rem 1rem; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-fileupload .p-progressbar { + height: 4px; +} +.p-fileupload .p-fileupload-row > div { + padding: 1rem 1rem; +} +.p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; +} + +.p-fileupload-choose:not(.p-disabled):hover { + background: rgba(159, 168, 218, 0.92); + color: #121212; + border-color: transparent; +} +.p-fileupload-choose:not(.p-disabled):active { + background: rgba(159, 168, 218, 0.68); + color: #121212; + border-color: transparent; +} + +.p-breadcrumb { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + padding: 1rem; +} +.p-breadcrumb ul li .p-menuitem-link { + transition: none; + border-radius: 4px; +} +.p-breadcrumb ul li .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-breadcrumb ul li.p-breadcrumb-chevron { + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-breadcrumb ul li:last-child .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-breadcrumb ul li:last-child .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} + +.p-contextmenu { + padding: 0.5rem 0; + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + 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); + border-radius: 4px; + width: 12.5rem; +} +.p-contextmenu .p-menuitem-link { + padding: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-contextmenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-contextmenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-contextmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #2b2b2b; + 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); + border-radius: 4px; +} +.p-contextmenu .p-menuitem { + margin: 0; +} +.p-contextmenu .p-menuitem:last-child { + margin: 0; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(255, 255, 255, 0.04); +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-contextmenu .p-menu-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; +} +.p-contextmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-contextmenu .p-menuitem-badge { + background: #9FA8DA; + color: #121212; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + +@media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } +} +.p-megamenu { + padding: 1rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; + transition: none; + user-select: none; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu .p-menuitem-link { + padding: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-megamenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-megamenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-megamenu .p-megamenu-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + 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); +} +.p-megamenu .p-megamenu-submenu-header { + margin: 0; + padding: 1rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-megamenu .p-megamenu-submenu { + padding: 0.5rem 0; + width: 12.5rem; +} +.p-megamenu .p-megamenu-submenu .p-menu-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem { + margin: 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(255, 255, 255, 0.04); +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.5rem 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem { + margin: 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem-badge { + background: #9FA8DA; + color: #121212; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menu { + padding: 0.5rem 0; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + width: 12.5rem; +} +.p-menu .p-menuitem-link { + padding: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-menu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-menu.p-menu-overlay { + background: #2b2b2b; + 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); +} +.p-menu .p-submenu-header { + margin: 0; + padding: 1rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.p-menu .p-menu-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; +} +.p-menu .p-menuitem { + margin: 0; +} +.p-menu .p-menuitem:last-child { + margin: 0; +} +.p-menu .p-menuitem-badge { + background: #9FA8DA; + color: #121212; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menubar { + padding: 1rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; +} +.p-menubar .p-menuitem-link { + padding: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-menubar .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menubar .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; + transition: none; + user-select: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-submenu-list { + padding: 0.5rem 0; + background: #2b2b2b; + 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); + width: 12.5rem; +} +.p-menubar .p-submenu-list .p-menu-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; +} +.p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; +} +.p-menubar .p-submenu-list .p-menuitem { + margin: 0; +} +.p-menubar .p-submenu-list .p-menuitem:last-child { + margin: 0; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(255, 255, 255, 0.04); +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-menuitem-badge { + background: #9FA8DA; + color: #121212; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +@media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(255, 255, 255, 0.6); + background: rgba(255, 255, 255, 0.04); + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.5rem 0; + background: #2b2b2b; + 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); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menu-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: none; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list ul li a { + padding-left: 3rem; + } + .p-menubar .p-menubar-root-list ul li ul li a { + padding-left: 5rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li a { + padding-left: 7rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 9rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 11rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } +} +.p-panelmenu .p-panelmenu-header > a { + padding: 1.5rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 400; + border-radius: 4px; + transition: none; +} +.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-header.p-highlight { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight > a { + background: #1e1e1e; + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content { + padding: 0.5rem 0; + border: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + margin-bottom: 0; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { + padding: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { + padding: 0 0 0 1rem; +} +.p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { + border-radius: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; +} +.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { + border-top: 0 none; +} +.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { + border-top: 0 none; +} +.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-panelmenu .p-menuitem-badge { + background: #9FA8DA; + color: #121212; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-slidemenu { + padding: 0.5rem 0; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + width: 12.5rem; +} +.p-slidemenu .p-menuitem-link { + padding: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-slidemenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-slidemenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-slidemenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-slidemenu.p-slidemenu-overlay { + background: #2b2b2b; + 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); +} +.p-slidemenu .p-slidemenu-list { + padding: 0.5rem 0; + background: #2b2b2b; + 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); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { + background: rgba(255, 255, 255, 0.04); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-slidemenu .p-slidemenu-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; +} +.p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; +} +.p-slidemenu .p-slidemenu-backward { + padding: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-badge { + background: #9FA8DA; + color: #121212; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: none; + border-radius: 4px; + background: transparent; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: rgba(255, 255, 255, 0.87); + border: 1px solid transparent; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: rgba(255, 255, 255, 0.87); +} +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; +} +.p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: rgba(255, 255, 255, 0.87); +} +.p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid rgba(255, 255, 255, 0.12); + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; +} + +.p-tabmenu .p-tabmenu-nav { + background: transparent; + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; +} +.p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #9FA8DA; + color: #121212; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + border-color: transparent transparent rgba(255, 255, 255, 0.12) transparent; + background: transparent; + color: rgba(255, 255, 255, 0.6); + padding: 1rem 1.5rem; + font-weight: 500; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: none; + margin: 0 0 0 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: rgba(159, 168, 218, 0.04); + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.6); +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: transparent; + border-color: rgba(255, 255, 255, 0.12); + color: #9FA8DA; +} +.p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link { + background: transparent; + color: #9FA8DA; + width: 3rem; + 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); + border-radius: 0; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} + +.p-tieredmenu { + padding: 0.5rem 0; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + width: 12.5rem; +} +.p-tieredmenu .p-menuitem-link { + padding: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-tieredmenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-tieredmenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-tieredmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-tieredmenu.p-tieredmenu-overlay { + background: #2b2b2b; + 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); +} +.p-tieredmenu .p-submenu-list { + padding: 0.5rem 0; + background: #2b2b2b; + 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); +} +.p-tieredmenu .p-menuitem { + margin: 0; +} +.p-tieredmenu .p-menuitem:last-child { + margin: 0; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(255, 255, 255, 0.04); +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-tieredmenu .p-menu-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; +} +.p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-tieredmenu .p-menuitem-badge { + background: #9FA8DA; + color: #121212; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-inline-message { + padding: 1rem 1rem; + margin: 0; + border-radius: 4px; +} +.p-inline-message.p-inline-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 1px; + color: #01579B; +} +.p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #01579B; +} +.p-inline-message.p-inline-message-success { + background: #C8E6C9; + border: solid transparent; + border-width: 1px; + color: #1B5E20; +} +.p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #1B5E20; +} +.p-inline-message.p-inline-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 1px; + color: #7f6003; +} +.p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #7f6003; +} +.p-inline-message.p-inline-message-error { + background: #FFCDD2; + border: solid transparent; + border-width: 1px; + color: #B71C1C; +} +.p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #B71C1C; +} +.p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; +} +.p-inline-message .p-inline-message-text { + font-size: 1rem; +} +.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; +} + +.p-message { + margin: 1rem 0; + border-radius: 4px; +} +.p-message .p-message-wrapper { + padding: 1.25rem 1.5rem; +} +.p-message .p-message-close { + width: 2.5rem; + height: 2.5rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-message .p-message-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-message.p-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579B; +} +.p-message.p-message-info .p-message-icon { + color: #01579B; +} +.p-message.p-message-info .p-message-close { + color: #01579B; +} +.p-message.p-message-success { + background: #C8E6C9; + border: solid transparent; + border-width: 0 0 0 0; + color: #1B5E20; +} +.p-message.p-message-success .p-message-icon { + color: #1B5E20; +} +.p-message.p-message-success .p-message-close { + color: #1B5E20; +} +.p-message.p-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; +} +.p-message.p-message-warn .p-message-icon { + color: #7f6003; +} +.p-message.p-message-warn .p-message-close { + color: #7f6003; +} +.p-message.p-message-error { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 0; + color: #B71C1C; +} +.p-message.p-message-error .p-message-icon { + color: #B71C1C; +} +.p-message.p-message-error .p-message-close { + color: #B71C1C; +} +.p-message .p-message-text { + font-size: 1rem; + font-weight: 500; +} +.p-message .p-message-icon { + font-size: 1.5rem; + margin-right: 0.5rem; +} +.p-message .p-message-summary { + font-weight: 700; +} +.p-message .p-message-detail { + margin-left: 0.5rem; +} + +.p-toast { + opacity: 0.9; +} +.p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 5px 5px -3px rgba(0, 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; +} +.p-toast .p-toast-message .p-toast-message-content { + padding: 1.5rem; + border-width: 0 0 0 0; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 1rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 2rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 700; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; +} +.p-toast .p-toast-message .p-toast-icon-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-toast .p-toast-message .p-toast-icon-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-toast .p-toast-message.p-toast-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579B; +} +.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #01579B; +} +.p-toast .p-toast-message.p-toast-message-success { + background: #C8E6C9; + border: solid transparent; + border-width: 0 0 0 0; + color: #1B5E20; +} +.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #1B5E20; +} +.p-toast .p-toast-message.p-toast-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; +} +.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #7f6003; +} +.p-toast .p-toast-message.p-toast-message-error { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 0; + color: #B71C1C; +} +.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #B71C1C; +} + +.p-galleria .p-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; + border-radius: 50%; +} +.p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria .p-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; + border-radius: 50%; + margin: 0 0.5rem; +} +.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.87); + padding: 1rem; +} +.p-galleria .p-galleria-indicators { + padding: 1rem; +} +.p-galleria .p-galleria-indicators .p-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; + border-radius: 50%; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; +} +.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; +} +.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.3); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; +} +.p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-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; + border-radius: 50%; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-preview-indicator { + background-color: transparent; + color: #f8f9fa; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} + +.p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); +} + +.p-image-toolbar { + padding: 1rem; +} + +.p-image-action.p-link { + color: #f8f9fa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-image-action.p-link:last-child { + margin-right: 0; +} +.p-image-action.p-link:hover { + color: #f8f9fa; + background-color: rgba(255, 255, 255, 0.1); +} +.p-image-action.p-link i { + font-size: 1.5rem; +} + +.p-avatar { + background-color: rgba(255, 255, 255, 0.12); + border-radius: 4px; +} +.p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +.p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; +} +.p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +.p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; +} + +.p-avatar-group .p-avatar { + border: 2px solid #1e1e1e; +} + +.p-badge { + background: #9FA8DA; + color: #121212; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +.p-badge.p-badge-secondary { + background-color: #F48FB1; + color: #121212; +} +.p-badge.p-badge-success { + background-color: #C5E1A5; + color: #212121; +} +.p-badge.p-badge-info { + background-color: #90CAF9; + color: #212121; +} +.p-badge.p-badge-warning { + background-color: #FFF59D; + color: #212121; +} +.p-badge.p-badge-danger { + background-color: #EF9A9A; + color: #212121; +} +.p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +.p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} + +.p-chip { + background-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + padding: 0 1rem; +} +.p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.5rem; + margin-bottom: 0.5rem; +} +.p-chip .p-chip-icon { + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; +} +.p-chip img { + width: 2.5rem; + height: 2.5rem; + margin-left: -1rem; + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-inplace .p-inplace-display { + padding: 1rem 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); +} +.p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-progressbar { + border: 0 none; + height: 4px; + background: rgba(159, 168, 218, 0.32); + border-radius: 4px; +} +.p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #9FA8DA; +} +.p-progressbar .p-progressbar-label { + color: #121212; + line-height: 4px; +} + +.p-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, color 0.2s, box-shadow 0.2s; +} +.p-scrolltop.p-link { + background: #F48FB1; +} +.p-scrolltop.p-link:hover { + background: rgba(244, 143, 177, 0.92); +} +.p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #121212; +} + +.p-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 4px; +} +.p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); +} + +.p-tag { + background: #9FA8DA; + color: #121212; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; +} +.p-tag.p-tag-success { + background-color: #C5E1A5; + color: #212121; +} +.p-tag.p-tag-info { + background-color: #90CAF9; + color: #212121; +} +.p-tag.p-tag-warning { + background-color: #FFF59D; + color: #212121; +} +.p-tag.p-tag-danger { + background-color: #EF9A9A; + color: #212121; +} +.p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +.p-terminal { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 1rem; +} +.p-terminal .p-terminal-input { + font-size: 1rem; + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; +} + +.p-accordion .p-accordion-tab { + 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); + margin-bottom: 0; + border-radius: 0; + position: relative; + transition: margin-bottom 225ms; +} +.p-accordion .p-accordion-tab:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +.p-accordion .p-accordion-tab:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-accordion .p-accordion-tab .p-accordion-toggle-icon { + order: 1; + margin-left: auto; + transition: transform 0.2s; +} +.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-header-link:focus { + background: rgba(255, 255, 255, 0.04); +} +.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-toggle-icon { + transform: rotate(-270deg); +} +.p-accordion .p-accordion-tab.p-accordion-tab-active { + margin-bottom: 1rem; +} +.p-accordion .p-accordion-tab.p-accordion-tab-active .p-accordion-toggle-icon { + transform: rotate(-180deg); +} +.p-accordion .p-accordion-tab .p-accordion-header.p-disabled { + opacity: 1; +} +.p-accordion .p-accordion-tab .p-accordion-header.p-disabled .p-accordion-header-link > * { + opacity: 0.38; +} + +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-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; +} + +.p-input-filled .p-autocomplete .p-autocomplete-multiple-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 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)); +} +.p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} + +.p-float-label .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 1rem; +} + +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding-top: 0; + padding-bottom: 0; +} +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + font-size: 75%; +} +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0; +} +.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; +} +.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} + +p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled: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; +} +p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-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; +} + +.p-breadcrumb .p-menuitem-link { + padding: 0.25rem 0.5rem; +} +.p-breadcrumb .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); +} + +.p-button { + font-weight: 500; + min-width: 4rem; +} +.p-button.p-button-icon-only { + min-width: auto; +} +.p-button:enabled:focus { + background: rgba(159, 168, 218, 0.76); +} +.p-button:enabled:active { + background: rgba(159, 168, 218, 0.68); +} +.p-button .p-ink { + background-color: rgba(255, 255, 255, 0.32); +} +.p-button.p-button-text:enabled:focus, .p-button.p-button-outlined:enabled:focus { + background: rgba(159, 168, 218, 0.12); +} +.p-button.p-button-text:enabled:active, .p-button.p-button-outlined:enabled:active { + background: rgba(159, 168, 218, 0.16); +} +.p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink { + background-color: rgba(159, 168, 218, 0.16); +} +.p-button.p-button-outlined { + box-shadow: inset 0 0 0 1px; +} +.p-button.p-button-outlined:enabled:focus { + box-shadow: inset 0 0 0 1px; +} +.p-button.p-button-outlined:enabled:active { + box-shadow: inset 0 0 0 1px; +} +.p-button:disabled { + background-color: rgba(255, 255, 255, 0.12) !important; + color: rgba(255, 255, 255, 0.38) !important; + opacity: 1; +} +.p-button:disabled.p-button-text { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.38) !important; +} +.p-button:disabled.p-button-outlined { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.38) !important; + border-color: rgba(255, 255, 255, 0.38) !important; +} +.p-button.p-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); +} + +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + background: rgba(244, 143, 177, 0.76); +} +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: rgba(244, 143, 177, 0.68); +} +.p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus { + background: rgba(244, 143, 177, 0.12); +} +.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(244, 143, 177, 0.16); +} +.p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink { + background-color: rgba(244, 143, 177, 0.16); +} + +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + background: rgba(144, 202, 249, 0.76); +} +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: rgba(144, 202, 249, 0.68); +} +.p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus { + background: rgba(144, 202, 249, 0.12); +} +.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(144, 202, 249, 0.16); +} +.p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink { + background-color: rgba(144, 202, 249, 0.16); +} + +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + background: rgba(197, 225, 165, 0.76); +} +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: rgba(197, 225, 165, 0.68); +} +.p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus { + background: rgba(197, 225, 165, 0.12); +} +.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(197, 225, 165, 0.16); +} +.p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink { + background-color: rgba(197, 225, 165, 0.16); +} + +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + background: rgba(255, 245, 157, 0.76); +} +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: rgba(255, 245, 157, 0.68); +} +.p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus { + background: rgba(255, 245, 157, 0.12); +} +.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(255, 245, 157, 0.16); +} +.p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink { + background-color: rgba(255, 245, 157, 0.16); +} + +.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + background: rgba(206, 147, 216, 0.76); +} +.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: rgba(206, 147, 216, 0.68); +} +.p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus { + background: rgba(206, 147, 216, 0.12); +} +.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(206, 147, 216, 0.16); +} +.p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink { + background-color: rgba(206, 147, 216, 0.16); +} + +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + background: rgba(239, 154, 154, 0.76); +} +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: rgba(239, 154, 154, 0.68); +} +.p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus { + background: rgba(239, 154, 154, 0.12); +} +.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(239, 154, 154, 0.16); +} +.p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink { + background-color: rgba(239, 154, 154, 0.16); +} + +.p-calendar-w-btn { + border: 1px solid rgba(255, 255, 255, 0.3); + background: #1e1e1e; + 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); +} +.p-calendar-w-btn .p-inputtext { + background-image: none; + background-color: transparent; + border: 0 none; +} +.p-calendar-w-btn .p-inputtext:enabled:focus { + box-shadow: none; +} +.p-calendar-w-btn .p-datepicker-trigger.p-button { + background-color: transparent; + border: 0 none; +} +.p-calendar-w-btn .p-datepicker-trigger.p-button span { + color: rgba(255, 255, 255, 0.6); +} +.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover { + background: rgba(255, 255, 255, 0.04); +} +.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:active, .p-calendar-w-btn .p-datepicker-trigger.p-button:focus { + background: rgba(255, 255, 255, 0.12); +} +.p-calendar-w-btn .p-datepicker-trigger.p-button:disabled { + background-color: transparent !important; +} +.p-calendar-w-btn:not(.p-calendar-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-calendar-w-btn:not(.p-calendar-disabled).p-focus { + border-color: #9FA8DA; + 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; +} +.p-calendar-w-btn.p-calendar-disabled { + opacity: 0.38; +} +.p-calendar-w-btn.p-calendar-disabled .p-inputtext { + opacity: 1; +} + +.p-datepicker .p-datepicker-header { + border-bottom: 0 none; +} +.p-datepicker .p-datepicker-header .p-datepicker-title { + margin: 0 auto 0 0; + order: 1; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev { + order: 2; +} +.p-datepicker .p-datepicker-header .p-datepicker-next { + order: 3; +} +.p-datepicker table th { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.38); + font-weight: 400; + font-size: 0.875rem; +} +.p-datepicker table td.p-datepicker-today > span { + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38); +} +.p-datepicker table td.p-datepicker-today.p-highlight { + box-shadow: 0 0 0 1px rgba(159, 168, 218, 0.16); +} + +p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled: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; +} +p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { + border-color: #f44435; +} +p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext:enabled:focus { + box-shadow: none; +} +p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-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; +} + +.p-input-filled .p-calendar-w-btn { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-calendar-w-btn .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 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)); +} +.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-calendar-w-btn .p-inputtext { + border: 0 none; +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext { + border: 0 none; + background-image: none; +} + +.p-cascadeselect .p-inputtext, .p-cascadeselect .p-cascadeselect-trigger { + background-image: none; + background: transparent; +} +.p-cascadeselect .p-inputtext { + border: 0 none; +} +.p-cascadeselect:not(.p-disabled).p-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; +} + +.p-cascadeselect-item .p-ink { + background-color: rgba(159, 168, 218, 0.16); +} + +.p-input-filled .p-cascadeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-cascadeselect .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 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)); +} +.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-cascadeselect .p-inputtext:enabled:hover, .p-input-filled .p-cascadeselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-cascadeselect .p-inputtext { + border: 0 none; +} +.p-input-filled .p-cascadeselect .p-cascadeselect-label:hover { + background-image: none; + background: transparent; +} +.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} + +.p-input-filled .p-float-label .p-cascadeselect .p-cascadeselect-label { + padding-top: 1.5rem; + padding-bottom: 0.5rem; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-cascadeselect .p-cascadeselect-label { + padding-top: 1.5rem; + padding-bottom: 0.5rem; +} +.p-input-filled .p-cascadeselect.p-invalid { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} + +p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-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; +} + +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #F48FB1; + color: #121212; +} + +.p-checkbox { + border-radius: 50%; + transition: box-shadow 0.2s; +} +.p-checkbox .p-checkbox-box { + border-color: rgba(255, 255, 255, 0.7); + border-radius: 2px; + position: relative; +} +.p-checkbox .p-checkbox-box:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.7); +} +.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { + border-color: rgba(255, 255, 255, 0.7); +} +.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus { + border-color: #9FA8DA; +} +.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check: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; +} +.p-checkbox:not(.p-checkbox-disabled):hover { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +.p-checkbox:not(.p-checkbox-disabled).p-checkbox-focused { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); +} +.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled):hover { + box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.04); +} +.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused { + box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.12); +} + +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #1e1e1e; +} +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):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); + } +} +.p-chips .p-chips-multiple-container:not(.p-disabled).p-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; +} + +.p-input-filled .p-chips-multiple-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-chips-multiple-container .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-chips-multiple-container:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 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)); +} +.p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-chips-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} + +.p-float-label .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 1rem; +} + +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token { + padding-top: 0; + padding-bottom: 0; +} +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + font-size: 75%; +} +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0; +} +.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} + +p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-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; +} + +.p-datatable .p-sortable-column { + outline: 0 none; +} +.p-datatable .p-sortable-column:focus { + background-color: rgba(255, 255, 255, 0.03); +} +.p-datatable .p-datatable-tbody > tr { + outline: 0 none; +} +.p-datatable .p-datatable-tbody > tr:not(.p-highlight):focus { + background-color: rgba(255, 255, 255, 0.03); +} + +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #9FA8DA; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #9FA8DA; +} + +.p-dropdown .p-inputtext, .p-dropdown .p-dropdown-trigger { + background-image: none; + background: transparent; +} +.p-dropdown .p-inputtext { + border: 0 none; +} +.p-dropdown:not(.p-disabled).p-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; +} + +.p-dropdown-item .p-ink { + background-color: rgba(159, 168, 218, 0.16); +} + +.p-input-filled .p-dropdown { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-dropdown .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 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)); +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-dropdown .p-inputtext:enabled:hover, .p-input-filled .p-dropdown .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-dropdown .p-inputtext { + border: 0 none; +} +.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus, .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} + +p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-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; +} + +.p-galleria .p-galleria-indicators { + padding: 1rem; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #F48FB1; + color: #121212; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(244, 143, 177, 0.68); + color: #121212; +} + +.p-inputtext:enabled: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; +} +.p-inputtext:enabled:focus.ng-invalid.ng-dirty { + 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; +} + +.p-input-filled .p-inputtext { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-inputtext:enabled:hover { + background-color: rgba(255, 255, 255, 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)); +} +.p-input-filled .p-inputtext:enabled:focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-inputtext.ng-invalid.ng-dirty { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled .p-inputtext.ng-invalid.ng-dirty:enabled:focus { + box-shadow: none; + border-color: transparent; +} + +.p-input-filled .p-inputgroup .p-inputgroup-addon { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-inputgroup .p-inputgroup-addon:last-child { + border-right-color: transparent; +} +.p-input-filled .p-inputgroup-addon:first-child, +.p-input-filled .p-inputgroup button:first-child, +.p-input-filled .p-inputgroup input:first-child { + border-bottom-left-radius: 0; +} +.p-input-filled .p-inputgroup .p-float-label:first-child input { + border-bottom-left-radius: 0; +} +.p-input-filled .p-inputgroup-addon:last-child, +.p-input-filled .p-inputgroup button:last-child, +.p-input-filled .p-inputgroup input:last-child { + border-bottom-right-radius: 0; +} +.p-input-filled .p-inputgroup .p-float-label:last-child input { + border-bottom-right-radius: 0; +} + +p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled: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; +} + +.p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; +} + +p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled: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; +} + +.p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; +} + +.p-inputswitch .p-inputswitch-slider:before { + 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); +} +.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before { + 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); +} +.p-inputswitch.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before { + 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); +} +.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider:before { + 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); +} +.p-inputswitch.p-inputswitch-checked.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before { + 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); +} + +.p-fieldset .p-fieldset-legend { + border: 0 none; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + background: rgba(255, 255, 255, 0.12); +} + +.p-float-label input:focus ~ label, +.p-float-label input.p-filled ~ label, +.p-float-label textarea:focus ~ label, +.p-float-label textarea.p-filled ~ label, +.p-float-label .p-inputwrapper-focus ~ label, +.p-float-label .p-inputwrapper-filled ~ label { + top: -0.5rem !important; + background-color: #1e1e1e; + padding: 2px 4px; + margin-left: -4px; + margin-top: 0; +} + +.p-float-label textarea ~ label { + margin-top: 0; +} + +.p-float-label input:focus ~ label, +.p-float-label .p-inputwrapper-focus ~ label { + color: #9FA8DA; +} + +.p-input-filled .p-float-label .p-inputtext { + padding-top: 1.5rem; + padding-bottom: 0.5rem; +} +.p-input-filled .p-float-label input:focus ~ label, +.p-input-filled .p-float-label input.p-filled ~ label, +.p-input-filled .p-float-label textarea:focus ~ label, +.p-input-filled .p-float-label textarea.p-filled ~ label, +.p-input-filled .p-float-label .p-inputwrapper-focus ~ label, +.p-input-filled .p-float-label .p-inputwrapper-filled ~ label { + top: 0.25rem !important; + margin-top: 0; + background: transparent; +} + +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-toolbar .fc-button:focus { + background: rgba(159, 168, 218, 0.76); +} +.fc.fc-unthemed .fc-toolbar .fc-button:active { + background: rgba(159, 168, 218, 0.68); +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:focus { + background: rgba(159, 168, 218, 0.76); +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:active { + background: rgba(159, 168, 218, 0.68); +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + background: rgba(159, 168, 218, 0.76); +} +.fc.fc-theme-standard .fc-toolbar .fc-button:active { + background: rgba(159, 168, 218, 0.68); +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:focus { + background: rgba(159, 168, 218, 0.76); +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:active { + background: rgba(159, 168, 218, 0.68); +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); +} + +.p-listbox .p-listbox-list .p-listbox-item .p-ink { + background-color: rgba(159, 168, 218, 0.16); +} +.p-listbox .p-listbox-list .p-listbox-item:focus { + background: rgba(255, 255, 255, 0.12); +} +.p-listbox .p-listbox-list .p-listbox-item:focus.p-highlight { + background: rgba(159, 168, 218, 0.24); +} + +.p-megamenu .p-menuitem .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); +} + +.p-menu .p-menuitem .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); +} + +.p-menubar .p-menuitem .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); +} + +.p-multiselect .p-multiselect-label, .p-multiselect .p-multiselect-trigger { + background-image: none; + background: transparent; +} +.p-multiselect .p-multiselect-label { + border: 0 none; +} +.p-multiselect:not(.p-disabled).p-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; +} + +.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-ink { + background-color: rgba(159, 168, 218, 0.16); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + background: rgba(255, 255, 255, 0.12); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus.p-highlight { + background: rgba(159, 168, 218, 0.24); +} +.p-multiselect-panel .p-multiselect-close:focus { + background: rgba(255, 255, 255, 0.12); +} + +.p-input-filled .p-multiselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-multiselect .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 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)); +} +.p-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-multiselect .p-inputtext:enabled:hover, .p-input-filled .p-multiselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-multiselect .p-multiselect-label:hover { + background-image: none; + background: transparent; +} + +.p-float-label .p-multiselect-label .p-multiselect-token { + padding: 0.25rem 1rem; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} + +.p-input-filled .p-float-label .p-multiselect .p-multiselect-label { + padding-top: 1.5rem; + padding-bottom: 0.5rem; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect .p-multiselect-label { + padding-top: 1.5rem; + padding-bottom: 0.5rem; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding-top: 0; + padding-bottom: 0; + margin-top: 0; + margin-bottom: 0; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + font-size: 75%; +} +.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus, .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} + +p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-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; +} + +.p-orderlist .p-orderlist-list .p-orderlist-item:focus { + background: rgba(255, 255, 255, 0.12); +} +.p-orderlist .p-orderlist-list .p-orderlist-item:focus.p-highlight { + background: rgba(159, 168, 218, 0.24); +} + +.p-overlaypanel .p-overlaypanel-content { + padding: 1.5rem; +} + +.p-paginator { + justify-content: flex-end; +} +.p-paginator .p-paginator-element:focus { + background: rgba(255, 255, 255, 0.12); +} +.p-paginator .p-paginator-element:focus.p-highlight { + background: rgba(159, 168, 218, 0.24); +} + +.p-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); +} +.p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + border: 0 none; +} +.p-panel .p-panel-content { + padding-top: 0; +} +.p-panel .p-panel-title { + font-size: 1.25rem; +} +.p-panel .p-panel-header-icon:focus { + background: rgba(255, 255, 255, 0.12); +} + +.p-panelmenu .p-panelmenu-panel { + 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); + margin-bottom: 0; + border-radius: 0; + position: relative; + transition: margin-bottom 225ms; +} +.p-panelmenu .p-panelmenu-panel:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +.p-panelmenu .p-panelmenu-panel:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-icon { + order: 1; + margin-left: auto; + margin-right: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled { + opacity: 1; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-link > * { + opacity: 0.38; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-link:focus { + background: rgba(255, 255, 255, 0.04); +} +.p-panelmenu .p-panelmenu-panel .p-menuitem .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); +} + +.p-picklist .p-picklist-list .p-picklist-item:focus { + background: rgba(255, 255, 255, 0.12); +} +.p-picklist .p-picklist-list .p-picklist-item:focus.p-highlight { + background: rgba(159, 168, 218, 0.24); +} + +.p-progressbar { + border-radius: 0; +} +.p-progressbar .p-progressbar-label { + display: none !important; +} + +.p-radiobutton { + border-radius: 50%; + transition: box-shadow 0.2s; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border: 2px solid rgba(255, 255, 255, 0.7); +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + border: 2px solid rgba(255, 255, 255, 0.7); +} +.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus { + border-color: #9FA8DA; +} +.p-radiobutton:not(.p-radiobutton-disabled):hover { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +.p-radiobutton:not(.p-radiobutton-disabled).p-radiobutton-focused { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); +} +.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled):hover { + box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.04); +} +.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled).p-radiobutton-focused { + box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.12); +} + +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #1e1e1e; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #1e1e1e; +} + +.p-rating .p-rating-icon { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-left: 0; +} +.p-rating .p-rating-icon:focus { + background: rgba(159, 168, 218, 0.12); +} +.p-rating .p-rating-icon.p-rating-cancel:focus { + background: rgba(244, 68, 53, 0.12); +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + background-color: rgba(0, 0, 0, 0.04); +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + background: rgba(244, 68, 53, 0.04); +} + +.p-selectbutton .p-button:focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} +.p-selectbutton .p-button:focus.p-highlight { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); +} + +.p-slidemenu .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); +} + +.p-slider .p-slider-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); +} +.p-slider .p-slider-handle:focus { + box-shadow: 0 0 1px 10px rgba(244, 143, 177, 0.2); +} +.p-slider.p-slider-sliding .p-slider-handle { + transform: scale(1); +} + +.p-steps { + padding: 1rem 0; +} +.p-steps .p-steps-item { + justify-content: flex-start; + flex-direction: row-reverse; + align-items: center; +} +.p-steps .p-steps-item:before { + position: static; + left: auto; + top: auto; + margin-top: 0; +} +.p-steps .p-steps-item:last-child { + flex-grow: 0; +} +.p-steps .p-steps-item:last-child:before { + display: none; +} +.p-steps .p-steps-item .p-menuitem-link { + flex-direction: row; + flex: 1 1 auto; + overflow: visible; + padding: 1rem 0.5rem; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-number { + background-color: #9e9d9e; + color: #ffffff; + font-size: 0.857rem; + min-width: 1.714rem; + height: 1.714rem; + line-height: 1.714rem; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin: 0; + padding-left: 0.5rem; +} +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + background: rgba(255, 255, 255, 0.12); +} +.p-steps .p-steps-item.p-highlight .p-steps-number { + background-color: #9FA8DA; + color: #121212; +} +.p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 600; + color: rgba(255, 255, 255, 0.87); +} +.p-steps .p-steps-item.p-disabled { + opacity: 1; +} + +.p-tabview .p-tabview-nav { + position: relative; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s; + border-radius: 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link > .p-ink { + background-color: rgba(159, 168, 218, 0.16); +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link:focus { + background-color: rgba(159, 168, 218, 0.12); +} +.p-tabview .p-tabview-nav .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 2px; + background-color: #9FA8DA; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); +} + +.p-toolbar { + border: 0 none; +} + +.p-tooltip .p-tooltip-text { + box-shadow: none; + font-size: 0.875rem; +} +.p-tooltip .p-tooltip-arrow { + display: none; +} + +.p-tieredmenu .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); +} + +.p-treeselect .p-treeselect-label, .p-treeselect .p-treeselect-trigger { + background-image: none; + background: transparent; +} +.p-treeselect .p-treeselect-label { + border: 0 none; +} +.p-treeselect:not(.p-disabled).p-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; +} + +.p-treeselect-item .p-ink { + background-color: rgba(159, 168, 218, 0.16); +} + +.p-input-filled .p-treeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-treeselect .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 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)); +} +.p-input-filled .p-treeselect:not(.p-disabled).p-focus, .p-input-filled .p-treeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-treeselect .p-inputtext:enabled:hover, .p-input-filled .p-treeselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-treeselect .p-treeselect-label:hover { + background-image: none; + background: transparent; +} + +.p-float-label .p-treeselect-label .p-treeselect-token { + padding: 0.25rem 1rem; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} + +.p-input-filled .p-float-label .p-treeselect .p-treeselect-label { + padding-top: 1.5rem; + padding-bottom: 0.5rem; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect .p-treeselect-label { + padding-top: 1.5rem; + padding-bottom: 0.5rem; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding-top: 0; + padding-bottom: 0; + margin-top: 0; + margin-bottom: 0; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-token .p-treeselect-token-icon { + font-size: 75%; +} +.p-input-filled .p-treeselect.p-invalid { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled .p-treeselect.p-invalid:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} + +.p-treeselect.p-invalid:not(.p-disabled).p-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; +} + +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + background: rgba(255, 255, 255, 0.12); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus.p-highlight { + background: rgba(159, 168, 218, 0.24); +} + +.p-treetable .p-sortable-column { + outline: 0 none; +} +.p-treetable .p-sortable-column:focus { + background-color: rgba(255, 255, 255, 0.03); +} +.p-treetable .p-treetable-tbody > tr { + outline: 0 none; +} +.p-treetable .p-treetable-tbody > tr:not(.p-highlight):focus { + background-color: rgba(255, 255, 255, 0.03); +} + +.p-tabmenu .p-tabmenu-nav { + position: relative; +} +.p-tabmenu .p-tabmenu-nav li .p-menuitem-link { + transition: background-color 0.2s; + border-radius: 0; +} +.p-tabmenu .p-tabmenu-nav li .p-menuitem-link > .p-ink { + background-color: rgba(159, 168, 218, 0.16); +} +.p-tabmenu .p-tabmenu-nav li .p-menuitem-link:focus { + background-color: rgba(159, 168, 218, 0.12); +} +.p-tabmenu .p-tabmenu-nav li.p-highlight .p-menuitem-link:focus { + background-color: rgba(159, 168, 218, 0.12); +} +.p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar { + display: block; + position: absolute; + bottom: 0; + height: 2px; + background-color: #9FA8DA; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); +} + +.p-timeline.p-timeline-vertical .p-timeline-event-connector { + margin: 0.5rem 0; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-connector { + margin: 0 0.5rem; +} + +.p-togglebutton.p-button:focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} +.p-togglebutton.p-button:focus.p-highlight { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); +} + +.p-splitbutton.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + background: rgba(159, 168, 218, 0.12); +} +.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(159, 168, 218, 0.16); +} +.p-splitbutton.p-button-outlined > .p-button { + box-shadow: inset 0 0 0 1px; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:focus { + box-shadow: inset 0 0 0 1px; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:active { + box-shadow: inset 0 0 0 1px; +} +.p-splitbutton.p-button-outlined > .p-button.p-splitbutton-menubutton { + margin-left: -1px; + width: calc(3rem + 1px); +} +.p-splitbutton.p-disabled.p-button-text > .p-button { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.38) !important; +} +.p-splitbutton.p-disabled.p-button-outlined > .p-button { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.38) !important; + border-color: rgba(255, 255, 255, 0.38) !important; +} +.p-splitbutton.p-button-raised > .p-button:enabled:focus, .p-splitbutton.p-button-raised > .p-button:not(button):not(a):not(.p-disabled):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); +} + +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + background: rgba(244, 143, 177, 0.12); +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(244, 143, 177, 0.16); +} + +.p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + background: rgba(144, 202, 249, 0.12); +} +.p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(144, 202, 249, 0.16); +} + +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + background: rgba(197, 225, 165, 0.12); +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(197, 225, 165, 0.16); +} + +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + background: rgba(255, 245, 157, 0.12); +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 245, 157, 0.16); +} + +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + background: rgba(206, 147, 216, 0.12); +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(206, 147, 216, 0.16); +} + +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + background: rgba(239, 154, 154, 0.12); +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(239, 154, 154, 0.16); +} + +/* Customizations to the designer theme should be defined here */ diff --git a/assets/layout/styles/theme/md-dark-indigo/theme.css.br b/assets/layout/styles/theme/md-dark-indigo/theme.css.br new file mode 100644 index 0000000..0797394 Binary files /dev/null and b/assets/layout/styles/theme/md-dark-indigo/theme.css.br differ diff --git a/assets/layout/styles/theme/md-dark-indigo/theme.css.gz b/assets/layout/styles/theme/md-dark-indigo/theme.css.gz new file mode 100644 index 0000000..82b1c77 Binary files /dev/null and b/assets/layout/styles/theme/md-dark-indigo/theme.css.gz differ diff --git a/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff b/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff new file mode 100644 index 0000000..fb70b7e Binary files /dev/null and b/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff differ diff --git a/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff.br b/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff.br new file mode 100644 index 0000000..d45c06a Binary files /dev/null and b/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff.br differ diff --git a/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff.gz b/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff.gz new file mode 100644 index 0000000..2f6fd16 Binary files /dev/null and b/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff.gz differ diff --git a/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 b/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 new file mode 100644 index 0000000..96981bc Binary files /dev/null and b/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 differ diff --git a/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2.br b/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2.br new file mode 100644 index 0000000..119e7fc Binary files /dev/null and b/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2.br differ diff --git a/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2.gz b/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2.gz new file mode 100644 index 0000000..025e002 Binary files /dev/null and b/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2.gz differ diff --git a/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff b/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff new file mode 100644 index 0000000..d023f3d Binary files /dev/null and b/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff differ diff --git a/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff.br b/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff.br new file mode 100644 index 0000000..32cffe7 Binary files /dev/null and b/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff.br differ diff --git a/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff.gz b/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff.gz new file mode 100644 index 0000000..f45dd01 Binary files /dev/null and b/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff.gz differ diff --git a/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 b/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 new file mode 100644 index 0000000..fd49210 Binary files /dev/null and b/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 differ diff --git a/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2.br b/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2.br new file mode 100644 index 0000000..ec7fbc3 Binary files /dev/null and b/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2.br differ diff --git a/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2.gz b/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2.gz new file mode 100644 index 0000000..a4d35e0 Binary files /dev/null and b/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2.gz differ diff --git a/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff b/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff new file mode 100644 index 0000000..f9849df Binary files /dev/null and b/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff differ diff --git a/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff.br b/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff.br new file mode 100644 index 0000000..f026612 Binary files /dev/null and b/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff.br differ diff --git a/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff.gz b/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff.gz new file mode 100644 index 0000000..543edf1 Binary files /dev/null and b/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff.gz differ diff --git a/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 b/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 new file mode 100644 index 0000000..1f7dd5b Binary files /dev/null and b/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 differ diff --git a/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2.br b/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2.br new file mode 100644 index 0000000..3c25e20 Binary files /dev/null and b/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2.br differ diff --git a/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2.gz b/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2.gz new file mode 100644 index 0000000..36fb292 Binary files /dev/null and b/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2.gz differ diff --git a/assets/layout/styles/theme/md-light-deeppurple/theme.css b/assets/layout/styles/theme/md-light-deeppurple/theme.css new file mode 100644 index 0000000..1b7d051 --- /dev/null +++ b/assets/layout/styles/theme/md-light-deeppurple/theme.css @@ -0,0 +1,7840 @@ +: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-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; +} + +/* roboto-regular - latin-ext_latin */ +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 400; + src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/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 Medium"), local("Roboto-Medium"), url("./fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("./fonts/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("./fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-700.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +* { + box-sizing: border-box; +} + +.p-component { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + font-weight: normal; +} + +.p-component-overlay { + background-color: rgba(0, 0, 0, 0.32); + transition-duration: 0.2s; +} + +.p-disabled, .p-component:disabled { + opacity: 0.38; +} + +.p-error { + color: #B00020; +} + +.p-text-secondary { + color: rgba(0, 0, 0, 0.6); +} + +.pi { + font-size: 1rem; +} + +.p-link { + font-size: 1rem; + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + border-radius: 4px; +} +.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; +} + +.p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; +} + +@keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } +} +@keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } +} + +: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; +} + +.p-autocomplete .p-autocomplete-loader { + right: 1rem; +} +.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 4rem; +} +.p-autocomplete .p-autocomplete-multiple-container { + padding: 0.5rem 1rem; + gap: 0.5rem; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #673AB7; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.5rem 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-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); + padding: 0; + margin: 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.5rem 1rem; + background: rgba(103, 58, 183, 0.12); + color: #673AB7; + border-radius: 4px; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; +} + +p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #B00020; +} + +.p-autocomplete-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + 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); +} +.p-autocomplete-panel .p-autocomplete-items { + padding: 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 1rem 1rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #673AB7; + background: rgba(103, 58, 183, 0.12); +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 1rem 1rem; + color: rgba(0, 0, 0, 0.87); + background: transparent; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 1rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; +} + +p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 3rem; +} +p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 1rem; +} + +p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 4rem; +} + +p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #B00020; +} + +.p-datepicker { + padding: 0.5rem; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; +} +.p-datepicker:not(.p-datepicker-inline) { + 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); +} +.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; +} +.p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + font-weight: 500; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 2.5rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + font-weight: 500; + padding: 0.5rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #673AB7; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; +} +.p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0; +} +.p-datepicker table th { + padding: 0.5rem; +} +.p-datepicker table th > span { + width: 2.5rem; + height: 2.5rem; +} +.p-datepicker table td { + padding: 0.5rem; +} +.p-datepicker table td > span { + width: 2.5rem; + height: 2.5rem; + border-radius: 50%; + transition: none; + border: 1px solid transparent; +} +.p-datepicker table td > span.p-highlight { + color: #673AB7; + background: rgba(103, 58, 183, 0.12); +} +.p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datepicker table td.p-datepicker-today > span { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-color: black; +} +.p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #673AB7; + background: rgba(103, 58, 183, 0.12); +} +.p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} +.p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; +} +.p-datepicker .p-timepicker { + border-top: 1px solid rgba(0, 0, 0, 0.12); + padding: 0.5rem; +} +.p-datepicker .p-timepicker button { + width: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-timepicker button:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-datepicker .p-timepicker button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; +} +.p-datepicker .p-timepicker span { + font-size: 1.25rem; +} +.p-datepicker .p-timepicker > div { + padding: 0 0.5rem; +} +.p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; +} +.p-datepicker .p-monthpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.5rem; + transition: none; + border-radius: 4px; +} +.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #673AB7; + background: rgba(103, 58, 183, 0.12); +} +.p-datepicker .p-yearpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.5rem; + transition: none; + border-radius: 4px; +} +.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #673AB7; + background: rgba(103, 58, 183, 0.12); +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid rgba(0, 0, 0, 0.12); + padding-right: 0.5rem; + padding-left: 0.5rem; + padding-top: 0; + padding-bottom: 0; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 3rem; +} +p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 1rem; +} + +p-calendar.p-calendar-clearable.p-calendar-w-btn .p-calendar-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 4rem; +} + +@media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } +} +.p-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; +} +.p-cascadeselect:not(.p-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #673AB7; +} +.p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 1rem 1rem; +} +.p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: rgba(0, 0, 0, 0.6); +} +.p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: rgba(0, 0, 0, 0.6); + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-cascadeselect-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + 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); +} +.p-cascadeselect-panel .p-cascadeselect-items { + padding: 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 1rem 1rem; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #673AB7; + background: rgba(103, 58, 183, 0.12); +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; +} + +p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #B00020; +} + +.p-input-filled .p-cascadeselect { + background: #f5f5f5; +} +.p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #ececec; +} +.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #dcdcdc; +} + +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 1rem; +} +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 2.357rem; +} + +.p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; +} +.p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); +} + +.p-checkbox { + width: 18px; + height: 18px; +} +.p-checkbox .p-checkbox-box { + border: 2px solid #757575; + background: #ffffff; + width: 18px; + height: 18px; + 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); +} +.p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #ffffff; + font-size: 14px; +} +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #673AB7; + background: #673AB7; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #673AB7; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #673AB7; + background: #673AB7; + color: #ffffff; +} + +p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #B00020; +} + +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f5f5f5; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #673AB7; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #ececec; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #673AB7; +} + +.p-checkbox-label { + margin-left: 0.5rem; +} + +.p-chips .p-chips-multiple-container { + padding: 0.5rem 1rem; + gap: 0.5rem; +} +.p-chips .p-chips-multiple-container:not(.p-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #673AB7; +} +.p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.5rem 1rem; + background: rgba(103, 58, 183, 0.12); + color: #673AB7; + border-radius: 4px; +} +.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; +} +.p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.5rem 0; +} +.p-chips .p-chips-multiple-container .p-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); + padding: 0; + margin: 0; +} + +p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #B00020; +} + +p-chips.p-chips-clearable .p-inputtext { + padding-right: 2rem; +} +p-chips.p-chips-clearable .p-chips-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 1rem; +} + +.p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; +} + +.p-colorpicker-panel { + background: #323232; + border: 1px solid #191919; +} +.p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; +} + +.p-colorpicker-overlay-panel { + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} + +.p-dropdown { + 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; +} +.p-dropdown:not(.p-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #673AB7; +} +.p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 2rem; +} +.p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; +} +.p-dropdown .p-dropdown-label.p-placeholder { + color: rgba(0, 0, 0, 0.6); +} +.p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-dropdown .p-dropdown-trigger { + background: transparent; + color: rgba(0, 0, 0, 0.6); + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-dropdown .p-dropdown-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 2.357rem; +} + +.p-dropdown-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + 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); +} +.p-dropdown-panel .p-dropdown-header { + padding: 1rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 2rem; + margin-right: -2rem; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 1rem; + color: rgba(0, 0, 0, 0.6); +} +.p-dropdown-panel .p-dropdown-items { + padding: 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 1rem 1rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #673AB7; + background: rgba(103, 58, 183, 0.12); +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 1rem 1rem; + color: rgba(0, 0, 0, 0.87); + background: transparent; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 1rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; +} + +p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #B00020; +} + +.p-input-filled .p-dropdown { + background: #f5f5f5; +} +.p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #ececec; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #dcdcdc; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; +} + +.p-editor-container .p-editor-toolbar { + background: #ffffff; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e0e0e0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(0, 0, 0, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(0, 0, 0, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(0, 0, 0, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-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; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-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); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 1rem 1rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #e0e0e0; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(0, 0, 0, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #673AB7; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #673AB7; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #673AB7; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #673AB7; +} + +.p-inputgroup-addon { + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + border-top: 1px solid rgba(0, 0, 0, 0.38); + border-left: 1px solid rgba(0, 0, 0, 0.38); + border-bottom: 1px solid rgba(0, 0, 0, 0.38); + padding: 1rem 1rem; + min-width: 2.357rem; +} +.p-inputgroup-addon:last-child { + border-right: 1px solid rgba(0, 0, 0, 0.38); +} + +.p-inputgroup > .p-component, +.p-inputgroup > .p-element, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; +} +.p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-element + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; +} +.p-inputgroup > .p-component:focus, +.p-inputgroup > .p-element:focus, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; +} +.p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-element:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; +} + +.p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-fluid .p-inputgroup .p-button { + width: auto; +} +.p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 3rem; +} + +p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #B00020; +} + +p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 3rem; +} +p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 1rem; +} + +p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #B00020; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 3rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 1rem; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 4rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 4rem; +} + +.p-inputswitch { + width: 2.75rem; + height: 1rem; +} +.p-inputswitch .p-inputswitch-slider { + 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-radius: 0.5rem; +} +.p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1.5rem; + height: 1.5rem; + left: -1px; + margin-top: -0.75rem; + border-radius: 50%; + transition-duration: 0.2s; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1.5rem); +} +.p-inputswitch.p-focus .p-inputswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: rgba(0, 0, 0, 0.38); +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: rgba(103, 58, 183, 0.5); +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #673AB7; +} +.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: rgba(103, 58, 183, 0.5); +} + +p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + border-color: #B00020; +} + +.p-inputtext { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + padding: 1rem 1rem; + 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); + appearance: none; + border-radius: 4px; +} +.p-inputtext:enabled:hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #673AB7; +} +.p-inputtext.ng-dirty.ng-invalid { + border-color: #B00020; +} +.p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.875rem 0.875rem; +} +.p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 1.25rem 1.25rem; +} + +.p-float-label > label { + left: 1rem; + color: rgba(0, 0, 0, 0.6); + transition-duration: 0.2s; +} + +.p-float-label > .ng-invalid.ng-dirty + label { + color: #B00020; +} + +.p-input-icon-left > i:first-of-type { + left: 1rem; + color: rgba(0, 0, 0, 0.6); +} + +.p-input-icon-left > .p-inputtext { + padding-left: 3rem; +} + +.p-input-icon-left.p-float-label > label { + left: 3rem; +} + +.p-input-icon-right > i:last-of-type { + right: 1rem; + color: rgba(0, 0, 0, 0.6); +} + +.p-input-icon-right > .p-inputtext { + padding-right: 3rem; +} + +::-webkit-input-placeholder { + color: rgba(0, 0, 0, 0.6); +} + +:-moz-placeholder { + color: rgba(0, 0, 0, 0.6); +} + +::-moz-placeholder { + color: rgba(0, 0, 0, 0.6); +} + +:-ms-input-placeholder { + color: rgba(0, 0, 0, 0.6); +} + +.p-input-filled .p-inputtext { + background-color: #f5f5f5; +} +.p-input-filled .p-inputtext:enabled:hover { + background-color: #ececec; +} +.p-input-filled .p-inputtext:enabled:focus { + background-color: #dcdcdc; +} + +.p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.875rem 0.875rem; +} + +.p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 1.25rem 1.25rem; +} + +.p-listbox { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; +} +.p-listbox .p-listbox-header { + padding: 1rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 2rem; +} +.p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 1rem; + color: rgba(0, 0, 0, 0.6); +} +.p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list { + padding: 0; +} +.p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 1rem 1rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + transition: none; + border-radius: 0; +} +.p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #673AB7; + background: rgba(103, 58, 183, 0.12); +} +.p-listbox .p-listbox-list .p-listbox-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 1rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; +} +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 1rem 1rem; + color: rgba(0, 0, 0, 0.87); + background: transparent; +} +.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} + +p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #B00020; +} + +.p-multiselect { + 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; +} +.p-multiselect:not(.p-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #673AB7; +} +.p-multiselect .p-multiselect-label { + padding: 1rem 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); +} +.p-multiselect .p-multiselect-label.p-placeholder { + color: rgba(0, 0, 0, 0.6); +} +.p-multiselect.p-multiselect-chip .p-multiselect-label { + gap: 0.5rem; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.5rem 1rem; + background: rgba(103, 58, 183, 0.12); + color: #673AB7; + border-radius: 4px; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; +} +.p-multiselect .p-multiselect-trigger { + background: transparent; + color: rgba(0, 0, 0, 0.6); + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.5rem 1rem; +} + +.p-multiselect-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + 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); +} +.p-multiselect-panel .p-multiselect-header { + padding: 1rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 2rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 1rem; + color: rgba(0, 0, 0, 0.6); +} +.p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-multiselect-panel .p-multiselect-items { + padding: 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 1rem 1rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #673AB7; + background: rgba(103, 58, 183, 0.12); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 1rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 1rem 1rem; + color: rgba(0, 0, 0, 0.87); + background: transparent; +} + +p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #B00020; +} + +.p-input-filled .p-multiselect { + background: #f5f5f5; +} +.p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #ececec; +} +.p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #dcdcdc; +} + +p-multiselect.p-multiselect-clearable .p-multiselect-label-container { + padding-right: 2rem; +} +p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 2.357rem; +} + +p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #B00020; +} + +.p-password-panel { + padding: 1rem; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + 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; +} +.p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: rgba(103, 58, 183, 0.32); +} +.p-password-panel .p-password-meter .p-password-strength.weak { + background: #D32F2F; +} +.p-password-panel .p-password-meter .p-password-strength.medium { + background: #FBC02D; +} +.p-password-panel .p-password-meter .p-password-strength.strong { + background: #689F38; +} + +p-password.p-password-clearable .p-password-input { + padding-right: 3rem; +} +p-password.p-password-clearable .p-password-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 1rem; +} + +p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 5rem; +} +p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 3rem; +} + +.p-radiobutton { + width: 20px; + height: 20px; +} +.p-radiobutton .p-radiobutton-box { + border: 2px solid #757575; + background: #ffffff; + width: 20px; + height: 20px; + color: rgba(0, 0, 0, 0.87); + 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); +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #673AB7; +} +.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 10px; + height: 10px; + transition-duration: 0.2s; + background-color: #673AB7; +} +.p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #673AB7; + background: #ffffff; +} +.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #673AB7; + background: #ffffff; + color: #673AB7; +} + +p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #B00020; +} + +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f5f5f5; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #ececec; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #ffffff; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #ffffff; +} + +.p-radiobutton-label { + margin-left: 0.5rem; +} + +.p-rating .p-rating-icon { + color: #673AB7; + margin-left: 0.5rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + font-size: 1.143rem; +} +.p-rating .p-rating-icon.p-rating-cancel { + color: #B00020; +} +.p-rating .p-rating-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-rating .p-rating-icon:first-child { + margin-left: 0; +} +.p-rating .p-rating-icon.pi-star-fill { + color: #673AB7; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + color: #673AB7; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + color: #B00020; +} + +.p-selectbutton .p-button { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + 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); +} +.p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f6f6f6; + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); +} +.p-selectbutton .p-button.p-highlight { + background: #e0e0e1; + border-color: #e0e0e1; + color: rgba(0, 0, 0, 0.87); +} +.p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); +} +.p-selectbutton .p-button.p-highlight:hover { + background: #d9d8d9; + border-color: #d9d8d9; + color: rgba(0, 0, 0, 0.87); +} +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); +} + +p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #B00020; +} + +.p-slider { + background: #c1c1c1; + border: 0 none; + border-radius: 4px; +} +.p-slider.p-slider-horizontal { + height: 2px; +} +.p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; +} +.p-slider.p-slider-vertical { + width: 2px; +} +.p-slider.p-slider-vertical .p-slider-handle { + margin-left: -10px; + margin-bottom: -10px; +} +.p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #673AB7; + border: 0 none; + 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); +} +.p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-slider .p-slider-range { + background: #673AB7; +} +.p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #673AB7; + border-color: 0 none; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), left 0.2s; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), bottom 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; +} + +.p-togglebutton.p-button { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + 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); +} +.p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f6f6f6; + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); +} +.p-togglebutton.p-button.p-highlight { + background: #e0e0e1; + border-color: #e0e0e1; + color: rgba(0, 0, 0, 0.87); +} +.p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); +} +.p-togglebutton.p-button.p-highlight:hover { + background: #d9d8d9; + border-color: #d9d8d9; + color: rgba(0, 0, 0, 0.87); +} +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); +} + +p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #B00020; +} + +.p-treeselect { + 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; +} +.p-treeselect:not(.p-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #673AB7; +} +.p-treeselect .p-treeselect-label { + padding: 1rem 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); +} +.p-treeselect .p-treeselect-label.p-placeholder { + color: rgba(0, 0, 0, 0.6); +} +.p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.5rem 1rem; + margin-right: 0.5rem; + background: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + border-radius: 16px; +} +.p-treeselect .p-treeselect-trigger { + background: transparent; + color: rgba(0, 0, 0, 0.6); + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #B00020; +} + +.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.5rem 1rem; +} + +.p-treeselect-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + 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); +} +.p-treeselect-panel .p-treeselect-header { + padding: 1rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 2rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 1rem; + color: rgba(0, 0, 0, 0.6); +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 4rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 3rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 1rem 1rem; + color: rgba(0, 0, 0, 0.87); + background: transparent; +} + +.p-input-filled .p-treeselect { + background: #f5f5f5; +} +.p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #ececec; +} +.p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #dcdcdc; +} + +p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 2rem; +} +p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 3rem; +} + +.p-button { + color: #ffffff; + background: #673AB7; + border: 0 none; + padding: 0.714rem 1rem; + 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: 4px; +} +.p-button:enabled:hover { + background: rgba(103, 58, 183, 0.92); + color: #ffffff; + border-color: transparent; +} +.p-button:enabled:active { + background: rgba(103, 58, 183, 0.68); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-outlined { + background-color: transparent; + color: #673AB7; + border: 0 none; +} +.p-button.p-button-outlined:enabled:hover { + background: rgba(103, 58, 183, 0.04); + color: #673AB7; + border: 0 none; +} +.p-button.p-button-outlined:enabled:active { + background: rgba(103, 58, 183, 0.16); + color: #673AB7; + border: 0 none; +} +.p-button.p-button-outlined.p-button-plain { + color: rgba(0, 0, 0, 0.6); + border-color: rgba(0, 0, 0, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); +} +.p-button.p-button-text { + background-color: transparent; + color: #673AB7; + border-color: transparent; +} +.p-button.p-button-text:enabled:hover { + background: rgba(103, 58, 183, 0.04); + color: #673AB7; + border-color: transparent; +} +.p-button.p-button-text:enabled:active { + background: rgba(103, 58, 183, 0.16); + color: #673AB7; + border-color: transparent; +} +.p-button.p-button-text.p-button-plain { + color: rgba(0, 0, 0, 0.6); +} +.p-button.p-button-text.p-button-plain:enabled:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +.p-button.p-button-text.p-button-plain:enabled:active { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); +} +.p-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-button .p-button-label { + transition-duration: 0.2s; +} +.p-button .p-button-icon-left { + margin-right: 0.5rem; +} +.p-button .p-button-icon-right { + margin-left: 0.5rem; +} +.p-button .p-button-icon-bottom { + margin-top: 0.5rem; +} +.p-button .p-button-icon-top { + margin-bottom: 0.5rem; +} +.p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #673AB7; + background-color: #ffffff; +} +.p-button.p-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); +} +.p-button.p-button-rounded { + border-radius: 2rem; +} +.p-button.p-button-icon-only { + width: 3rem; + padding: 0.714rem; +} +.p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; +} +.p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 3rem; +} +.p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.62475rem 0.875rem; +} +.p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; +} +.p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.8925rem 1.25rem; +} +.p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; +} +.p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; +} +.p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; +} + +.p-fluid .p-button { + width: 100%; +} +.p-fluid .p-button-icon-only { + width: 3rem; +} +.p-fluid .p-buttonset { + display: flex; +} +.p-fluid .p-buttonset .p-button { + flex: 1; +} + +.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + color: #ffffff; + background: #4CAF50; + border: 0 none; +} +.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + background: rgba(76, 175, 80, 0.92); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: rgba(76, 175, 80, 0.68); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + background-color: transparent; + color: #4CAF50; + border: 0 none; +} +.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + background: rgba(76, 175, 80, 0.04); + color: #4CAF50; + border: 0 none; +} +.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(76, 175, 80, 0.16); + color: #4CAF50; + border: 0 none; +} +.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + background-color: transparent; + color: #4CAF50; + border-color: transparent; +} +.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + background: rgba(76, 175, 80, 0.04); + border-color: transparent; + color: #4CAF50; +} +.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + background: rgba(76, 175, 80, 0.16); + border-color: transparent; + color: #4CAF50; +} + +.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #2196F3; + border: 0 none; +} +.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + background: rgba(33, 150, 243, 0.92); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: rgba(33, 150, 243, 0.68); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + background-color: transparent; + color: #2196F3; + border: 0 none; +} +.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + background: rgba(33, 150, 243, 0.04); + color: #2196F3; + border: 0 none; +} +.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(33, 150, 243, 0.16); + color: #2196F3; + border: 0 none; +} +.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + background-color: transparent; + color: #2196F3; + border-color: transparent; +} +.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + background: rgba(33, 150, 243, 0.04); + border-color: transparent; + color: #2196F3; +} +.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + background: rgba(33, 150, 243, 0.16); + border-color: transparent; + color: #2196F3; +} + +.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #689F38; + border: 0 none; +} +.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + background: rgba(104, 159, 56, 0.92); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: rgba(104, 159, 56, 0.68); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + background-color: transparent; + color: #689F38; + border: 0 none; +} +.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + background: rgba(104, 159, 56, 0.04); + color: #689F38; + border: 0 none; +} +.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(104, 159, 56, 0.16); + color: #689F38; + border: 0 none; +} +.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + background-color: transparent; + color: #689F38; + border-color: transparent; +} +.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + background: rgba(104, 159, 56, 0.04); + border-color: transparent; + color: #689F38; +} +.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + background: rgba(104, 159, 56, 0.16); + border-color: transparent; + color: #689F38; +} + +.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #212529; + background: #FBC02D; + border: 0 none; +} +.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + background: rgba(251, 192, 45, 0.92); + color: #212529; + border-color: transparent; +} +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: rgba(251, 192, 45, 0.68); + color: #212529; + border-color: transparent; +} +.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + background-color: transparent; + color: #FBC02D; + border: 0 none; +} +.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + background: rgba(251, 192, 45, 0.04); + color: #FBC02D; + border: 0 none; +} +.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(251, 192, 45, 0.16); + color: #FBC02D; + border: 0 none; +} +.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + background-color: transparent; + color: #FBC02D; + border-color: transparent; +} +.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + background: rgba(251, 192, 45, 0.04); + border-color: transparent; + color: #FBC02D; +} +.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + background: rgba(251, 192, 45, 0.16); + border-color: transparent; + color: #FBC02D; +} + +.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #9C27B0; + border: 0 none; +} +.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + background: rgba(156, 39, 176, 0.92); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: rgba(156, 39, 176, 0.68); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + background-color: transparent; + color: #9C27B0; + border: 0 none; +} +.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + background: rgba(156, 39, 176, 0.04); + color: #9C27B0; + border: 0 none; +} +.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(156, 39, 176, 0.16); + color: #9C27B0; + border: 0 none; +} +.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + background-color: transparent; + color: #9C27B0; + border-color: transparent; +} +.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + background: rgba(156, 39, 176, 0.04); + border-color: transparent; + color: #9C27B0; +} +.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + background: rgba(156, 39, 176, 0.16); + border-color: transparent; + color: #9C27B0; +} + +.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #D32F2F; + border: 0 none; +} +.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + background: rgba(211, 47, 47, 0.92); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: rgba(211, 47, 47, 0.68); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + background-color: transparent; + color: #D32F2F; + border: 0 none; +} +.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + background: rgba(211, 47, 47, 0.04); + color: #D32F2F; + border: 0 none; +} +.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(211, 47, 47, 0.16); + color: #D32F2F; + border: 0 none; +} +.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + background-color: transparent; + color: #D32F2F; + border-color: transparent; +} +.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + background: rgba(211, 47, 47, 0.04); + border-color: transparent; + color: #D32F2F; +} +.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} + +.p-button.p-button-link { + color: #673AB7; + background: transparent; + border: transparent; +} +.p-button.p-button-link:enabled:hover { + background: transparent; + color: #673AB7; + border-color: transparent; +} +.p-button.p-button-link:enabled:hover .p-button-label { + text-decoration: underline; +} +.p-button.p-button-link:enabled:focus { + background: transparent; + box-shadow: none; + border-color: transparent; +} +.p-button.p-button-link:enabled:active { + background: transparent; + color: #673AB7; + border-color: transparent; +} + +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 2rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: #4CAF50; + color: #fff; +} +.p-speeddial-action:hover { + background: rgba(76, 175, 80, 0.92); + color: #fff; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); +} + +.p-splitbutton { + border-radius: 4px; +} +.p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #673AB7; + border: 0 none; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(103, 58, 183, 0.04); + color: #673AB7; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(103, 58, 183, 0.16); + color: #673AB7; +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: rgba(0, 0, 0, 0.6); + border-color: rgba(0, 0, 0, 0.6); +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); +} +.p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #673AB7; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(103, 58, 183, 0.04); + color: #673AB7; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(103, 58, 183, 0.16); + color: #673AB7; + border-color: transparent; +} +.p-splitbutton.p-button-text.p-button-plain > .p-button { + color: rgba(0, 0, 0, 0.6); +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); +} +.p-splitbutton.p-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); +} +.p-splitbutton.p-button-rounded { + border-radius: 2rem; +} +.p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; +} +.p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.62475rem 0.875rem; +} +.p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; +} +.p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.8925rem 1.25rem; +} +.p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; +} + +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #4CAF50; + border: 0 none; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(76, 175, 80, 0.04); + color: #4CAF50; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(76, 175, 80, 0.16); + color: #4CAF50; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #4CAF50; + border-color: transparent; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(76, 175, 80, 0.04); + border-color: transparent; + color: #4CAF50; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(76, 175, 80, 0.16); + border-color: transparent; + color: #4CAF50; +} + +.p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #2196F3; + border: 0 none; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(33, 150, 243, 0.04); + color: #2196F3; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(33, 150, 243, 0.16); + color: #2196F3; +} +.p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #2196F3; + border-color: transparent; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(33, 150, 243, 0.04); + border-color: transparent; + color: #2196F3; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(33, 150, 243, 0.16); + border-color: transparent; + color: #2196F3; +} + +.p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #689F38; + border: 0 none; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(104, 159, 56, 0.04); + color: #689F38; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(104, 159, 56, 0.16); + color: #689F38; +} +.p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #689F38; + border-color: transparent; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(104, 159, 56, 0.04); + border-color: transparent; + color: #689F38; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(104, 159, 56, 0.16); + border-color: transparent; + color: #689F38; +} + +.p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #FBC02D; + border: 0 none; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(251, 192, 45, 0.04); + color: #FBC02D; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(251, 192, 45, 0.16); + color: #FBC02D; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #FBC02D; + border-color: transparent; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(251, 192, 45, 0.04); + border-color: transparent; + color: #FBC02D; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(251, 192, 45, 0.16); + border-color: transparent; + color: #FBC02D; +} + +.p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #9C27B0; + border: 0 none; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(156, 39, 176, 0.04); + color: #9C27B0; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(156, 39, 176, 0.16); + color: #9C27B0; +} +.p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #9C27B0; + border-color: transparent; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(156, 39, 176, 0.04); + border-color: transparent; + color: #9C27B0; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(156, 39, 176, 0.16); + border-color: transparent; + color: #9C27B0; +} + +.p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #D32F2F; + border: 0 none; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(211, 47, 47, 0.04); + color: #D32F2F; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(211, 47, 47, 0.16); + color: #D32F2F; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #D32F2F; + border-color: transparent; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(211, 47, 47, 0.04); + border-color: transparent; + color: #D32F2F; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} + +.p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; +} +.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-carousel .p-carousel-content .p-carousel-prev:focus, +.p-carousel .p-carousel-content .p-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-carousel .p-carousel-indicators { + padding: 1rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #dcdcdc; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #ececec; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; +} + +.p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-datatable .p-datatable-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; +} +.p-datatable .p-datatable-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; +} +.p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + transition: none; +} +.p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; +} +.p-datatable .p-sortable-column .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #673AB7; + background: rgba(103, 58, 183, 0.12); + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-datatable .p-sortable-column.p-highlight { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.87); +} +.p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.87); +} +.p-datatable .p-sortable-column:focus { + box-shadow: none; + outline: 0 none; +} +.p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + transition: none; +} +.p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 1rem 1rem; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; +} +.p-datatable .p-datatable-tbody > tr:focus { + outline: 0.15rem solid transparent; + outline-offset: 0.15rem; +} +.p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(103, 58, 183, 0.12); +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(103, 58, 183, 0.12); +} +.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-datatable .p-column-resizer-helper { + background: #673AB7; +} +.p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #ffffff; +} +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #ffffff; +} +.p-datatable .p-datatable-loading-icon { + font-size: 2rem; +} +.p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: rgba(0, 0, 0, 0.02); +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #673AB7; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #673AB7; +} +.p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; +} + +.p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-dataview .p-dataview-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; +} +.p-dataview .p-dataview-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 1rem 0; +} +.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; +} +.p-dataview .p-dataview-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-dataview .p-dataview-loading-icon { + font-size: 2rem; +} +.p-dataview .p-dataview-emptymessage { + padding: 1rem; +} + +.p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; +} + +.p-column-filter-menu-button { + width: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-menu-button:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; +} +.p-column-filter-menu-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-column-filter-clear-button { + width: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-clear-button:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-column-filter-clear-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-column-filter-overlay { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + 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); + min-width: 12.5rem; +} +.p-column-filter-overlay .p-column-filter-row-items { + padding: 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 1rem 1rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #673AB7; + background: rgba(103, 58, 183, 0.12); +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; +} + +.p-column-filter-overlay-menu .p-column-filter-operator { + padding: 1rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; +} +.p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 1rem 1rem; +} +.p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1rem; +} + +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-unthemed .fc-view-container td.fc-widget-content { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #e0e0e0; +} +.fc.fc-unthemed .fc-view-container .fc-row { + border-right: 1px solid #e0e0e0; +} +.fc.fc-unthemed .fc-view-container .fc-event { + background: rgba(103, 58, 183, 0.12); + border: 1px solid rgba(103, 58, 183, 0.12); + color: #673AB7; +} +.fc.fc-unthemed .fc-view-container .fc-divider { + background: #ffffff; + border: 1px solid #e0e0e0; +} +.fc.fc-unthemed .fc-toolbar .fc-button { + color: #ffffff; + background: #673AB7; + border: 0 none; + 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: 4px; + display: flex; + align-items: center; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { + background: rgba(103, 58, 183, 0.92); + color: #ffffff; + border-color: transparent; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { + background: rgba(103, 58, 183, 0.68); + color: #ffffff; + border-color: transparent; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-unthemed .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + 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); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #f6f6f6; + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #e0e0e1; + border-color: #e0e0e1; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #d9d8d9; + border-color: #d9d8d9; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + z-index: 1; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #e0e0e0; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #ffffff; + border-color: #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-view-harness td { + color: rgba(0, 0, 0, 0.87); + border-color: #e0e0e0; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover { + background: none; + border: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { + border: 1px solid #e0e0e0; + padding: 1rem; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { + opacity: 1; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; + font-family: "PrimeIcons" !important; + font-size: 1rem; + width: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { + content: "\e90b"; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { + padding: 1rem; + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-top: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #673AB7; + background: rgba(103, 58, 183, 0.12); + border-color: rgba(103, 58, 183, 0.12); +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #673AB7; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: rgba(103, 58, 183, 0.12); + border-color: rgba(103, 58, 183, 0.12); +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #ffffff; + background: #673AB7; + border: 0 none; + 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: 4px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: rgba(103, 58, 183, 0.92); + color: #ffffff; + border-color: transparent; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: rgba(103, 58, 183, 0.68); + color: #ffffff; + border-color: transparent; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.38; + color: #ffffff; + background: #673AB7; + border: 0 none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + 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); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #f6f6f6; + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #e0e0e1; + border-color: #e0e0e1; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #d9d8d9; + border-color: #d9d8d9; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.fc.fc-theme-standard a { + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-highlight { + color: #673AB7; + background: rgba(103, 58, 183, 0.12); +} + +.p-orderlist .p-orderlist-controls { + padding: 1rem; +} +.p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; +} +.p-orderlist .p-orderlist-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e0e0e0; + padding: 1rem; + border-bottom: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 500; +} +.p-orderlist .p-orderlist-filter-container { + padding: 1rem; + background: #ffffff; + border: 1px solid #e0e0e0; + border-bottom: 0 none; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 2rem; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 1rem; + color: rgba(0, 0, 0, 0.6); +} +.p-orderlist .p-orderlist-list { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 1rem 1rem; + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; +} +.p-orderlist .p-orderlist-list .p-orderlist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #673AB7; + background: rgba(103, 58, 183, 0.12); +} +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 1rem 1rem; + color: rgba(0, 0, 0, 0.87); +} +.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: rgba(0, 0, 0, 0.02); +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(0, 0, 0, 0.04); +} + +.p-orderlist-item.cdk-drag-preview { + padding: 1rem 1rem; + box-shadow: 0 5px 5px -3px rgba(0, 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: 0 none; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; +} + +.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; +} +.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(49, 27, 86, 0.12); +} +.p-organizationchart .p-organizationchart-line-down { + background: rgba(0, 0, 0, 0.12); +} +.p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #e0e0e0; + border-color: rgba(0, 0, 0, 0.12); +} +.p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #e0e0e0; + border-color: rgba(0, 0, 0, 0.12); +} +.p-organizationchart .p-organizationchart-node-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 1rem; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-paginator { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: solid #e4e4e4; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 4px; +} +.p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: rgba(0, 0, 0, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: none; + border-radius: 50%; +} +.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; + color: rgba(0, 0, 0, 0.6); +} +.p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; +} +.p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 3rem; +} +.p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; +} +.p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; +} +.p-paginator .p-paginator-page-input .p-inputtext { + max-width: 3rem; +} +.p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: rgba(0, 0, 0, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + padding: 0 0.5rem; +} +.p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: rgba(0, 0, 0, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: none; + border-radius: 50%; +} +.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(103, 58, 183, 0.12); + border-color: rgba(103, 58, 183, 0.12); + color: #673AB7; +} +.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; + color: rgba(0, 0, 0, 0.6); +} + +.p-picklist .p-picklist-buttons { + padding: 1rem; +} +.p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; +} +.p-picklist .p-picklist-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e0e0e0; + padding: 1rem; + border-bottom: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-picklist .p-picklist-header .p-picklist-title { + font-weight: 500; +} +.p-picklist .p-picklist-filter-container { + padding: 1rem; + background: #ffffff; + border: 1px solid #e0e0e0; + border-bottom: 0 none; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 2rem; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 1rem; + color: rgba(0, 0, 0, 0.6); +} +.p-picklist .p-picklist-list { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-picklist .p-picklist-list .p-picklist-item { + padding: 1rem 1rem; + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; +} +.p-picklist .p-picklist-list .p-picklist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #673AB7; + background: rgba(103, 58, 183, 0.12); +} +.p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 1rem 1rem; + color: rgba(0, 0, 0, 0.87); +} +.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: rgba(0, 0, 0, 0.02); +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(0, 0, 0, 0.04); +} + +.p-picklist-item.cdk-drag-preview { + padding: 1rem 1rem; + box-shadow: 0 5px 5px -3px rgba(0, 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: 0 none; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; +} + +.p-timeline .p-timeline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #bdbdbd; +} +.p-timeline .p-timeline-event-connector { + background-color: #bdbdbd; +} +.p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; +} +.p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; +} + +.p-tree { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 1rem; + border-radius: 4px; +} +.p-tree .p-tree-container .p-treenode { + padding: 0.25rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 4px; + transition: none; + padding: 0.5rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(0, 0, 0, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #673AB7; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #673AB7; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; +} +.p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 2rem; +} +.p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 1rem; + color: rgba(0, 0, 0, 0.6); +} +.p-tree .p-treenode-children { + padding: 0 0 0 1rem; +} +.p-tree .p-tree-loading-icon { + font-size: 2rem; +} +.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(82, 46, 146, 0.12); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 4px; + border: 1px solid #e0e0e0; + background-color: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.5rem; + transition: none; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(103, 58, 183, 0.12); + color: #673AB7; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #673AB7; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-treetable .p-treetable-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; +} +.p-treetable .p-treetable-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; +} +.p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + transition: none; +} +.p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; +} +.p-treetable .p-sortable-column { + outline-color: transparent; +} +.p-treetable .p-sortable-column .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #673AB7; + background: rgba(103, 58, 183, 0.12); + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-treetable .p-sortable-column.p-highlight { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.87); +} +.p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + transition: none; +} +.p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 1rem 1rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(0, 0, 0, 0.87); +} +.p-treetable .p-treetable-tbody > tr:focus { + outline: 0.15rem solid transparent; + outline-offset: -0.15rem; +} +.p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #673AB7; +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #673AB7; +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: rgba(0, 0, 0, 0.87); +} +.p-treetable .p-column-resizer-helper { + background: #673AB7; +} +.p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #ffffff; +} +.p-treetable .p-treetable-loading-icon { + font-size: 2rem; +} +.p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.875rem 0.875rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 1.25rem 1.25rem; +} + +.p-virtualscroller .p-virtualscroller-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; +} +.p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 1rem 0; +} +.p-virtualscroller .p-virtualscroller-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.5rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + font-weight: 400; + border-radius: 4px; + transition: none; +} +.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; +} +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #f6f6f6; + border-color: transparent; + color: rgba(0, 0, 0, 0.87); +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #ffffff; + border-color: transparent; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +.p-accordion .p-accordion-content { + padding: 1rem 1.5rem; + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; +} +.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; +} +.p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; +} +.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 none; +} +.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-top: 0 none; +} +.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-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; +} +.p-card .p-card-body { + padding: 1rem; +} +.p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +.p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +.p-card .p-card-content { + padding: 1rem 0; +} +.p-card .p-card-footer { + padding: 1rem 0 0 0; +} + +.p-divider .p-divider-content { + background-color: #ffffff; +} +.p-divider.p-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; +} +.p-divider.p-divider-horizontal:before { + border-top: 1px rgba(0, 0, 0, 0.12); +} +.p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; +} +.p-divider.p-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; +} +.p-divider.p-divider-vertical:before { + border-left: 1px rgba(0, 0, 0, 0.12); +} +.p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; +} + +.p-fieldset { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-radius: 4px; +} +.p-fieldset .p-fieldset-legend { + padding: 1rem; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + font-weight: 500; + border-radius: 4px; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 4px; + transition: none; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(0, 0, 0, 0.04); + border-color: #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +.p-fieldset .p-fieldset-content { + padding: 1rem; +} + +.p-panel .p-panel-header { + border: 1px solid #e0e0e0; + padding: 1rem; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-panel .p-panel-header .p-panel-title { + font-weight: 500; +} +.p-panel .p-panel-header .p-panel-header-icon { + width: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-panel .p-panel-header .p-panel-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-panel.p-panel-toggleable .p-panel-header { + padding: 0.5rem 1rem; +} +.p-panel .p-panel-content { + padding: 1rem; + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + border-top: 0 none; +} +.p-panel .p-panel-footer { + padding: 1rem 1rem; + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-top: 0 none; +} +.p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; +} +.p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; +} +.p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; +} + +.p-scrollpanel .p-scrollpanel-bar { + background: rgba(0, 0, 0, 0.12); + border: 0 none; +} + +.p-splitter { + border: 1px solid #e0e0e0; + background: #ffffff; + border-radius: 4px; + color: rgba(0, 0, 0, 0.87); +} +.p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: rgba(0, 0, 0, 0.04); +} +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: rgba(0, 0, 0, 0.12); +} +.p-splitter .p-splitter-gutter-resizing { + background: rgba(0, 0, 0, 0.12); +} + +.p-tabview .p-tabview-nav { + background: #ffffff; + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; +} +.p-tabview .p-tabview-nav li { + margin-right: 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; + border-color: transparent transparent rgba(0, 0, 0, 0.12) transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + padding: 1rem 1.5rem; + font-weight: 500; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: none; + margin: 0 0 0 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: rgba(103, 58, 183, 0.04); + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.6); +} +.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: rgba(0, 0, 0, 0.12); + color: #673AB7; +} +.p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; +} +.p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-close { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #673AB7; + width: 3rem; + 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); + border-radius: 0; +} +.p-tabview .p-tabview-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +.p-tabview .p-tabview-panels { + background: #ffffff; + padding: 1rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-toolbar { + background: #ffffff; + border: 1px solid #e0e0e0; + padding: 1rem; + border-radius: 4px; + gap: 0.5rem; +} +.p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; +} + +.p-confirm-popup { + background: #ffffff; + color: rgba(0, 0, 0, 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); +} +.p-confirm-popup .p-confirm-popup-content { + padding: 1rem; +} +.p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 1rem 1rem; +} +.p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; +} +.p-confirm-popup:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +.p-confirm-popup:before { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +.p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #ffffff; +} +.p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #ffffff; +} +.p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; +} +.p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; +} + +.p-dialog { + 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); + border: 0 none; +} +.p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 1.5rem; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-dialog .p-dialog-header .p-dialog-title { + font-weight: 500; + font-size: 1.25rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-dialog .p-dialog-header .p-dialog-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; +} +.p-dialog .p-dialog-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0 1.5rem 1.5rem 1.5rem; +} +.p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-dialog .p-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 1rem 1.5rem; + text-align: right; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; +} + +.p-overlaypanel { + background: #ffffff; + color: rgba(0, 0, 0, 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); +} +.p-overlaypanel .p-overlaypanel-content { + padding: 1rem; +} +.p-overlaypanel .p-overlaypanel-close { + background: #673AB7; + color: #ffffff; + width: 2.5rem; + height: 2.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + position: absolute; + top: -1.25rem; + right: -1.25rem; +} +.p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: rgba(103, 58, 183, 0.92); + color: #ffffff; +} +.p-overlaypanel:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +.p-overlaypanel:before { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #f2f2f2; +} +.p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #ffffff; +} +.p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #ffffff; +} + +.p-sidebar { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + 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); +} +.p-sidebar .p-sidebar-header { + padding: 1rem; +} +.p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-sidebar .p-sidebar-header .p-sidebar-close:focus, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; +} +.p-sidebar .p-sidebar-content { + padding: 1rem; +} +.p-sidebar .p-sidebar-footer { + padding: 1rem; +} + +.p-tooltip .p-tooltip-text { + background: rgba(97, 97, 97, 0.9); + color: #ffffff; + padding: 0.5rem; + box-shadow: 0 5px 5px -3px rgba(0, 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; +} +.p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: rgba(97, 97, 97, 0.9); +} +.p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: rgba(97, 97, 97, 0.9); +} +.p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: rgba(97, 97, 97, 0.9); +} +.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: rgba(97, 97, 97, 0.9); +} + +.p-fileupload .p-fileupload-buttonbar { + background: #ffffff; + padding: 1rem; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + border-bottom: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; +} +.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 2rem 1rem; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-fileupload .p-progressbar { + height: 4px; +} +.p-fileupload .p-fileupload-row > div { + padding: 1rem 1rem; +} +.p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; +} + +.p-fileupload-choose:not(.p-disabled):hover { + background: rgba(103, 58, 183, 0.92); + color: #ffffff; + border-color: transparent; +} +.p-fileupload-choose:not(.p-disabled):active { + background: rgba(103, 58, 183, 0.68); + color: #ffffff; + border-color: transparent; +} + +.p-breadcrumb { + background: #ffffff; + border: 1px solid #e5e5e5; + border-radius: 4px; + padding: 1rem; +} +.p-breadcrumb ul li .p-menuitem-link { + transition: none; + border-radius: 4px; +} +.p-breadcrumb ul li .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-breadcrumb ul li.p-breadcrumb-chevron { + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +.p-breadcrumb ul li:last-child .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-breadcrumb ul li:last-child .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} + +.p-contextmenu { + padding: 0.5rem 0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + 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); + border-radius: 4px; + width: 12.5rem; +} +.p-contextmenu .p-menuitem-link { + padding: 1rem 1rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-contextmenu .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-contextmenu .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-contextmenu .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-contextmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + 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); + border-radius: 4px; +} +.p-contextmenu .p-menuitem { + margin: 0; +} +.p-contextmenu .p-menuitem:last-child { + margin: 0; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(0, 0, 0, 0.04); +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-contextmenu .p-menu-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; +} +.p-contextmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-contextmenu .p-menuitem-badge { + background: #673AB7; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + +@media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } +} +.p-megamenu { + padding: 1rem; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 1rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 4px; + transition: none; + user-select: none; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-megamenu .p-menuitem-link { + padding: 1rem 1rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-megamenu .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-megamenu .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-megamenu .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-megamenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-megamenu .p-megamenu-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + 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); +} +.p-megamenu .p-megamenu-submenu-header { + margin: 0; + padding: 1rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-megamenu .p-megamenu-submenu { + padding: 0.5rem 0; + width: 12.5rem; +} +.p-megamenu .p-megamenu-submenu .p-menu-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem { + margin: 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(0, 0, 0, 0.04); +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.5rem 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem { + margin: 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem-badge { + background: #673AB7; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menu { + padding: 0.5rem 0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; + width: 12.5rem; +} +.p-menu .p-menuitem-link { + padding: 1rem 1rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-menu .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-menu .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-menu .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-menu.p-menu-overlay { + background: #ffffff; + 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); +} +.p-menu .p-submenu-header { + margin: 0; + padding: 1rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.p-menu .p-menu-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; +} +.p-menu .p-menuitem { + margin: 0; +} +.p-menu .p-menuitem:last-child { + margin: 0; +} +.p-menu .p-menuitem-badge { + background: #673AB7; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menubar { + padding: 1rem; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; +} +.p-menubar .p-menuitem-link { + padding: 1rem 1rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-menubar .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-menubar .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-menubar .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menubar .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 1rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 4px; + transition: none; + user-select: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menubar .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + 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); + width: 12.5rem; +} +.p-menubar .p-submenu-list .p-menu-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; +} +.p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; +} +.p-menubar .p-submenu-list .p-menuitem { + margin: 0; +} +.p-menubar .p-submenu-list .p-menuitem:last-child { + margin: 0; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(0, 0, 0, 0.04); +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menubar .p-menuitem-badge { + background: #673AB7; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +@media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(0, 0, 0, 0.6); + background: rgba(0, 0, 0, 0.04); + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.5rem 0; + background: #ffffff; + 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); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menu-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 1rem 1rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: none; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list ul li a { + padding-left: 3rem; + } + .p-menubar .p-menubar-root-list ul li ul li a { + padding-left: 5rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li a { + padding-left: 7rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 9rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 11rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } +} +.p-panelmenu .p-panelmenu-header > a { + padding: 1.5rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + font-weight: 400; + border-radius: 4px; + transition: none; +} +.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + background: #f6f6f6; + border-color: transparent; + color: rgba(0, 0, 0, 0.87); +} +.p-panelmenu .p-panelmenu-header.p-highlight { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight > a { + background: #ffffff; + border-color: transparent; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +.p-panelmenu .p-panelmenu-content { + padding: 0.5rem 0; + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + margin-bottom: 0; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { + padding: 1rem 1rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { + padding: 0 0 0 1rem; +} +.p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { + border-radius: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; +} +.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { + border-top: 0 none; +} +.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { + border-top: 0 none; +} +.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-panelmenu .p-menuitem-badge { + background: #673AB7; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-slidemenu { + padding: 0.5rem 0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; + width: 12.5rem; +} +.p-slidemenu .p-menuitem-link { + padding: 1rem 1rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-slidemenu .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-slidemenu .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-slidemenu .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-slidemenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + 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); +} +.p-slidemenu .p-slidemenu-list { + padding: 0.5rem 0; + background: #ffffff; + 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); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { + background: rgba(0, 0, 0, 0.04); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { + color: rgba(0, 0, 0, 0.87); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-slidemenu .p-slidemenu-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; +} +.p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; +} +.p-slidemenu .p-slidemenu-backward { + padding: 1rem 1rem; + color: rgba(0, 0, 0, 0.87); +} +.p-slidemenu .p-menuitem-badge { + background: #673AB7; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: none; + border-radius: 4px; + background: transparent; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: rgba(0, 0, 0, 0.87); + border: 1px solid transparent; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: rgba(0, 0, 0, 0.87); +} +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; +} +.p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: rgba(0, 0, 0, 0.87); +} +.p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid rgba(0, 0, 0, 0.12); + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; +} + +.p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; +} +.p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #673AB7; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; + border-color: transparent transparent rgba(0, 0, 0, 0.12) transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + padding: 1rem 1.5rem; + font-weight: 500; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: none; + margin: 0 0 0 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: rgba(103, 58, 183, 0.04); + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.6); +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: rgba(0, 0, 0, 0.12); + color: #673AB7; +} +.p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #ffffff; + color: #673AB7; + width: 3rem; + 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); + border-radius: 0; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} + +.p-tieredmenu { + padding: 0.5rem 0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; + width: 12.5rem; +} +.p-tieredmenu .p-menuitem-link { + padding: 1rem 1rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-tieredmenu .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-tieredmenu .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-tieredmenu .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-tieredmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + 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); +} +.p-tieredmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + 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); +} +.p-tieredmenu .p-menuitem { + margin: 0; +} +.p-tieredmenu .p-menuitem:last-child { + margin: 0; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(0, 0, 0, 0.04); +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-tieredmenu .p-menu-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; +} +.p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-tieredmenu .p-menuitem-badge { + background: #673AB7; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-inline-message { + padding: 1rem 1rem; + margin: 0; + border-radius: 4px; +} +.p-inline-message.p-inline-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 1px; + color: #01579B; +} +.p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #01579B; +} +.p-inline-message.p-inline-message-success { + background: #C8E6C9; + border: solid transparent; + border-width: 1px; + color: #1B5E20; +} +.p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #1B5E20; +} +.p-inline-message.p-inline-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 1px; + color: #7f6003; +} +.p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #7f6003; +} +.p-inline-message.p-inline-message-error { + background: #FFCDD2; + border: solid transparent; + border-width: 1px; + color: #B71C1C; +} +.p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #B71C1C; +} +.p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; +} +.p-inline-message .p-inline-message-text { + font-size: 1rem; +} +.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; +} + +.p-message { + margin: 1rem 0; + border-radius: 4px; +} +.p-message .p-message-wrapper { + padding: 1.25rem 1.5rem; +} +.p-message .p-message-close { + width: 2.5rem; + height: 2.5rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-message .p-message-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-message.p-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579B; +} +.p-message.p-message-info .p-message-icon { + color: #01579B; +} +.p-message.p-message-info .p-message-close { + color: #01579B; +} +.p-message.p-message-success { + background: #C8E6C9; + border: solid transparent; + border-width: 0 0 0 0; + color: #1B5E20; +} +.p-message.p-message-success .p-message-icon { + color: #1B5E20; +} +.p-message.p-message-success .p-message-close { + color: #1B5E20; +} +.p-message.p-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; +} +.p-message.p-message-warn .p-message-icon { + color: #7f6003; +} +.p-message.p-message-warn .p-message-close { + color: #7f6003; +} +.p-message.p-message-error { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 0; + color: #B71C1C; +} +.p-message.p-message-error .p-message-icon { + color: #B71C1C; +} +.p-message.p-message-error .p-message-close { + color: #B71C1C; +} +.p-message .p-message-text { + font-size: 1rem; + font-weight: 500; +} +.p-message .p-message-icon { + font-size: 1.5rem; + margin-right: 0.5rem; +} +.p-message .p-message-summary { + font-weight: 700; +} +.p-message .p-message-detail { + margin-left: 0.5rem; +} + +.p-toast { + opacity: 0.9; +} +.p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 5px 5px -3px rgba(0, 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; +} +.p-toast .p-toast-message .p-toast-message-content { + padding: 1.5rem; + border-width: 0 0 0 0; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 1rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 2rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 700; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; +} +.p-toast .p-toast-message .p-toast-icon-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-toast .p-toast-message .p-toast-icon-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-toast .p-toast-message.p-toast-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579B; +} +.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #01579B; +} +.p-toast .p-toast-message.p-toast-message-success { + background: #C8E6C9; + border: solid transparent; + border-width: 0 0 0 0; + color: #1B5E20; +} +.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #1B5E20; +} +.p-toast .p-toast-message.p-toast-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; +} +.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #7f6003; +} +.p-toast .p-toast-message.p-toast-message-error { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 0; + color: #B71C1C; +} +.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #B71C1C; +} + +.p-galleria .p-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; + border-radius: 50%; +} +.p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria .p-galleria-item-nav { + background: transparent; + color: #f6f6f6; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + margin: 0 0.5rem; +} +.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.87); + padding: 1rem; +} +.p-galleria .p-galleria-indicators { + padding: 1rem; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #dcdcdc; + width: 1.25rem; + height: 1.25rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #ececec; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; +} +.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; +} +.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; +} +.p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-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; + border-radius: 50%; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-preview-indicator { + background-color: transparent; + color: #f8f9fa; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} + +.p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); +} + +.p-image-toolbar { + padding: 1rem; +} + +.p-image-action.p-link { + color: #f8f9fa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-image-action.p-link:last-child { + margin-right: 0; +} +.p-image-action.p-link:hover { + color: #f8f9fa; + background-color: rgba(255, 255, 255, 0.1); +} +.p-image-action.p-link i { + font-size: 1.5rem; +} + +.p-avatar { + background-color: rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +.p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +.p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; +} +.p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +.p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; +} + +.p-avatar-group .p-avatar { + border: 2px solid #ffffff; +} + +.p-badge { + background: #673AB7; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +.p-badge.p-badge-secondary { + background-color: #4CAF50; + color: #ffffff; +} +.p-badge.p-badge-success { + background-color: #689F38; + color: #ffffff; +} +.p-badge.p-badge-info { + background-color: #2196F3; + color: #ffffff; +} +.p-badge.p-badge-warning { + background-color: #FBC02D; + color: #212529; +} +.p-badge.p-badge-danger { + background-color: #D32F2F; + color: #ffffff; +} +.p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +.p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} + +.p-chip { + background-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + border-radius: 16px; + padding: 0 1rem; +} +.p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.5rem; + margin-bottom: 0.5rem; +} +.p-chip .p-chip-icon { + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; +} +.p-chip img { + width: 2.5rem; + height: 2.5rem; + margin-left: -1rem; + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-inplace .p-inplace-display { + padding: 1rem 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); +} +.p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-progressbar { + border: 0 none; + height: 4px; + background: rgba(103, 58, 183, 0.32); + border-radius: 4px; +} +.p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #673AB7; +} +.p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 4px; +} + +.p-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, color 0.2s, box-shadow 0.2s; +} +.p-scrolltop.p-link { + background: #4CAF50; +} +.p-scrolltop.p-link:hover { + background: rgba(76, 175, 80, 0.92); +} +.p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #ffffff; +} + +.p-skeleton { + background-color: rgba(0, 0, 0, 0.08); + border-radius: 4px; +} +.p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); +} + +.p-tag { + background: #673AB7; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; +} +.p-tag.p-tag-success { + background-color: #689F38; + color: #ffffff; +} +.p-tag.p-tag-info { + background-color: #2196F3; + color: #ffffff; +} +.p-tag.p-tag-warning { + background-color: #FBC02D; + color: #212529; +} +.p-tag.p-tag-danger { + background-color: #D32F2F; + color: #ffffff; +} +.p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +.p-terminal { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e0e0e0; + padding: 1rem; +} +.p-terminal .p-terminal-input { + font-size: 1rem; + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; +} + +.p-accordion .p-accordion-tab { + 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); + margin-bottom: 0; + border-radius: 0; + position: relative; + transition: margin-bottom 225ms; +} +.p-accordion .p-accordion-tab:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +.p-accordion .p-accordion-tab:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-accordion .p-accordion-tab .p-accordion-toggle-icon { + order: 1; + margin-left: auto; + transition: transform 0.2s; +} +.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-header-link:focus { + background: #f6f6f6; +} +.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-toggle-icon { + transform: rotate(-270deg); +} +.p-accordion .p-accordion-tab.p-accordion-tab-active { + margin-bottom: 1rem; +} +.p-accordion .p-accordion-tab.p-accordion-tab-active .p-accordion-toggle-icon { + transform: rotate(-180deg); +} +.p-accordion .p-accordion-tab .p-accordion-header.p-disabled { + opacity: 1; +} +.p-accordion .p-accordion-tab .p-accordion-header.p-disabled .p-accordion-header-link > * { + opacity: 0.38; +} + +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-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; +} + +.p-input-filled .p-autocomplete .p-autocomplete-multiple-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; +} +.p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):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)); +} +.p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} + +.p-float-label .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 1rem; +} + +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding-top: 0; + padding-bottom: 0; +} +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + font-size: 75%; +} +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0; +} +.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; +} +.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} + +p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled: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; +} +p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-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; +} + +.p-breadcrumb .p-menuitem-link { + padding: 0.25rem 0.5rem; +} +.p-breadcrumb .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); +} + +.p-button { + font-weight: 500; + min-width: 4rem; +} +.p-button.p-button-icon-only { + min-width: auto; +} +.p-button:enabled:focus { + background: rgba(103, 58, 183, 0.76); +} +.p-button:enabled:active { + background: rgba(103, 58, 183, 0.68); +} +.p-button .p-ink { + background-color: rgba(255, 255, 255, 0.32); +} +.p-button.p-button-text:enabled:focus, .p-button.p-button-outlined:enabled:focus { + background: rgba(103, 58, 183, 0.12); +} +.p-button.p-button-text:enabled:active, .p-button.p-button-outlined:enabled:active { + background: rgba(103, 58, 183, 0.16); +} +.p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink { + background-color: rgba(103, 58, 183, 0.16); +} +.p-button.p-button-outlined { + box-shadow: inset 0 0 0 1px; +} +.p-button.p-button-outlined:enabled:focus { + box-shadow: inset 0 0 0 1px; +} +.p-button.p-button-outlined:enabled:active { + box-shadow: inset 0 0 0 1px; +} +.p-button:disabled { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(0, 0, 0, 0.38) !important; + opacity: 1; +} +.p-button:disabled.p-button-text { + background-color: transparent !important; + color: rgba(0, 0, 0, 0.38) !important; +} +.p-button:disabled.p-button-outlined { + background-color: transparent !important; + color: rgba(0, 0, 0, 0.38) !important; + border-color: rgba(0, 0, 0, 0.38) !important; +} +.p-button.p-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); +} + +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + background: rgba(76, 175, 80, 0.76); +} +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: rgba(76, 175, 80, 0.68); +} +.p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus { + background: rgba(76, 175, 80, 0.12); +} +.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(76, 175, 80, 0.16); +} +.p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink { + background-color: rgba(76, 175, 80, 0.16); +} + +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + background: rgba(33, 150, 243, 0.76); +} +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: rgba(33, 150, 243, 0.68); +} +.p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus { + background: rgba(33, 150, 243, 0.12); +} +.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(33, 150, 243, 0.16); +} +.p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink { + background-color: rgba(33, 150, 243, 0.16); +} + +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + background: rgba(104, 159, 56, 0.76); +} +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: rgba(104, 159, 56, 0.68); +} +.p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus { + background: rgba(104, 159, 56, 0.12); +} +.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(104, 159, 56, 0.16); +} +.p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink { + background-color: rgba(104, 159, 56, 0.16); +} + +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + background: rgba(251, 192, 45, 0.76); +} +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: rgba(251, 192, 45, 0.68); +} +.p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus { + background: rgba(251, 192, 45, 0.12); +} +.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(251, 192, 45, 0.16); +} +.p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink { + background-color: rgba(251, 192, 45, 0.16); +} + +.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + background: rgba(156, 39, 176, 0.76); +} +.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: rgba(156, 39, 176, 0.68); +} +.p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus { + background: rgba(156, 39, 176, 0.12); +} +.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(156, 39, 176, 0.16); +} +.p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink { + background-color: rgba(156, 39, 176, 0.16); +} + +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + background: rgba(211, 47, 47, 0.76); +} +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: rgba(211, 47, 47, 0.68); +} +.p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus { + background: rgba(211, 47, 47, 0.12); +} +.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(211, 47, 47, 0.16); +} +.p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink { + background-color: rgba(211, 47, 47, 0.16); +} + +.p-calendar-w-btn { + border: 1px solid rgba(0, 0, 0, 0.38); + background: #ffffff; + 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); +} +.p-calendar-w-btn .p-inputtext { + background-image: none; + background-color: transparent; + border: 0 none; +} +.p-calendar-w-btn .p-inputtext:enabled:focus { + box-shadow: none; +} +.p-calendar-w-btn .p-datepicker-trigger.p-button { + background-color: transparent; + border: 0 none; +} +.p-calendar-w-btn .p-datepicker-trigger.p-button span { + color: rgba(0, 0, 0, 0.6); +} +.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover { + background: rgba(0, 0, 0, 0.04); +} +.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:active, .p-calendar-w-btn .p-datepicker-trigger.p-button:focus { + background: rgba(0, 0, 0, 0.12); +} +.p-calendar-w-btn .p-datepicker-trigger.p-button:disabled { + background-color: transparent !important; +} +.p-calendar-w-btn:not(.p-calendar-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-calendar-w-btn:not(.p-calendar-disabled).p-focus { + border-color: #673AB7; + 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; +} +.p-calendar-w-btn.p-calendar-disabled { + opacity: 0.38; +} +.p-calendar-w-btn.p-calendar-disabled .p-inputtext { + opacity: 1; +} + +.p-datepicker .p-datepicker-header { + border-bottom: 0 none; +} +.p-datepicker .p-datepicker-header .p-datepicker-title { + margin: 0 auto 0 0; + order: 1; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev { + order: 2; +} +.p-datepicker .p-datepicker-header .p-datepicker-next { + order: 3; +} +.p-datepicker table 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; +} +.p-datepicker table td.p-datepicker-today > span { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38); +} +.p-datepicker table td.p-datepicker-today.p-highlight { + box-shadow: 0 0 0 1px rgba(103, 58, 183, 0.12); +} + +p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled: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; +} +p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { + border-color: #B00020; +} +p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext:enabled:focus { + box-shadow: none; +} +p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-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; +} + +.p-input-filled .p-calendar-w-btn { + 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; +} +.p-input-filled .p-calendar-w-btn .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):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)); +} +.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-calendar-w-btn .p-inputtext { + border: 0 none; +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext { + border: 0 none; + background-image: none; +} + +.p-cascadeselect .p-inputtext, .p-cascadeselect .p-cascadeselect-trigger { + background-image: none; + background: transparent; +} +.p-cascadeselect .p-inputtext { + border: 0 none; +} +.p-cascadeselect:not(.p-disabled).p-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; +} + +.p-cascadeselect-item .p-ink { + background-color: rgba(103, 58, 183, 0.16); +} + +.p-input-filled .p-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; +} +.p-input-filled .p-cascadeselect .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-cascadeselect:not(.p-disabled):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)); +} +.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-cascadeselect .p-inputtext:enabled:hover, .p-input-filled .p-cascadeselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-cascadeselect .p-inputtext { + border: 0 none; +} +.p-input-filled .p-cascadeselect .p-cascadeselect-label:hover { + background-image: none; + background: transparent; +} +.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} + +.p-input-filled .p-float-label .p-cascadeselect .p-cascadeselect-label { + padding-top: 1.5rem; + padding-bottom: 0.5rem; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-cascadeselect .p-cascadeselect-label { + padding-top: 1.5rem; + padding-bottom: 0.5rem; +} +.p-input-filled .p-cascadeselect.p-invalid { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} + +p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-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; +} + +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #4CAF50; + color: #ffffff; +} + +.p-checkbox { + border-radius: 50%; + transition: box-shadow 0.2s; +} +.p-checkbox .p-checkbox-box { + border-color: #757575; + border-radius: 2px; + position: relative; +} +.p-checkbox .p-checkbox-box:not(.p-disabled):hover { + border-color: #757575; +} +.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { + border-color: #757575; +} +.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus { + border-color: #673AB7; +} +.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check: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; +} +.p-checkbox:not(.p-checkbox-disabled):hover { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +.p-checkbox:not(.p-checkbox-disabled).p-checkbox-focused { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); +} +.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled):hover { + box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.04); +} +.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused { + box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12); +} + +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #ffffff; +} +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):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); + } +} +.p-chips .p-chips-multiple-container:not(.p-disabled).p-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; +} + +.p-input-filled .p-chips-multiple-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; +} +.p-input-filled .p-chips-multiple-container .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-chips-multiple-container:not(.p-disabled):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)); +} +.p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-chips-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} + +.p-float-label .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 1rem; +} + +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token { + padding-top: 0; + padding-bottom: 0; +} +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + font-size: 75%; +} +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0; +} +.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} + +p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-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; +} + +.p-datatable .p-sortable-column { + outline: 0 none; +} +.p-datatable .p-sortable-column:focus { + background-color: rgba(0, 0, 0, 0.03); +} +.p-datatable .p-datatable-tbody > tr { + outline: 0 none; +} +.p-datatable .p-datatable-tbody > tr:not(.p-highlight):focus { + background-color: rgba(0, 0, 0, 0.03); +} + +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #673AB7; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #673AB7; +} + +.p-dropdown .p-inputtext, .p-dropdown .p-dropdown-trigger { + background-image: none; + background: transparent; +} +.p-dropdown .p-inputtext { + border: 0 none; +} +.p-dropdown:not(.p-disabled).p-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; +} + +.p-dropdown-item .p-ink { + background-color: rgba(103, 58, 183, 0.16); +} + +.p-input-filled .p-dropdown { + 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; +} +.p-input-filled .p-dropdown .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-dropdown:not(.p-disabled):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)); +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-dropdown .p-inputtext:enabled:hover, .p-input-filled .p-dropdown .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-dropdown .p-inputtext { + border: 0 none; +} +.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus, .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} + +p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-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; +} + +.p-galleria .p-galleria-indicators { + padding: 1rem; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #4CAF50; + color: #ffffff; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(76, 175, 80, 0.68); + color: #ffffff; +} + +.p-inputtext:enabled: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; +} +.p-inputtext:enabled:focus.ng-invalid.ng-dirty { + 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; +} + +.p-input-filled .p-inputtext { + 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; +} +.p-input-filled .p-inputtext:enabled: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)); +} +.p-input-filled .p-inputtext:enabled:focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-inputtext.ng-invalid.ng-dirty { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled .p-inputtext.ng-invalid.ng-dirty:enabled:focus { + box-shadow: none; + border-color: transparent; +} + +.p-input-filled .p-inputgroup .p-inputgroup-addon { + 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; +} +.p-input-filled .p-inputgroup .p-inputgroup-addon:last-child { + border-right-color: transparent; +} +.p-input-filled .p-inputgroup-addon:first-child, +.p-input-filled .p-inputgroup button:first-child, +.p-input-filled .p-inputgroup input:first-child { + border-bottom-left-radius: 0; +} +.p-input-filled .p-inputgroup .p-float-label:first-child input { + border-bottom-left-radius: 0; +} +.p-input-filled .p-inputgroup-addon:last-child, +.p-input-filled .p-inputgroup button:last-child, +.p-input-filled .p-inputgroup input:last-child { + border-bottom-right-radius: 0; +} +.p-input-filled .p-inputgroup .p-float-label:last-child input { + border-bottom-right-radius: 0; +} + +p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled: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; +} + +.p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; +} + +p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled: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; +} + +.p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; +} + +.p-inputswitch .p-inputswitch-slider:before { + 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); +} +.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before { + 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); +} +.p-inputswitch.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before { + 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); +} +.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider:before { + 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); +} +.p-inputswitch.p-inputswitch-checked.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before { + 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); +} + +.p-fieldset .p-fieldset-legend { + border: 0 none; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + background: rgba(0, 0, 0, 0.12); +} + +.p-float-label input:focus ~ label, +.p-float-label input.p-filled ~ label, +.p-float-label textarea:focus ~ label, +.p-float-label textarea.p-filled ~ label, +.p-float-label .p-inputwrapper-focus ~ label, +.p-float-label .p-inputwrapper-filled ~ label { + top: -0.5rem !important; + background-color: #ffffff; + padding: 2px 4px; + margin-left: -4px; + margin-top: 0; +} + +.p-float-label textarea ~ label { + margin-top: 0; +} + +.p-float-label input:focus ~ label, +.p-float-label .p-inputwrapper-focus ~ label { + color: #673AB7; +} + +.p-input-filled .p-float-label .p-inputtext { + padding-top: 1.5rem; + padding-bottom: 0.5rem; +} +.p-input-filled .p-float-label input:focus ~ label, +.p-input-filled .p-float-label input.p-filled ~ label, +.p-input-filled .p-float-label textarea:focus ~ label, +.p-input-filled .p-float-label textarea.p-filled ~ label, +.p-input-filled .p-float-label .p-inputwrapper-focus ~ label, +.p-input-filled .p-float-label .p-inputwrapper-filled ~ label { + top: 0.25rem !important; + margin-top: 0; + background: transparent; +} + +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-toolbar .fc-button:focus { + background: rgba(103, 58, 183, 0.76); +} +.fc.fc-unthemed .fc-toolbar .fc-button:active { + background: rgba(103, 58, 183, 0.68); +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:focus { + background: rgba(103, 58, 183, 0.76); +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:active { + background: rgba(103, 58, 183, 0.68); +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { + background: #e0e0e1; + border-color: #e0e0e1; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { + background: #d9d8d9; + border-color: #d9d8d9; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + background: rgba(103, 58, 183, 0.76); +} +.fc.fc-theme-standard .fc-toolbar .fc-button:active { + background: rgba(103, 58, 183, 0.68); +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:focus { + background: rgba(103, 58, 183, 0.76); +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:active { + background: rgba(103, 58, 183, 0.68); +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { + background: #e0e0e1; + border-color: #e0e0e1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { + background: #d9d8d9; + border-color: #d9d8d9; +} + +.p-listbox .p-listbox-list .p-listbox-item .p-ink { + background-color: rgba(103, 58, 183, 0.16); +} +.p-listbox .p-listbox-list .p-listbox-item:focus { + background: rgba(0, 0, 0, 0.12); +} +.p-listbox .p-listbox-list .p-listbox-item:focus.p-highlight { + background: rgba(103, 58, 183, 0.24); +} + +.p-megamenu .p-menuitem .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); +} + +.p-menu .p-menuitem .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); +} + +.p-menubar .p-menuitem .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); +} + +.p-multiselect .p-multiselect-label, .p-multiselect .p-multiselect-trigger { + background-image: none; + background: transparent; +} +.p-multiselect .p-multiselect-label { + border: 0 none; +} +.p-multiselect:not(.p-disabled).p-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; +} + +.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-ink { + background-color: rgba(103, 58, 183, 0.16); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + background: rgba(0, 0, 0, 0.12); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus.p-highlight { + background: rgba(103, 58, 183, 0.24); +} +.p-multiselect-panel .p-multiselect-close:focus { + background: rgba(0, 0, 0, 0.12); +} + +.p-input-filled .p-multiselect { + 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; +} +.p-input-filled .p-multiselect .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-multiselect:not(.p-disabled):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)); +} +.p-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-multiselect .p-inputtext:enabled:hover, .p-input-filled .p-multiselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-multiselect .p-multiselect-label:hover { + background-image: none; + background: transparent; +} + +.p-float-label .p-multiselect-label .p-multiselect-token { + padding: 0.25rem 1rem; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} + +.p-input-filled .p-float-label .p-multiselect .p-multiselect-label { + padding-top: 1.5rem; + padding-bottom: 0.5rem; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect .p-multiselect-label { + padding-top: 1.5rem; + padding-bottom: 0.5rem; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding-top: 0; + padding-bottom: 0; + margin-top: 0; + margin-bottom: 0; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + font-size: 75%; +} +.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus, .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} + +p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-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; +} + +.p-orderlist .p-orderlist-list .p-orderlist-item:focus { + background: rgba(0, 0, 0, 0.12); +} +.p-orderlist .p-orderlist-list .p-orderlist-item:focus.p-highlight { + background: rgba(103, 58, 183, 0.24); +} + +.p-overlaypanel .p-overlaypanel-content { + padding: 1.5rem; +} + +.p-paginator { + justify-content: flex-end; +} +.p-paginator .p-paginator-element:focus { + background: rgba(0, 0, 0, 0.12); +} +.p-paginator .p-paginator-element:focus.p-highlight { + background: rgba(103, 58, 183, 0.24); +} + +.p-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); +} +.p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + border: 0 none; +} +.p-panel .p-panel-content { + padding-top: 0; +} +.p-panel .p-panel-title { + font-size: 1.25rem; +} +.p-panel .p-panel-header-icon:focus { + background: rgba(0, 0, 0, 0.12); +} + +.p-panelmenu .p-panelmenu-panel { + 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); + margin-bottom: 0; + border-radius: 0; + position: relative; + transition: margin-bottom 225ms; +} +.p-panelmenu .p-panelmenu-panel:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +.p-panelmenu .p-panelmenu-panel:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-icon { + order: 1; + margin-left: auto; + margin-right: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled { + opacity: 1; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-link > * { + opacity: 0.38; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-link:focus { + background: #f6f6f6; +} +.p-panelmenu .p-panelmenu-panel .p-menuitem .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); +} + +.p-picklist .p-picklist-list .p-picklist-item:focus { + background: rgba(0, 0, 0, 0.12); +} +.p-picklist .p-picklist-list .p-picklist-item:focus.p-highlight { + background: rgba(103, 58, 183, 0.24); +} + +.p-progressbar { + border-radius: 0; +} +.p-progressbar .p-progressbar-label { + display: none !important; +} + +.p-radiobutton { + border-radius: 50%; + transition: box-shadow 0.2s; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border: 2px solid #757575; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + border: 2px solid #757575; +} +.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus { + border-color: #673AB7; +} +.p-radiobutton:not(.p-radiobutton-disabled):hover { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +.p-radiobutton:not(.p-radiobutton-disabled).p-radiobutton-focused { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); +} +.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled):hover { + box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.04); +} +.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled).p-radiobutton-focused { + box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12); +} + +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #ffffff; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #ffffff; +} + +.p-rating .p-rating-icon { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-left: 0; +} +.p-rating .p-rating-icon:focus { + background: rgba(103, 58, 183, 0.12); +} +.p-rating .p-rating-icon.p-rating-cancel:focus { + background: rgba(176, 0, 32, 0.12); +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + background-color: rgba(0, 0, 0, 0.04); +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + background: rgba(176, 0, 32, 0.04); +} + +.p-selectbutton .p-button:focus { + background: #e0e0e1; + border-color: #e0e0e1; +} +.p-selectbutton .p-button:focus.p-highlight { + background: #d9d8d9; + border-color: #d9d8d9; +} + +.p-slidemenu .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); +} + +.p-slider .p-slider-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); +} +.p-slider .p-slider-handle:focus { + box-shadow: 0 0 1px 10px rgba(76, 175, 80, 0.2); +} +.p-slider.p-slider-sliding .p-slider-handle { + transform: scale(1); +} + +.p-steps { + padding: 1rem 0; +} +.p-steps .p-steps-item { + justify-content: flex-start; + flex-direction: row-reverse; + align-items: center; +} +.p-steps .p-steps-item:before { + position: static; + left: auto; + top: auto; + margin-top: 0; +} +.p-steps .p-steps-item:last-child { + flex-grow: 0; +} +.p-steps .p-steps-item:last-child:before { + display: none; +} +.p-steps .p-steps-item .p-menuitem-link { + flex-direction: row; + flex: 1 1 auto; + overflow: visible; + padding: 1rem 0.5rem; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-number { + background-color: #9e9d9e; + color: #ffffff; + font-size: 0.857rem; + min-width: 1.714rem; + height: 1.714rem; + line-height: 1.714rem; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin: 0; + padding-left: 0.5rem; +} +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + background: rgba(0, 0, 0, 0.12); +} +.p-steps .p-steps-item.p-highlight .p-steps-number { + background-color: #673AB7; + color: #ffffff; +} +.p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 600; + color: rgba(0, 0, 0, 0.87); +} +.p-steps .p-steps-item.p-disabled { + opacity: 1; +} + +.p-tabview .p-tabview-nav { + position: relative; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s; + border-radius: 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link > .p-ink { + background-color: rgba(103, 58, 183, 0.16); +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link:focus { + background-color: rgba(103, 58, 183, 0.12); +} +.p-tabview .p-tabview-nav .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 2px; + background-color: #673AB7; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); +} + +.p-toolbar { + border: 0 none; +} + +.p-tooltip .p-tooltip-text { + box-shadow: none; + font-size: 0.875rem; +} +.p-tooltip .p-tooltip-arrow { + display: none; +} + +.p-tieredmenu .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); +} + +.p-treeselect .p-treeselect-label, .p-treeselect .p-treeselect-trigger { + background-image: none; + background: transparent; +} +.p-treeselect .p-treeselect-label { + border: 0 none; +} +.p-treeselect:not(.p-disabled).p-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; +} + +.p-treeselect-item .p-ink { + background-color: rgba(103, 58, 183, 0.16); +} + +.p-input-filled .p-treeselect { + 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; +} +.p-input-filled .p-treeselect .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-treeselect:not(.p-disabled):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)); +} +.p-input-filled .p-treeselect:not(.p-disabled).p-focus, .p-input-filled .p-treeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-treeselect .p-inputtext:enabled:hover, .p-input-filled .p-treeselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-treeselect .p-treeselect-label:hover { + background-image: none; + background: transparent; +} + +.p-float-label .p-treeselect-label .p-treeselect-token { + padding: 0.25rem 1rem; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} + +.p-input-filled .p-float-label .p-treeselect .p-treeselect-label { + padding-top: 1.5rem; + padding-bottom: 0.5rem; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect .p-treeselect-label { + padding-top: 1.5rem; + padding-bottom: 0.5rem; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding-top: 0; + padding-bottom: 0; + margin-top: 0; + margin-bottom: 0; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-token .p-treeselect-token-icon { + font-size: 75%; +} +.p-input-filled .p-treeselect.p-invalid { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled .p-treeselect.p-invalid:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} + +.p-treeselect.p-invalid:not(.p-disabled).p-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; +} + +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + background: rgba(0, 0, 0, 0.12); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus.p-highlight { + background: rgba(103, 58, 183, 0.24); +} + +.p-treetable .p-sortable-column { + outline: 0 none; +} +.p-treetable .p-sortable-column:focus { + background-color: rgba(0, 0, 0, 0.03); +} +.p-treetable .p-treetable-tbody > tr { + outline: 0 none; +} +.p-treetable .p-treetable-tbody > tr:not(.p-highlight):focus { + background-color: rgba(0, 0, 0, 0.03); +} + +.p-tabmenu .p-tabmenu-nav { + position: relative; +} +.p-tabmenu .p-tabmenu-nav li .p-menuitem-link { + transition: background-color 0.2s; + border-radius: 0; +} +.p-tabmenu .p-tabmenu-nav li .p-menuitem-link > .p-ink { + background-color: rgba(103, 58, 183, 0.16); +} +.p-tabmenu .p-tabmenu-nav li .p-menuitem-link:focus { + background-color: rgba(103, 58, 183, 0.12); +} +.p-tabmenu .p-tabmenu-nav li.p-highlight .p-menuitem-link:focus { + background-color: rgba(103, 58, 183, 0.12); +} +.p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar { + display: block; + position: absolute; + bottom: 0; + height: 2px; + background-color: #673AB7; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); +} + +.p-timeline.p-timeline-vertical .p-timeline-event-connector { + margin: 0.5rem 0; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-connector { + margin: 0 0.5rem; +} + +.p-togglebutton.p-button:focus { + background: #e0e0e1; + border-color: #e0e0e1; +} +.p-togglebutton.p-button:focus.p-highlight { + background: #d9d8d9; + border-color: #d9d8d9; +} + +.p-splitbutton.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + background: rgba(103, 58, 183, 0.12); +} +.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(103, 58, 183, 0.16); +} +.p-splitbutton.p-button-outlined > .p-button { + box-shadow: inset 0 0 0 1px; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:focus { + box-shadow: inset 0 0 0 1px; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:active { + box-shadow: inset 0 0 0 1px; +} +.p-splitbutton.p-button-outlined > .p-button.p-splitbutton-menubutton { + margin-left: -1px; + width: calc(3rem + 1px); +} +.p-splitbutton.p-disabled.p-button-text > .p-button { + background-color: transparent !important; + color: rgba(0, 0, 0, 0.38) !important; +} +.p-splitbutton.p-disabled.p-button-outlined > .p-button { + background-color: transparent !important; + color: rgba(0, 0, 0, 0.38) !important; + border-color: rgba(0, 0, 0, 0.38) !important; +} +.p-splitbutton.p-button-raised > .p-button:enabled:focus, .p-splitbutton.p-button-raised > .p-button:not(button):not(a):not(.p-disabled):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); +} + +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + background: rgba(76, 175, 80, 0.12); +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(76, 175, 80, 0.16); +} + +.p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + background: rgba(33, 150, 243, 0.12); +} +.p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(33, 150, 243, 0.16); +} + +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + background: rgba(104, 159, 56, 0.12); +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(104, 159, 56, 0.16); +} + +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + background: rgba(251, 192, 45, 0.12); +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(251, 192, 45, 0.16); +} + +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + background: rgba(156, 39, 176, 0.12); +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(156, 39, 176, 0.16); +} + +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + background: rgba(211, 47, 47, 0.12); +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(211, 47, 47, 0.16); +} + +/* Customizations to the designer theme should be defined here */ diff --git a/assets/layout/styles/theme/md-light-deeppurple/theme.css.br b/assets/layout/styles/theme/md-light-deeppurple/theme.css.br new file mode 100644 index 0000000..438cb60 Binary files /dev/null and b/assets/layout/styles/theme/md-light-deeppurple/theme.css.br differ diff --git a/assets/layout/styles/theme/md-light-deeppurple/theme.css.gz b/assets/layout/styles/theme/md-light-deeppurple/theme.css.gz new file mode 100644 index 0000000..8ed3d7b Binary files /dev/null and b/assets/layout/styles/theme/md-light-deeppurple/theme.css.gz differ diff --git a/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff b/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff new file mode 100644 index 0000000..fb70b7e Binary files /dev/null and b/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff differ diff --git a/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff.br b/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff.br new file mode 100644 index 0000000..d45c06a Binary files /dev/null and b/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff.br differ diff --git a/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff.gz b/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff.gz new file mode 100644 index 0000000..2f6fd16 Binary files /dev/null and b/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff.gz differ diff --git a/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 b/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 new file mode 100644 index 0000000..96981bc Binary files /dev/null and b/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 differ diff --git a/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2.br b/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2.br new file mode 100644 index 0000000..119e7fc Binary files /dev/null and b/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2.br differ diff --git a/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2.gz b/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2.gz new file mode 100644 index 0000000..025e002 Binary files /dev/null and b/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2.gz differ diff --git a/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff b/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff new file mode 100644 index 0000000..d023f3d Binary files /dev/null and b/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff differ diff --git a/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff.br b/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff.br new file mode 100644 index 0000000..32cffe7 Binary files /dev/null and b/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff.br differ diff --git a/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff.gz b/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff.gz new file mode 100644 index 0000000..f45dd01 Binary files /dev/null and b/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff.gz differ diff --git a/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 b/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 new file mode 100644 index 0000000..fd49210 Binary files /dev/null and b/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 differ diff --git a/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2.br b/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2.br new file mode 100644 index 0000000..ec7fbc3 Binary files /dev/null and b/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2.br differ diff --git a/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2.gz b/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2.gz new file mode 100644 index 0000000..a4d35e0 Binary files /dev/null and b/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2.gz differ diff --git a/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff b/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff new file mode 100644 index 0000000..f9849df Binary files /dev/null and b/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff differ diff --git a/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff.br b/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff.br new file mode 100644 index 0000000..f026612 Binary files /dev/null and b/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff.br differ diff --git a/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff.gz b/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff.gz new file mode 100644 index 0000000..543edf1 Binary files /dev/null and b/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff.gz differ diff --git a/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 b/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 new file mode 100644 index 0000000..1f7dd5b Binary files /dev/null and b/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 differ diff --git a/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2.br b/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2.br new file mode 100644 index 0000000..3c25e20 Binary files /dev/null and b/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2.br differ diff --git a/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2.gz b/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2.gz new file mode 100644 index 0000000..36fb292 Binary files /dev/null and b/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2.gz differ diff --git a/assets/layout/styles/theme/md-light-indigo/theme.css b/assets/layout/styles/theme/md-light-indigo/theme.css new file mode 100644 index 0000000..9918529 --- /dev/null +++ b/assets/layout/styles/theme/md-light-indigo/theme.css @@ -0,0 +1,7840 @@ +: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-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; +} + +/* roboto-regular - latin-ext_latin */ +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 400; + src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/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 Medium"), local("Roboto-Medium"), url("./fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("./fonts/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("./fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-700.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +* { + box-sizing: border-box; +} + +.p-component { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + font-weight: normal; +} + +.p-component-overlay { + background-color: rgba(0, 0, 0, 0.32); + transition-duration: 0.2s; +} + +.p-disabled, .p-component:disabled { + opacity: 0.38; +} + +.p-error { + color: #B00020; +} + +.p-text-secondary { + color: rgba(0, 0, 0, 0.6); +} + +.pi { + font-size: 1rem; +} + +.p-link { + font-size: 1rem; + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + border-radius: 4px; +} +.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; +} + +.p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; +} + +@keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } +} +@keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } +} + +: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; +} + +.p-autocomplete .p-autocomplete-loader { + right: 1rem; +} +.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 4rem; +} +.p-autocomplete .p-autocomplete-multiple-container { + padding: 0.5rem 1rem; + gap: 0.5rem; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #3F51B5; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.5rem 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-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); + padding: 0; + margin: 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.5rem 1rem; + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; + border-radius: 4px; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; +} + +p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #B00020; +} + +.p-autocomplete-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + 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); +} +.p-autocomplete-panel .p-autocomplete-items { + padding: 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 1rem 1rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 1rem 1rem; + color: rgba(0, 0, 0, 0.87); + background: transparent; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 1rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; +} + +p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 3rem; +} +p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 1rem; +} + +p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 4rem; +} + +p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #B00020; +} + +.p-datepicker { + padding: 0.5rem; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; +} +.p-datepicker:not(.p-datepicker-inline) { + 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); +} +.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; +} +.p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + font-weight: 500; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 2.5rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + font-weight: 500; + padding: 0.5rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #3F51B5; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; +} +.p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0; +} +.p-datepicker table th { + padding: 0.5rem; +} +.p-datepicker table th > span { + width: 2.5rem; + height: 2.5rem; +} +.p-datepicker table td { + padding: 0.5rem; +} +.p-datepicker table td > span { + width: 2.5rem; + height: 2.5rem; + border-radius: 50%; + transition: none; + border: 1px solid transparent; +} +.p-datepicker table td > span.p-highlight { + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); +} +.p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datepicker table td.p-datepicker-today > span { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-color: black; +} +.p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); +} +.p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} +.p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; +} +.p-datepicker .p-timepicker { + border-top: 1px solid rgba(0, 0, 0, 0.12); + padding: 0.5rem; +} +.p-datepicker .p-timepicker button { + width: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-timepicker button:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-datepicker .p-timepicker button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; +} +.p-datepicker .p-timepicker span { + font-size: 1.25rem; +} +.p-datepicker .p-timepicker > div { + padding: 0 0.5rem; +} +.p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; +} +.p-datepicker .p-monthpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.5rem; + transition: none; + border-radius: 4px; +} +.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); +} +.p-datepicker .p-yearpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.5rem; + transition: none; + border-radius: 4px; +} +.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid rgba(0, 0, 0, 0.12); + padding-right: 0.5rem; + padding-left: 0.5rem; + padding-top: 0; + padding-bottom: 0; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 3rem; +} +p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 1rem; +} + +p-calendar.p-calendar-clearable.p-calendar-w-btn .p-calendar-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 4rem; +} + +@media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } +} +.p-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; +} +.p-cascadeselect:not(.p-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #3F51B5; +} +.p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 1rem 1rem; +} +.p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: rgba(0, 0, 0, 0.6); +} +.p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: rgba(0, 0, 0, 0.6); + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-cascadeselect-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + 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); +} +.p-cascadeselect-panel .p-cascadeselect-items { + padding: 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 1rem 1rem; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; +} + +p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #B00020; +} + +.p-input-filled .p-cascadeselect { + background: #f5f5f5; +} +.p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #ececec; +} +.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #dcdcdc; +} + +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 1rem; +} +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 2.357rem; +} + +.p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; +} +.p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); +} + +.p-checkbox { + width: 18px; + height: 18px; +} +.p-checkbox .p-checkbox-box { + border: 2px solid #757575; + background: #ffffff; + width: 18px; + height: 18px; + 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); +} +.p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #ffffff; + font-size: 14px; +} +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #3F51B5; + background: #3F51B5; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #3F51B5; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #3F51B5; + background: #3F51B5; + color: #ffffff; +} + +p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #B00020; +} + +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f5f5f5; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #3F51B5; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #ececec; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #3F51B5; +} + +.p-checkbox-label { + margin-left: 0.5rem; +} + +.p-chips .p-chips-multiple-container { + padding: 0.5rem 1rem; + gap: 0.5rem; +} +.p-chips .p-chips-multiple-container:not(.p-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #3F51B5; +} +.p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.5rem 1rem; + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; + border-radius: 4px; +} +.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; +} +.p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.5rem 0; +} +.p-chips .p-chips-multiple-container .p-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); + padding: 0; + margin: 0; +} + +p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #B00020; +} + +p-chips.p-chips-clearable .p-inputtext { + padding-right: 2rem; +} +p-chips.p-chips-clearable .p-chips-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 1rem; +} + +.p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; +} + +.p-colorpicker-panel { + background: #323232; + border: 1px solid #191919; +} +.p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; +} + +.p-colorpicker-overlay-panel { + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} + +.p-dropdown { + 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; +} +.p-dropdown:not(.p-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #3F51B5; +} +.p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 2rem; +} +.p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; +} +.p-dropdown .p-dropdown-label.p-placeholder { + color: rgba(0, 0, 0, 0.6); +} +.p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-dropdown .p-dropdown-trigger { + background: transparent; + color: rgba(0, 0, 0, 0.6); + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-dropdown .p-dropdown-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 2.357rem; +} + +.p-dropdown-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + 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); +} +.p-dropdown-panel .p-dropdown-header { + padding: 1rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 2rem; + margin-right: -2rem; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 1rem; + color: rgba(0, 0, 0, 0.6); +} +.p-dropdown-panel .p-dropdown-items { + padding: 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 1rem 1rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 1rem 1rem; + color: rgba(0, 0, 0, 0.87); + background: transparent; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 1rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; +} + +p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #B00020; +} + +.p-input-filled .p-dropdown { + background: #f5f5f5; +} +.p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #ececec; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #dcdcdc; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; +} + +.p-editor-container .p-editor-toolbar { + background: #ffffff; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e0e0e0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(0, 0, 0, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(0, 0, 0, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(0, 0, 0, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-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; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-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); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 1rem 1rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #e0e0e0; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(0, 0, 0, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #3F51B5; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #3F51B5; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #3F51B5; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #3F51B5; +} + +.p-inputgroup-addon { + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + border-top: 1px solid rgba(0, 0, 0, 0.38); + border-left: 1px solid rgba(0, 0, 0, 0.38); + border-bottom: 1px solid rgba(0, 0, 0, 0.38); + padding: 1rem 1rem; + min-width: 2.357rem; +} +.p-inputgroup-addon:last-child { + border-right: 1px solid rgba(0, 0, 0, 0.38); +} + +.p-inputgroup > .p-component, +.p-inputgroup > .p-element, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; +} +.p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-element + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; +} +.p-inputgroup > .p-component:focus, +.p-inputgroup > .p-element:focus, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; +} +.p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-element:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; +} + +.p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-fluid .p-inputgroup .p-button { + width: auto; +} +.p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 3rem; +} + +p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #B00020; +} + +p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 3rem; +} +p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 1rem; +} + +p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #B00020; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 3rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 1rem; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 4rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 4rem; +} + +.p-inputswitch { + width: 2.75rem; + height: 1rem; +} +.p-inputswitch .p-inputswitch-slider { + 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-radius: 0.5rem; +} +.p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1.5rem; + height: 1.5rem; + left: -1px; + margin-top: -0.75rem; + border-radius: 50%; + transition-duration: 0.2s; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1.5rem); +} +.p-inputswitch.p-focus .p-inputswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: rgba(0, 0, 0, 0.38); +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: rgba(63, 81, 181, 0.5); +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #3F51B5; +} +.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: rgba(63, 81, 181, 0.5); +} + +p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + border-color: #B00020; +} + +.p-inputtext { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + padding: 1rem 1rem; + 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); + appearance: none; + border-radius: 4px; +} +.p-inputtext:enabled:hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #3F51B5; +} +.p-inputtext.ng-dirty.ng-invalid { + border-color: #B00020; +} +.p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.875rem 0.875rem; +} +.p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 1.25rem 1.25rem; +} + +.p-float-label > label { + left: 1rem; + color: rgba(0, 0, 0, 0.6); + transition-duration: 0.2s; +} + +.p-float-label > .ng-invalid.ng-dirty + label { + color: #B00020; +} + +.p-input-icon-left > i:first-of-type { + left: 1rem; + color: rgba(0, 0, 0, 0.6); +} + +.p-input-icon-left > .p-inputtext { + padding-left: 3rem; +} + +.p-input-icon-left.p-float-label > label { + left: 3rem; +} + +.p-input-icon-right > i:last-of-type { + right: 1rem; + color: rgba(0, 0, 0, 0.6); +} + +.p-input-icon-right > .p-inputtext { + padding-right: 3rem; +} + +::-webkit-input-placeholder { + color: rgba(0, 0, 0, 0.6); +} + +:-moz-placeholder { + color: rgba(0, 0, 0, 0.6); +} + +::-moz-placeholder { + color: rgba(0, 0, 0, 0.6); +} + +:-ms-input-placeholder { + color: rgba(0, 0, 0, 0.6); +} + +.p-input-filled .p-inputtext { + background-color: #f5f5f5; +} +.p-input-filled .p-inputtext:enabled:hover { + background-color: #ececec; +} +.p-input-filled .p-inputtext:enabled:focus { + background-color: #dcdcdc; +} + +.p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.875rem 0.875rem; +} + +.p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 1.25rem 1.25rem; +} + +.p-listbox { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; +} +.p-listbox .p-listbox-header { + padding: 1rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 2rem; +} +.p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 1rem; + color: rgba(0, 0, 0, 0.6); +} +.p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list { + padding: 0; +} +.p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 1rem 1rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + transition: none; + border-radius: 0; +} +.p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); +} +.p-listbox .p-listbox-list .p-listbox-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 1rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; +} +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 1rem 1rem; + color: rgba(0, 0, 0, 0.87); + background: transparent; +} +.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} + +p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #B00020; +} + +.p-multiselect { + 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; +} +.p-multiselect:not(.p-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #3F51B5; +} +.p-multiselect .p-multiselect-label { + padding: 1rem 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); +} +.p-multiselect .p-multiselect-label.p-placeholder { + color: rgba(0, 0, 0, 0.6); +} +.p-multiselect.p-multiselect-chip .p-multiselect-label { + gap: 0.5rem; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.5rem 1rem; + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; + border-radius: 4px; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; +} +.p-multiselect .p-multiselect-trigger { + background: transparent; + color: rgba(0, 0, 0, 0.6); + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.5rem 1rem; +} + +.p-multiselect-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + 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); +} +.p-multiselect-panel .p-multiselect-header { + padding: 1rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 2rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 1rem; + color: rgba(0, 0, 0, 0.6); +} +.p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-multiselect-panel .p-multiselect-items { + padding: 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 1rem 1rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 1rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 1rem 1rem; + color: rgba(0, 0, 0, 0.87); + background: transparent; +} + +p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #B00020; +} + +.p-input-filled .p-multiselect { + background: #f5f5f5; +} +.p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #ececec; +} +.p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #dcdcdc; +} + +p-multiselect.p-multiselect-clearable .p-multiselect-label-container { + padding-right: 2rem; +} +p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 2.357rem; +} + +p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #B00020; +} + +.p-password-panel { + padding: 1rem; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + 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; +} +.p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: rgba(63, 81, 181, 0.32); +} +.p-password-panel .p-password-meter .p-password-strength.weak { + background: #D32F2F; +} +.p-password-panel .p-password-meter .p-password-strength.medium { + background: #FBC02D; +} +.p-password-panel .p-password-meter .p-password-strength.strong { + background: #689F38; +} + +p-password.p-password-clearable .p-password-input { + padding-right: 3rem; +} +p-password.p-password-clearable .p-password-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 1rem; +} + +p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 5rem; +} +p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 3rem; +} + +.p-radiobutton { + width: 20px; + height: 20px; +} +.p-radiobutton .p-radiobutton-box { + border: 2px solid #757575; + background: #ffffff; + width: 20px; + height: 20px; + color: rgba(0, 0, 0, 0.87); + 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); +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #3F51B5; +} +.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 10px; + height: 10px; + transition-duration: 0.2s; + background-color: #3F51B5; +} +.p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #3F51B5; + background: #ffffff; +} +.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #3F51B5; + background: #ffffff; + color: #3F51B5; +} + +p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #B00020; +} + +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f5f5f5; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #ececec; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #ffffff; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #ffffff; +} + +.p-radiobutton-label { + margin-left: 0.5rem; +} + +.p-rating .p-rating-icon { + color: #3F51B5; + margin-left: 0.5rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + font-size: 1.143rem; +} +.p-rating .p-rating-icon.p-rating-cancel { + color: #B00020; +} +.p-rating .p-rating-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-rating .p-rating-icon:first-child { + margin-left: 0; +} +.p-rating .p-rating-icon.pi-star-fill { + color: #3F51B5; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + color: #3F51B5; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + color: #B00020; +} + +.p-selectbutton .p-button { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + 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); +} +.p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f6f6f6; + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); +} +.p-selectbutton .p-button.p-highlight { + background: #e0e0e1; + border-color: #e0e0e1; + color: rgba(0, 0, 0, 0.87); +} +.p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); +} +.p-selectbutton .p-button.p-highlight:hover { + background: #d9d8d9; + border-color: #d9d8d9; + color: rgba(0, 0, 0, 0.87); +} +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); +} + +p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #B00020; +} + +.p-slider { + background: #c1c1c1; + border: 0 none; + border-radius: 4px; +} +.p-slider.p-slider-horizontal { + height: 2px; +} +.p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; +} +.p-slider.p-slider-vertical { + width: 2px; +} +.p-slider.p-slider-vertical .p-slider-handle { + margin-left: -10px; + margin-bottom: -10px; +} +.p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #3F51B5; + border: 0 none; + 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); +} +.p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-slider .p-slider-range { + background: #3F51B5; +} +.p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #3F51B5; + border-color: 0 none; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), left 0.2s; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), bottom 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; +} + +.p-togglebutton.p-button { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + 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); +} +.p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f6f6f6; + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); +} +.p-togglebutton.p-button.p-highlight { + background: #e0e0e1; + border-color: #e0e0e1; + color: rgba(0, 0, 0, 0.87); +} +.p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); +} +.p-togglebutton.p-button.p-highlight:hover { + background: #d9d8d9; + border-color: #d9d8d9; + color: rgba(0, 0, 0, 0.87); +} +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); +} + +p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #B00020; +} + +.p-treeselect { + 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; +} +.p-treeselect:not(.p-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #3F51B5; +} +.p-treeselect .p-treeselect-label { + padding: 1rem 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); +} +.p-treeselect .p-treeselect-label.p-placeholder { + color: rgba(0, 0, 0, 0.6); +} +.p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.5rem 1rem; + margin-right: 0.5rem; + background: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + border-radius: 16px; +} +.p-treeselect .p-treeselect-trigger { + background: transparent; + color: rgba(0, 0, 0, 0.6); + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #B00020; +} + +.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.5rem 1rem; +} + +.p-treeselect-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + 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); +} +.p-treeselect-panel .p-treeselect-header { + padding: 1rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 2rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 1rem; + color: rgba(0, 0, 0, 0.6); +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 4rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 3rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 1rem 1rem; + color: rgba(0, 0, 0, 0.87); + background: transparent; +} + +.p-input-filled .p-treeselect { + background: #f5f5f5; +} +.p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #ececec; +} +.p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #dcdcdc; +} + +p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 2rem; +} +p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 3rem; +} + +.p-button { + color: #ffffff; + background: #3F51B5; + border: 0 none; + padding: 0.714rem 1rem; + 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: 4px; +} +.p-button:enabled:hover { + background: rgba(63, 81, 181, 0.92); + color: #ffffff; + border-color: transparent; +} +.p-button:enabled:active { + background: rgba(63, 81, 181, 0.68); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-outlined { + background-color: transparent; + color: #3F51B5; + border: 0 none; +} +.p-button.p-button-outlined:enabled:hover { + background: rgba(63, 81, 181, 0.04); + color: #3F51B5; + border: 0 none; +} +.p-button.p-button-outlined:enabled:active { + background: rgba(63, 81, 181, 0.16); + color: #3F51B5; + border: 0 none; +} +.p-button.p-button-outlined.p-button-plain { + color: rgba(0, 0, 0, 0.6); + border-color: rgba(0, 0, 0, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); +} +.p-button.p-button-text { + background-color: transparent; + color: #3F51B5; + border-color: transparent; +} +.p-button.p-button-text:enabled:hover { + background: rgba(63, 81, 181, 0.04); + color: #3F51B5; + border-color: transparent; +} +.p-button.p-button-text:enabled:active { + background: rgba(63, 81, 181, 0.16); + color: #3F51B5; + border-color: transparent; +} +.p-button.p-button-text.p-button-plain { + color: rgba(0, 0, 0, 0.6); +} +.p-button.p-button-text.p-button-plain:enabled:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +.p-button.p-button-text.p-button-plain:enabled:active { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); +} +.p-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-button .p-button-label { + transition-duration: 0.2s; +} +.p-button .p-button-icon-left { + margin-right: 0.5rem; +} +.p-button .p-button-icon-right { + margin-left: 0.5rem; +} +.p-button .p-button-icon-bottom { + margin-top: 0.5rem; +} +.p-button .p-button-icon-top { + margin-bottom: 0.5rem; +} +.p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #3F51B5; + background-color: #ffffff; +} +.p-button.p-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); +} +.p-button.p-button-rounded { + border-radius: 2rem; +} +.p-button.p-button-icon-only { + width: 3rem; + padding: 0.714rem; +} +.p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; +} +.p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 3rem; +} +.p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.62475rem 0.875rem; +} +.p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; +} +.p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.8925rem 1.25rem; +} +.p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; +} +.p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; +} +.p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; +} + +.p-fluid .p-button { + width: 100%; +} +.p-fluid .p-button-icon-only { + width: 3rem; +} +.p-fluid .p-buttonset { + display: flex; +} +.p-fluid .p-buttonset .p-button { + flex: 1; +} + +.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + color: #ffffff; + background: #ff4081; + border: 0 none; +} +.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + background: rgba(255, 64, 129, 0.92); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: rgba(255, 64, 129, 0.68); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + background-color: transparent; + color: #ff4081; + border: 0 none; +} +.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + background: rgba(255, 64, 129, 0.04); + color: #ff4081; + border: 0 none; +} +.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(255, 64, 129, 0.16); + color: #ff4081; + border: 0 none; +} +.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + background-color: transparent; + color: #ff4081; + border-color: transparent; +} +.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + background: rgba(255, 64, 129, 0.04); + border-color: transparent; + color: #ff4081; +} +.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + background: rgba(255, 64, 129, 0.16); + border-color: transparent; + color: #ff4081; +} + +.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #2196F3; + border: 0 none; +} +.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + background: rgba(33, 150, 243, 0.92); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: rgba(33, 150, 243, 0.68); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + background-color: transparent; + color: #2196F3; + border: 0 none; +} +.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + background: rgba(33, 150, 243, 0.04); + color: #2196F3; + border: 0 none; +} +.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(33, 150, 243, 0.16); + color: #2196F3; + border: 0 none; +} +.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + background-color: transparent; + color: #2196F3; + border-color: transparent; +} +.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + background: rgba(33, 150, 243, 0.04); + border-color: transparent; + color: #2196F3; +} +.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + background: rgba(33, 150, 243, 0.16); + border-color: transparent; + color: #2196F3; +} + +.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #689F38; + border: 0 none; +} +.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + background: rgba(104, 159, 56, 0.92); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: rgba(104, 159, 56, 0.68); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + background-color: transparent; + color: #689F38; + border: 0 none; +} +.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + background: rgba(104, 159, 56, 0.04); + color: #689F38; + border: 0 none; +} +.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(104, 159, 56, 0.16); + color: #689F38; + border: 0 none; +} +.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + background-color: transparent; + color: #689F38; + border-color: transparent; +} +.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + background: rgba(104, 159, 56, 0.04); + border-color: transparent; + color: #689F38; +} +.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + background: rgba(104, 159, 56, 0.16); + border-color: transparent; + color: #689F38; +} + +.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #212529; + background: #FBC02D; + border: 0 none; +} +.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + background: rgba(251, 192, 45, 0.92); + color: #212529; + border-color: transparent; +} +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: rgba(251, 192, 45, 0.68); + color: #212529; + border-color: transparent; +} +.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + background-color: transparent; + color: #FBC02D; + border: 0 none; +} +.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + background: rgba(251, 192, 45, 0.04); + color: #FBC02D; + border: 0 none; +} +.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(251, 192, 45, 0.16); + color: #FBC02D; + border: 0 none; +} +.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + background-color: transparent; + color: #FBC02D; + border-color: transparent; +} +.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + background: rgba(251, 192, 45, 0.04); + border-color: transparent; + color: #FBC02D; +} +.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + background: rgba(251, 192, 45, 0.16); + border-color: transparent; + color: #FBC02D; +} + +.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #9C27B0; + border: 0 none; +} +.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + background: rgba(156, 39, 176, 0.92); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: rgba(156, 39, 176, 0.68); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + background-color: transparent; + color: #9C27B0; + border: 0 none; +} +.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + background: rgba(156, 39, 176, 0.04); + color: #9C27B0; + border: 0 none; +} +.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(156, 39, 176, 0.16); + color: #9C27B0; + border: 0 none; +} +.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + background-color: transparent; + color: #9C27B0; + border-color: transparent; +} +.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + background: rgba(156, 39, 176, 0.04); + border-color: transparent; + color: #9C27B0; +} +.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + background: rgba(156, 39, 176, 0.16); + border-color: transparent; + color: #9C27B0; +} + +.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #D32F2F; + border: 0 none; +} +.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + background: rgba(211, 47, 47, 0.92); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: rgba(211, 47, 47, 0.68); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + background-color: transparent; + color: #D32F2F; + border: 0 none; +} +.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + background: rgba(211, 47, 47, 0.04); + color: #D32F2F; + border: 0 none; +} +.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(211, 47, 47, 0.16); + color: #D32F2F; + border: 0 none; +} +.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + background-color: transparent; + color: #D32F2F; + border-color: transparent; +} +.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + background: rgba(211, 47, 47, 0.04); + border-color: transparent; + color: #D32F2F; +} +.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} + +.p-button.p-button-link { + color: #3F51B5; + background: transparent; + border: transparent; +} +.p-button.p-button-link:enabled:hover { + background: transparent; + color: #3F51B5; + border-color: transparent; +} +.p-button.p-button-link:enabled:hover .p-button-label { + text-decoration: underline; +} +.p-button.p-button-link:enabled:focus { + background: transparent; + box-shadow: none; + border-color: transparent; +} +.p-button.p-button-link:enabled:active { + background: transparent; + color: #3F51B5; + border-color: transparent; +} + +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 2rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: #ff4081; + color: #fff; +} +.p-speeddial-action:hover { + background: rgba(255, 64, 129, 0.92); + color: #fff; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); +} + +.p-splitbutton { + border-radius: 4px; +} +.p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #3F51B5; + border: 0 none; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(63, 81, 181, 0.04); + color: #3F51B5; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(63, 81, 181, 0.16); + color: #3F51B5; +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: rgba(0, 0, 0, 0.6); + border-color: rgba(0, 0, 0, 0.6); +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); +} +.p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #3F51B5; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(63, 81, 181, 0.04); + color: #3F51B5; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(63, 81, 181, 0.16); + color: #3F51B5; + border-color: transparent; +} +.p-splitbutton.p-button-text.p-button-plain > .p-button { + color: rgba(0, 0, 0, 0.6); +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); +} +.p-splitbutton.p-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); +} +.p-splitbutton.p-button-rounded { + border-radius: 2rem; +} +.p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; +} +.p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.62475rem 0.875rem; +} +.p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; +} +.p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.8925rem 1.25rem; +} +.p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; +} + +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #ff4081; + border: 0 none; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 64, 129, 0.04); + color: #ff4081; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 64, 129, 0.16); + color: #ff4081; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #ff4081; + border-color: transparent; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 64, 129, 0.04); + border-color: transparent; + color: #ff4081; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 64, 129, 0.16); + border-color: transparent; + color: #ff4081; +} + +.p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #2196F3; + border: 0 none; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(33, 150, 243, 0.04); + color: #2196F3; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(33, 150, 243, 0.16); + color: #2196F3; +} +.p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #2196F3; + border-color: transparent; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(33, 150, 243, 0.04); + border-color: transparent; + color: #2196F3; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(33, 150, 243, 0.16); + border-color: transparent; + color: #2196F3; +} + +.p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #689F38; + border: 0 none; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(104, 159, 56, 0.04); + color: #689F38; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(104, 159, 56, 0.16); + color: #689F38; +} +.p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #689F38; + border-color: transparent; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(104, 159, 56, 0.04); + border-color: transparent; + color: #689F38; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(104, 159, 56, 0.16); + border-color: transparent; + color: #689F38; +} + +.p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #FBC02D; + border: 0 none; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(251, 192, 45, 0.04); + color: #FBC02D; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(251, 192, 45, 0.16); + color: #FBC02D; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #FBC02D; + border-color: transparent; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(251, 192, 45, 0.04); + border-color: transparent; + color: #FBC02D; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(251, 192, 45, 0.16); + border-color: transparent; + color: #FBC02D; +} + +.p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #9C27B0; + border: 0 none; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(156, 39, 176, 0.04); + color: #9C27B0; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(156, 39, 176, 0.16); + color: #9C27B0; +} +.p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #9C27B0; + border-color: transparent; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(156, 39, 176, 0.04); + border-color: transparent; + color: #9C27B0; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(156, 39, 176, 0.16); + border-color: transparent; + color: #9C27B0; +} + +.p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #D32F2F; + border: 0 none; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(211, 47, 47, 0.04); + color: #D32F2F; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(211, 47, 47, 0.16); + color: #D32F2F; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #D32F2F; + border-color: transparent; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(211, 47, 47, 0.04); + border-color: transparent; + color: #D32F2F; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} + +.p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; +} +.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-carousel .p-carousel-content .p-carousel-prev:focus, +.p-carousel .p-carousel-content .p-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-carousel .p-carousel-indicators { + padding: 1rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #dcdcdc; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #ececec; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; +} + +.p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-datatable .p-datatable-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; +} +.p-datatable .p-datatable-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; +} +.p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + transition: none; +} +.p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; +} +.p-datatable .p-sortable-column .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-datatable .p-sortable-column.p-highlight { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.87); +} +.p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.87); +} +.p-datatable .p-sortable-column:focus { + box-shadow: none; + outline: 0 none; +} +.p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + transition: none; +} +.p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 1rem 1rem; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; +} +.p-datatable .p-datatable-tbody > tr:focus { + outline: 0.15rem solid transparent; + outline-offset: 0.15rem; +} +.p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(63, 81, 181, 0.12); +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(63, 81, 181, 0.12); +} +.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-datatable .p-column-resizer-helper { + background: #3F51B5; +} +.p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #ffffff; +} +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #ffffff; +} +.p-datatable .p-datatable-loading-icon { + font-size: 2rem; +} +.p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: rgba(0, 0, 0, 0.02); +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #3F51B5; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #3F51B5; +} +.p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; +} + +.p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-dataview .p-dataview-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; +} +.p-dataview .p-dataview-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 1rem 0; +} +.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; +} +.p-dataview .p-dataview-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-dataview .p-dataview-loading-icon { + font-size: 2rem; +} +.p-dataview .p-dataview-emptymessage { + padding: 1rem; +} + +.p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; +} + +.p-column-filter-menu-button { + width: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-menu-button:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; +} +.p-column-filter-menu-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-column-filter-clear-button { + width: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-clear-button:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-column-filter-clear-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-column-filter-overlay { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + 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); + min-width: 12.5rem; +} +.p-column-filter-overlay .p-column-filter-row-items { + padding: 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 1rem 1rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; +} + +.p-column-filter-overlay-menu .p-column-filter-operator { + padding: 1rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; +} +.p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 1rem 1rem; +} +.p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1rem; +} + +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-unthemed .fc-view-container td.fc-widget-content { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #e0e0e0; +} +.fc.fc-unthemed .fc-view-container .fc-row { + border-right: 1px solid #e0e0e0; +} +.fc.fc-unthemed .fc-view-container .fc-event { + background: rgba(63, 81, 181, 0.12); + border: 1px solid rgba(63, 81, 181, 0.12); + color: #3F51B5; +} +.fc.fc-unthemed .fc-view-container .fc-divider { + background: #ffffff; + border: 1px solid #e0e0e0; +} +.fc.fc-unthemed .fc-toolbar .fc-button { + color: #ffffff; + background: #3F51B5; + border: 0 none; + 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: 4px; + display: flex; + align-items: center; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { + background: rgba(63, 81, 181, 0.92); + color: #ffffff; + border-color: transparent; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { + background: rgba(63, 81, 181, 0.68); + color: #ffffff; + border-color: transparent; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-unthemed .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + 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); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #f6f6f6; + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #e0e0e1; + border-color: #e0e0e1; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #d9d8d9; + border-color: #d9d8d9; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + z-index: 1; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #e0e0e0; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #ffffff; + border-color: #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-view-harness td { + color: rgba(0, 0, 0, 0.87); + border-color: #e0e0e0; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover { + background: none; + border: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { + border: 1px solid #e0e0e0; + padding: 1rem; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { + opacity: 1; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; + font-family: "PrimeIcons" !important; + font-size: 1rem; + width: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { + content: "\e90b"; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { + padding: 1rem; + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-top: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); + border-color: rgba(63, 81, 181, 0.12); +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #3F51B5; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: rgba(63, 81, 181, 0.12); + border-color: rgba(63, 81, 181, 0.12); +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #ffffff; + background: #3F51B5; + border: 0 none; + 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: 4px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: rgba(63, 81, 181, 0.92); + color: #ffffff; + border-color: transparent; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: rgba(63, 81, 181, 0.68); + color: #ffffff; + border-color: transparent; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.38; + color: #ffffff; + background: #3F51B5; + border: 0 none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + 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); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #f6f6f6; + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #e0e0e1; + border-color: #e0e0e1; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #d9d8d9; + border-color: #d9d8d9; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.fc.fc-theme-standard a { + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-highlight { + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); +} + +.p-orderlist .p-orderlist-controls { + padding: 1rem; +} +.p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; +} +.p-orderlist .p-orderlist-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e0e0e0; + padding: 1rem; + border-bottom: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 500; +} +.p-orderlist .p-orderlist-filter-container { + padding: 1rem; + background: #ffffff; + border: 1px solid #e0e0e0; + border-bottom: 0 none; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 2rem; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 1rem; + color: rgba(0, 0, 0, 0.6); +} +.p-orderlist .p-orderlist-list { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 1rem 1rem; + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; +} +.p-orderlist .p-orderlist-list .p-orderlist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); +} +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 1rem 1rem; + color: rgba(0, 0, 0, 0.87); +} +.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: rgba(0, 0, 0, 0.02); +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(0, 0, 0, 0.04); +} + +.p-orderlist-item.cdk-drag-preview { + padding: 1rem 1rem; + box-shadow: 0 5px 5px -3px rgba(0, 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: 0 none; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; +} + +.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; +} +.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(30, 39, 86, 0.12); +} +.p-organizationchart .p-organizationchart-line-down { + background: rgba(0, 0, 0, 0.12); +} +.p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #e0e0e0; + border-color: rgba(0, 0, 0, 0.12); +} +.p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #e0e0e0; + border-color: rgba(0, 0, 0, 0.12); +} +.p-organizationchart .p-organizationchart-node-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 1rem; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-paginator { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: solid #e4e4e4; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 4px; +} +.p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: rgba(0, 0, 0, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: none; + border-radius: 50%; +} +.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; + color: rgba(0, 0, 0, 0.6); +} +.p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; +} +.p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 3rem; +} +.p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; +} +.p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; +} +.p-paginator .p-paginator-page-input .p-inputtext { + max-width: 3rem; +} +.p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: rgba(0, 0, 0, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + padding: 0 0.5rem; +} +.p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: rgba(0, 0, 0, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: none; + border-radius: 50%; +} +.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(63, 81, 181, 0.12); + border-color: rgba(63, 81, 181, 0.12); + color: #3F51B5; +} +.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; + color: rgba(0, 0, 0, 0.6); +} + +.p-picklist .p-picklist-buttons { + padding: 1rem; +} +.p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; +} +.p-picklist .p-picklist-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e0e0e0; + padding: 1rem; + border-bottom: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-picklist .p-picklist-header .p-picklist-title { + font-weight: 500; +} +.p-picklist .p-picklist-filter-container { + padding: 1rem; + background: #ffffff; + border: 1px solid #e0e0e0; + border-bottom: 0 none; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 2rem; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 1rem; + color: rgba(0, 0, 0, 0.6); +} +.p-picklist .p-picklist-list { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-picklist .p-picklist-list .p-picklist-item { + padding: 1rem 1rem; + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; +} +.p-picklist .p-picklist-list .p-picklist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); +} +.p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 1rem 1rem; + color: rgba(0, 0, 0, 0.87); +} +.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: rgba(0, 0, 0, 0.02); +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(0, 0, 0, 0.04); +} + +.p-picklist-item.cdk-drag-preview { + padding: 1rem 1rem; + box-shadow: 0 5px 5px -3px rgba(0, 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: 0 none; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; +} + +.p-timeline .p-timeline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #bdbdbd; +} +.p-timeline .p-timeline-event-connector { + background-color: #bdbdbd; +} +.p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; +} +.p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; +} + +.p-tree { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 1rem; + border-radius: 4px; +} +.p-tree .p-tree-container .p-treenode { + padding: 0.25rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 4px; + transition: none; + padding: 0.5rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(0, 0, 0, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #3F51B5; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #3F51B5; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; +} +.p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 2rem; +} +.p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 1rem; + color: rgba(0, 0, 0, 0.6); +} +.p-tree .p-treenode-children { + padding: 0 0 0 1rem; +} +.p-tree .p-tree-loading-icon { + font-size: 2rem; +} +.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(50, 65, 145, 0.12); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 4px; + border: 1px solid #e0e0e0; + background-color: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.5rem; + transition: none; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(63, 81, 181, 0.12); + color: #3F51B5; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #3F51B5; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-treetable .p-treetable-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; +} +.p-treetable .p-treetable-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; +} +.p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + transition: none; +} +.p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; +} +.p-treetable .p-sortable-column { + outline-color: transparent; +} +.p-treetable .p-sortable-column .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-treetable .p-sortable-column.p-highlight { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.87); +} +.p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + transition: none; +} +.p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 1rem 1rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(0, 0, 0, 0.87); +} +.p-treetable .p-treetable-tbody > tr:focus { + outline: 0.15rem solid transparent; + outline-offset: -0.15rem; +} +.p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #3F51B5; +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #3F51B5; +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: rgba(0, 0, 0, 0.87); +} +.p-treetable .p-column-resizer-helper { + background: #3F51B5; +} +.p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #ffffff; +} +.p-treetable .p-treetable-loading-icon { + font-size: 2rem; +} +.p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.875rem 0.875rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 1.25rem 1.25rem; +} + +.p-virtualscroller .p-virtualscroller-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; +} +.p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 1rem 0; +} +.p-virtualscroller .p-virtualscroller-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.5rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + font-weight: 400; + border-radius: 4px; + transition: none; +} +.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; +} +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #f6f6f6; + border-color: transparent; + color: rgba(0, 0, 0, 0.87); +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #ffffff; + border-color: transparent; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +.p-accordion .p-accordion-content { + padding: 1rem 1.5rem; + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; +} +.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; +} +.p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; +} +.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 none; +} +.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-top: 0 none; +} +.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-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; +} +.p-card .p-card-body { + padding: 1rem; +} +.p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +.p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +.p-card .p-card-content { + padding: 1rem 0; +} +.p-card .p-card-footer { + padding: 1rem 0 0 0; +} + +.p-divider .p-divider-content { + background-color: #ffffff; +} +.p-divider.p-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; +} +.p-divider.p-divider-horizontal:before { + border-top: 1px rgba(0, 0, 0, 0.12); +} +.p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; +} +.p-divider.p-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; +} +.p-divider.p-divider-vertical:before { + border-left: 1px rgba(0, 0, 0, 0.12); +} +.p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; +} + +.p-fieldset { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-radius: 4px; +} +.p-fieldset .p-fieldset-legend { + padding: 1rem; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + font-weight: 500; + border-radius: 4px; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 4px; + transition: none; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(0, 0, 0, 0.04); + border-color: #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +.p-fieldset .p-fieldset-content { + padding: 1rem; +} + +.p-panel .p-panel-header { + border: 1px solid #e0e0e0; + padding: 1rem; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-panel .p-panel-header .p-panel-title { + font-weight: 500; +} +.p-panel .p-panel-header .p-panel-header-icon { + width: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-panel .p-panel-header .p-panel-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-panel.p-panel-toggleable .p-panel-header { + padding: 0.5rem 1rem; +} +.p-panel .p-panel-content { + padding: 1rem; + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + border-top: 0 none; +} +.p-panel .p-panel-footer { + padding: 1rem 1rem; + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-top: 0 none; +} +.p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; +} +.p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; +} +.p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; +} + +.p-scrollpanel .p-scrollpanel-bar { + background: rgba(0, 0, 0, 0.12); + border: 0 none; +} + +.p-splitter { + border: 1px solid #e0e0e0; + background: #ffffff; + border-radius: 4px; + color: rgba(0, 0, 0, 0.87); +} +.p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: rgba(0, 0, 0, 0.04); +} +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: rgba(0, 0, 0, 0.12); +} +.p-splitter .p-splitter-gutter-resizing { + background: rgba(0, 0, 0, 0.12); +} + +.p-tabview .p-tabview-nav { + background: #ffffff; + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; +} +.p-tabview .p-tabview-nav li { + margin-right: 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; + border-color: transparent transparent rgba(0, 0, 0, 0.12) transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + padding: 1rem 1.5rem; + font-weight: 500; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: none; + margin: 0 0 0 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: rgba(63, 81, 181, 0.04); + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.6); +} +.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: rgba(0, 0, 0, 0.12); + color: #3F51B5; +} +.p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; +} +.p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-close { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #3F51B5; + width: 3rem; + 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); + border-radius: 0; +} +.p-tabview .p-tabview-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +.p-tabview .p-tabview-panels { + background: #ffffff; + padding: 1rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-toolbar { + background: #ffffff; + border: 1px solid #e0e0e0; + padding: 1rem; + border-radius: 4px; + gap: 0.5rem; +} +.p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; +} + +.p-confirm-popup { + background: #ffffff; + color: rgba(0, 0, 0, 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); +} +.p-confirm-popup .p-confirm-popup-content { + padding: 1rem; +} +.p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 1rem 1rem; +} +.p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; +} +.p-confirm-popup:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +.p-confirm-popup:before { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +.p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #ffffff; +} +.p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #ffffff; +} +.p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; +} +.p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; +} + +.p-dialog { + 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); + border: 0 none; +} +.p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 1.5rem; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-dialog .p-dialog-header .p-dialog-title { + font-weight: 500; + font-size: 1.25rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-dialog .p-dialog-header .p-dialog-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; +} +.p-dialog .p-dialog-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0 1.5rem 1.5rem 1.5rem; +} +.p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-dialog .p-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 1rem 1.5rem; + text-align: right; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; +} + +.p-overlaypanel { + background: #ffffff; + color: rgba(0, 0, 0, 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); +} +.p-overlaypanel .p-overlaypanel-content { + padding: 1rem; +} +.p-overlaypanel .p-overlaypanel-close { + background: #3F51B5; + color: #ffffff; + width: 2.5rem; + height: 2.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + position: absolute; + top: -1.25rem; + right: -1.25rem; +} +.p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: rgba(63, 81, 181, 0.92); + color: #ffffff; +} +.p-overlaypanel:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +.p-overlaypanel:before { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #f2f2f2; +} +.p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #ffffff; +} +.p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #ffffff; +} + +.p-sidebar { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + 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); +} +.p-sidebar .p-sidebar-header { + padding: 1rem; +} +.p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-sidebar .p-sidebar-header .p-sidebar-close:focus, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; +} +.p-sidebar .p-sidebar-content { + padding: 1rem; +} +.p-sidebar .p-sidebar-footer { + padding: 1rem; +} + +.p-tooltip .p-tooltip-text { + background: rgba(97, 97, 97, 0.9); + color: #ffffff; + padding: 0.5rem; + box-shadow: 0 5px 5px -3px rgba(0, 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; +} +.p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: rgba(97, 97, 97, 0.9); +} +.p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: rgba(97, 97, 97, 0.9); +} +.p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: rgba(97, 97, 97, 0.9); +} +.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: rgba(97, 97, 97, 0.9); +} + +.p-fileupload .p-fileupload-buttonbar { + background: #ffffff; + padding: 1rem; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + border-bottom: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; +} +.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 2rem 1rem; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-fileupload .p-progressbar { + height: 4px; +} +.p-fileupload .p-fileupload-row > div { + padding: 1rem 1rem; +} +.p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; +} + +.p-fileupload-choose:not(.p-disabled):hover { + background: rgba(63, 81, 181, 0.92); + color: #ffffff; + border-color: transparent; +} +.p-fileupload-choose:not(.p-disabled):active { + background: rgba(63, 81, 181, 0.68); + color: #ffffff; + border-color: transparent; +} + +.p-breadcrumb { + background: #ffffff; + border: 1px solid #e5e5e5; + border-radius: 4px; + padding: 1rem; +} +.p-breadcrumb ul li .p-menuitem-link { + transition: none; + border-radius: 4px; +} +.p-breadcrumb ul li .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-breadcrumb ul li.p-breadcrumb-chevron { + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +.p-breadcrumb ul li:last-child .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-breadcrumb ul li:last-child .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} + +.p-contextmenu { + padding: 0.5rem 0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + 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); + border-radius: 4px; + width: 12.5rem; +} +.p-contextmenu .p-menuitem-link { + padding: 1rem 1rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-contextmenu .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-contextmenu .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-contextmenu .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-contextmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + 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); + border-radius: 4px; +} +.p-contextmenu .p-menuitem { + margin: 0; +} +.p-contextmenu .p-menuitem:last-child { + margin: 0; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(0, 0, 0, 0.04); +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-contextmenu .p-menu-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; +} +.p-contextmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-contextmenu .p-menuitem-badge { + background: #3F51B5; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + +@media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } +} +.p-megamenu { + padding: 1rem; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 1rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 4px; + transition: none; + user-select: none; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-megamenu .p-menuitem-link { + padding: 1rem 1rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-megamenu .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-megamenu .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-megamenu .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-megamenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-megamenu .p-megamenu-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + 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); +} +.p-megamenu .p-megamenu-submenu-header { + margin: 0; + padding: 1rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-megamenu .p-megamenu-submenu { + padding: 0.5rem 0; + width: 12.5rem; +} +.p-megamenu .p-megamenu-submenu .p-menu-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem { + margin: 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(0, 0, 0, 0.04); +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.5rem 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem { + margin: 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem-badge { + background: #3F51B5; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menu { + padding: 0.5rem 0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; + width: 12.5rem; +} +.p-menu .p-menuitem-link { + padding: 1rem 1rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-menu .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-menu .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-menu .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-menu.p-menu-overlay { + background: #ffffff; + 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); +} +.p-menu .p-submenu-header { + margin: 0; + padding: 1rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.p-menu .p-menu-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; +} +.p-menu .p-menuitem { + margin: 0; +} +.p-menu .p-menuitem:last-child { + margin: 0; +} +.p-menu .p-menuitem-badge { + background: #3F51B5; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menubar { + padding: 1rem; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; +} +.p-menubar .p-menuitem-link { + padding: 1rem 1rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-menubar .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-menubar .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-menubar .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menubar .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 1rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 4px; + transition: none; + user-select: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menubar .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + 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); + width: 12.5rem; +} +.p-menubar .p-submenu-list .p-menu-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; +} +.p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; +} +.p-menubar .p-submenu-list .p-menuitem { + margin: 0; +} +.p-menubar .p-submenu-list .p-menuitem:last-child { + margin: 0; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(0, 0, 0, 0.04); +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menubar .p-menuitem-badge { + background: #3F51B5; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +@media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(0, 0, 0, 0.6); + background: rgba(0, 0, 0, 0.04); + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.5rem 0; + background: #ffffff; + 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); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menu-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 1rem 1rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: none; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list ul li a { + padding-left: 3rem; + } + .p-menubar .p-menubar-root-list ul li ul li a { + padding-left: 5rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li a { + padding-left: 7rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 9rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 11rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } +} +.p-panelmenu .p-panelmenu-header > a { + padding: 1.5rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + font-weight: 400; + border-radius: 4px; + transition: none; +} +.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + background: #f6f6f6; + border-color: transparent; + color: rgba(0, 0, 0, 0.87); +} +.p-panelmenu .p-panelmenu-header.p-highlight { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight > a { + background: #ffffff; + border-color: transparent; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +.p-panelmenu .p-panelmenu-content { + padding: 0.5rem 0; + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + margin-bottom: 0; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { + padding: 1rem 1rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { + padding: 0 0 0 1rem; +} +.p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { + border-radius: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; +} +.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { + border-top: 0 none; +} +.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { + border-top: 0 none; +} +.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-panelmenu .p-menuitem-badge { + background: #3F51B5; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-slidemenu { + padding: 0.5rem 0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; + width: 12.5rem; +} +.p-slidemenu .p-menuitem-link { + padding: 1rem 1rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-slidemenu .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-slidemenu .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-slidemenu .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-slidemenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + 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); +} +.p-slidemenu .p-slidemenu-list { + padding: 0.5rem 0; + background: #ffffff; + 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); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { + background: rgba(0, 0, 0, 0.04); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { + color: rgba(0, 0, 0, 0.87); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-slidemenu .p-slidemenu-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; +} +.p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; +} +.p-slidemenu .p-slidemenu-backward { + padding: 1rem 1rem; + color: rgba(0, 0, 0, 0.87); +} +.p-slidemenu .p-menuitem-badge { + background: #3F51B5; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: none; + border-radius: 4px; + background: transparent; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: rgba(0, 0, 0, 0.87); + border: 1px solid transparent; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: rgba(0, 0, 0, 0.87); +} +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; +} +.p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: rgba(0, 0, 0, 0.87); +} +.p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid rgba(0, 0, 0, 0.12); + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; +} + +.p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; +} +.p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #3F51B5; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; + border-color: transparent transparent rgba(0, 0, 0, 0.12) transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + padding: 1rem 1.5rem; + font-weight: 500; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: none; + margin: 0 0 0 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: rgba(63, 81, 181, 0.04); + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.6); +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: rgba(0, 0, 0, 0.12); + color: #3F51B5; +} +.p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #ffffff; + color: #3F51B5; + width: 3rem; + 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); + border-radius: 0; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} + +.p-tieredmenu { + padding: 0.5rem 0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; + width: 12.5rem; +} +.p-tieredmenu .p-menuitem-link { + padding: 1rem 1rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-tieredmenu .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-tieredmenu .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-tieredmenu .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-tieredmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + 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); +} +.p-tieredmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + 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); +} +.p-tieredmenu .p-menuitem { + margin: 0; +} +.p-tieredmenu .p-menuitem:last-child { + margin: 0; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(0, 0, 0, 0.04); +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-tieredmenu .p-menu-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; +} +.p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-tieredmenu .p-menuitem-badge { + background: #3F51B5; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-inline-message { + padding: 1rem 1rem; + margin: 0; + border-radius: 4px; +} +.p-inline-message.p-inline-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 1px; + color: #01579B; +} +.p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #01579B; +} +.p-inline-message.p-inline-message-success { + background: #C8E6C9; + border: solid transparent; + border-width: 1px; + color: #1B5E20; +} +.p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #1B5E20; +} +.p-inline-message.p-inline-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 1px; + color: #7f6003; +} +.p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #7f6003; +} +.p-inline-message.p-inline-message-error { + background: #FFCDD2; + border: solid transparent; + border-width: 1px; + color: #B71C1C; +} +.p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #B71C1C; +} +.p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; +} +.p-inline-message .p-inline-message-text { + font-size: 1rem; +} +.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; +} + +.p-message { + margin: 1rem 0; + border-radius: 4px; +} +.p-message .p-message-wrapper { + padding: 1.25rem 1.5rem; +} +.p-message .p-message-close { + width: 2.5rem; + height: 2.5rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-message .p-message-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-message.p-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579B; +} +.p-message.p-message-info .p-message-icon { + color: #01579B; +} +.p-message.p-message-info .p-message-close { + color: #01579B; +} +.p-message.p-message-success { + background: #C8E6C9; + border: solid transparent; + border-width: 0 0 0 0; + color: #1B5E20; +} +.p-message.p-message-success .p-message-icon { + color: #1B5E20; +} +.p-message.p-message-success .p-message-close { + color: #1B5E20; +} +.p-message.p-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; +} +.p-message.p-message-warn .p-message-icon { + color: #7f6003; +} +.p-message.p-message-warn .p-message-close { + color: #7f6003; +} +.p-message.p-message-error { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 0; + color: #B71C1C; +} +.p-message.p-message-error .p-message-icon { + color: #B71C1C; +} +.p-message.p-message-error .p-message-close { + color: #B71C1C; +} +.p-message .p-message-text { + font-size: 1rem; + font-weight: 500; +} +.p-message .p-message-icon { + font-size: 1.5rem; + margin-right: 0.5rem; +} +.p-message .p-message-summary { + font-weight: 700; +} +.p-message .p-message-detail { + margin-left: 0.5rem; +} + +.p-toast { + opacity: 0.9; +} +.p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 5px 5px -3px rgba(0, 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; +} +.p-toast .p-toast-message .p-toast-message-content { + padding: 1.5rem; + border-width: 0 0 0 0; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 1rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 2rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 700; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; +} +.p-toast .p-toast-message .p-toast-icon-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-toast .p-toast-message .p-toast-icon-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-toast .p-toast-message.p-toast-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579B; +} +.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #01579B; +} +.p-toast .p-toast-message.p-toast-message-success { + background: #C8E6C9; + border: solid transparent; + border-width: 0 0 0 0; + color: #1B5E20; +} +.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #1B5E20; +} +.p-toast .p-toast-message.p-toast-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; +} +.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #7f6003; +} +.p-toast .p-toast-message.p-toast-message-error { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 0; + color: #B71C1C; +} +.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #B71C1C; +} + +.p-galleria .p-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; + border-radius: 50%; +} +.p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria .p-galleria-item-nav { + background: transparent; + color: #f6f6f6; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + margin: 0 0.5rem; +} +.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.87); + padding: 1rem; +} +.p-galleria .p-galleria-indicators { + padding: 1rem; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #dcdcdc; + width: 1.25rem; + height: 1.25rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #ececec; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; +} +.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; +} +.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; +} +.p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-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; + border-radius: 50%; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-preview-indicator { + background-color: transparent; + color: #f8f9fa; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} + +.p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); +} + +.p-image-toolbar { + padding: 1rem; +} + +.p-image-action.p-link { + color: #f8f9fa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-image-action.p-link:last-child { + margin-right: 0; +} +.p-image-action.p-link:hover { + color: #f8f9fa; + background-color: rgba(255, 255, 255, 0.1); +} +.p-image-action.p-link i { + font-size: 1.5rem; +} + +.p-avatar { + background-color: rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +.p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +.p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; +} +.p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +.p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; +} + +.p-avatar-group .p-avatar { + border: 2px solid #ffffff; +} + +.p-badge { + background: #3F51B5; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +.p-badge.p-badge-secondary { + background-color: #ff4081; + color: #ffffff; +} +.p-badge.p-badge-success { + background-color: #689F38; + color: #ffffff; +} +.p-badge.p-badge-info { + background-color: #2196F3; + color: #ffffff; +} +.p-badge.p-badge-warning { + background-color: #FBC02D; + color: #212529; +} +.p-badge.p-badge-danger { + background-color: #D32F2F; + color: #ffffff; +} +.p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +.p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} + +.p-chip { + background-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + border-radius: 16px; + padding: 0 1rem; +} +.p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.5rem; + margin-bottom: 0.5rem; +} +.p-chip .p-chip-icon { + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; +} +.p-chip img { + width: 2.5rem; + height: 2.5rem; + margin-left: -1rem; + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-inplace .p-inplace-display { + padding: 1rem 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); +} +.p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-progressbar { + border: 0 none; + height: 4px; + background: rgba(63, 81, 181, 0.32); + border-radius: 4px; +} +.p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #3F51B5; +} +.p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 4px; +} + +.p-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, color 0.2s, box-shadow 0.2s; +} +.p-scrolltop.p-link { + background: #ff4081; +} +.p-scrolltop.p-link:hover { + background: rgba(255, 64, 129, 0.92); +} +.p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #ffffff; +} + +.p-skeleton { + background-color: rgba(0, 0, 0, 0.08); + border-radius: 4px; +} +.p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); +} + +.p-tag { + background: #3F51B5; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; +} +.p-tag.p-tag-success { + background-color: #689F38; + color: #ffffff; +} +.p-tag.p-tag-info { + background-color: #2196F3; + color: #ffffff; +} +.p-tag.p-tag-warning { + background-color: #FBC02D; + color: #212529; +} +.p-tag.p-tag-danger { + background-color: #D32F2F; + color: #ffffff; +} +.p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +.p-terminal { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e0e0e0; + padding: 1rem; +} +.p-terminal .p-terminal-input { + font-size: 1rem; + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; +} + +.p-accordion .p-accordion-tab { + 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); + margin-bottom: 0; + border-radius: 0; + position: relative; + transition: margin-bottom 225ms; +} +.p-accordion .p-accordion-tab:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +.p-accordion .p-accordion-tab:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-accordion .p-accordion-tab .p-accordion-toggle-icon { + order: 1; + margin-left: auto; + transition: transform 0.2s; +} +.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-header-link:focus { + background: #f6f6f6; +} +.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-toggle-icon { + transform: rotate(-270deg); +} +.p-accordion .p-accordion-tab.p-accordion-tab-active { + margin-bottom: 1rem; +} +.p-accordion .p-accordion-tab.p-accordion-tab-active .p-accordion-toggle-icon { + transform: rotate(-180deg); +} +.p-accordion .p-accordion-tab .p-accordion-header.p-disabled { + opacity: 1; +} +.p-accordion .p-accordion-tab .p-accordion-header.p-disabled .p-accordion-header-link > * { + opacity: 0.38; +} + +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-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; +} + +.p-input-filled .p-autocomplete .p-autocomplete-multiple-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; +} +.p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):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)); +} +.p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} + +.p-float-label .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 1rem; +} + +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding-top: 0; + padding-bottom: 0; +} +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + font-size: 75%; +} +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0; +} +.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; +} +.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} + +p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled: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; +} +p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-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; +} + +.p-breadcrumb .p-menuitem-link { + padding: 0.25rem 0.5rem; +} +.p-breadcrumb .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); +} + +.p-button { + font-weight: 500; + min-width: 4rem; +} +.p-button.p-button-icon-only { + min-width: auto; +} +.p-button:enabled:focus { + background: rgba(63, 81, 181, 0.76); +} +.p-button:enabled:active { + background: rgba(63, 81, 181, 0.68); +} +.p-button .p-ink { + background-color: rgba(255, 255, 255, 0.32); +} +.p-button.p-button-text:enabled:focus, .p-button.p-button-outlined:enabled:focus { + background: rgba(63, 81, 181, 0.12); +} +.p-button.p-button-text:enabled:active, .p-button.p-button-outlined:enabled:active { + background: rgba(63, 81, 181, 0.16); +} +.p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink { + background-color: rgba(63, 81, 181, 0.16); +} +.p-button.p-button-outlined { + box-shadow: inset 0 0 0 1px; +} +.p-button.p-button-outlined:enabled:focus { + box-shadow: inset 0 0 0 1px; +} +.p-button.p-button-outlined:enabled:active { + box-shadow: inset 0 0 0 1px; +} +.p-button:disabled { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(0, 0, 0, 0.38) !important; + opacity: 1; +} +.p-button:disabled.p-button-text { + background-color: transparent !important; + color: rgba(0, 0, 0, 0.38) !important; +} +.p-button:disabled.p-button-outlined { + background-color: transparent !important; + color: rgba(0, 0, 0, 0.38) !important; + border-color: rgba(0, 0, 0, 0.38) !important; +} +.p-button.p-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); +} + +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + background: rgba(255, 64, 129, 0.76); +} +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: rgba(255, 64, 129, 0.68); +} +.p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus { + background: rgba(255, 64, 129, 0.12); +} +.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(255, 64, 129, 0.16); +} +.p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink { + background-color: rgba(255, 64, 129, 0.16); +} + +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + background: rgba(33, 150, 243, 0.76); +} +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: rgba(33, 150, 243, 0.68); +} +.p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus { + background: rgba(33, 150, 243, 0.12); +} +.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(33, 150, 243, 0.16); +} +.p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink { + background-color: rgba(33, 150, 243, 0.16); +} + +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + background: rgba(104, 159, 56, 0.76); +} +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: rgba(104, 159, 56, 0.68); +} +.p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus { + background: rgba(104, 159, 56, 0.12); +} +.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(104, 159, 56, 0.16); +} +.p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink { + background-color: rgba(104, 159, 56, 0.16); +} + +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + background: rgba(251, 192, 45, 0.76); +} +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: rgba(251, 192, 45, 0.68); +} +.p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus { + background: rgba(251, 192, 45, 0.12); +} +.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(251, 192, 45, 0.16); +} +.p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink { + background-color: rgba(251, 192, 45, 0.16); +} + +.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + background: rgba(156, 39, 176, 0.76); +} +.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: rgba(156, 39, 176, 0.68); +} +.p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus { + background: rgba(156, 39, 176, 0.12); +} +.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(156, 39, 176, 0.16); +} +.p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink { + background-color: rgba(156, 39, 176, 0.16); +} + +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + background: rgba(211, 47, 47, 0.76); +} +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: rgba(211, 47, 47, 0.68); +} +.p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus { + background: rgba(211, 47, 47, 0.12); +} +.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(211, 47, 47, 0.16); +} +.p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink { + background-color: rgba(211, 47, 47, 0.16); +} + +.p-calendar-w-btn { + border: 1px solid rgba(0, 0, 0, 0.38); + background: #ffffff; + 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); +} +.p-calendar-w-btn .p-inputtext { + background-image: none; + background-color: transparent; + border: 0 none; +} +.p-calendar-w-btn .p-inputtext:enabled:focus { + box-shadow: none; +} +.p-calendar-w-btn .p-datepicker-trigger.p-button { + background-color: transparent; + border: 0 none; +} +.p-calendar-w-btn .p-datepicker-trigger.p-button span { + color: rgba(0, 0, 0, 0.6); +} +.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover { + background: rgba(0, 0, 0, 0.04); +} +.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:active, .p-calendar-w-btn .p-datepicker-trigger.p-button:focus { + background: rgba(0, 0, 0, 0.12); +} +.p-calendar-w-btn .p-datepicker-trigger.p-button:disabled { + background-color: transparent !important; +} +.p-calendar-w-btn:not(.p-calendar-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-calendar-w-btn:not(.p-calendar-disabled).p-focus { + border-color: #3F51B5; + 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; +} +.p-calendar-w-btn.p-calendar-disabled { + opacity: 0.38; +} +.p-calendar-w-btn.p-calendar-disabled .p-inputtext { + opacity: 1; +} + +.p-datepicker .p-datepicker-header { + border-bottom: 0 none; +} +.p-datepicker .p-datepicker-header .p-datepicker-title { + margin: 0 auto 0 0; + order: 1; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev { + order: 2; +} +.p-datepicker .p-datepicker-header .p-datepicker-next { + order: 3; +} +.p-datepicker table 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; +} +.p-datepicker table td.p-datepicker-today > span { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38); +} +.p-datepicker table td.p-datepicker-today.p-highlight { + box-shadow: 0 0 0 1px rgba(63, 81, 181, 0.12); +} + +p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled: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; +} +p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { + border-color: #B00020; +} +p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext:enabled:focus { + box-shadow: none; +} +p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-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; +} + +.p-input-filled .p-calendar-w-btn { + 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; +} +.p-input-filled .p-calendar-w-btn .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):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)); +} +.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-calendar-w-btn .p-inputtext { + border: 0 none; +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext { + border: 0 none; + background-image: none; +} + +.p-cascadeselect .p-inputtext, .p-cascadeselect .p-cascadeselect-trigger { + background-image: none; + background: transparent; +} +.p-cascadeselect .p-inputtext { + border: 0 none; +} +.p-cascadeselect:not(.p-disabled).p-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; +} + +.p-cascadeselect-item .p-ink { + background-color: rgba(63, 81, 181, 0.16); +} + +.p-input-filled .p-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; +} +.p-input-filled .p-cascadeselect .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-cascadeselect:not(.p-disabled):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)); +} +.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-cascadeselect .p-inputtext:enabled:hover, .p-input-filled .p-cascadeselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-cascadeselect .p-inputtext { + border: 0 none; +} +.p-input-filled .p-cascadeselect .p-cascadeselect-label:hover { + background-image: none; + background: transparent; +} +.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} + +.p-input-filled .p-float-label .p-cascadeselect .p-cascadeselect-label { + padding-top: 1.5rem; + padding-bottom: 0.5rem; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-cascadeselect .p-cascadeselect-label { + padding-top: 1.5rem; + padding-bottom: 0.5rem; +} +.p-input-filled .p-cascadeselect.p-invalid { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} + +p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-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; +} + +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #ff4081; + color: #ffffff; +} + +.p-checkbox { + border-radius: 50%; + transition: box-shadow 0.2s; +} +.p-checkbox .p-checkbox-box { + border-color: #757575; + border-radius: 2px; + position: relative; +} +.p-checkbox .p-checkbox-box:not(.p-disabled):hover { + border-color: #757575; +} +.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { + border-color: #757575; +} +.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus { + border-color: #3F51B5; +} +.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check: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; +} +.p-checkbox:not(.p-checkbox-disabled):hover { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +.p-checkbox:not(.p-checkbox-disabled).p-checkbox-focused { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); +} +.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled):hover { + box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.04); +} +.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused { + box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12); +} + +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #ffffff; +} +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):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); + } +} +.p-chips .p-chips-multiple-container:not(.p-disabled).p-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; +} + +.p-input-filled .p-chips-multiple-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; +} +.p-input-filled .p-chips-multiple-container .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-chips-multiple-container:not(.p-disabled):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)); +} +.p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-chips-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} + +.p-float-label .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 1rem; +} + +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token { + padding-top: 0; + padding-bottom: 0; +} +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + font-size: 75%; +} +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0; +} +.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} + +p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-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; +} + +.p-datatable .p-sortable-column { + outline: 0 none; +} +.p-datatable .p-sortable-column:focus { + background-color: rgba(0, 0, 0, 0.03); +} +.p-datatable .p-datatable-tbody > tr { + outline: 0 none; +} +.p-datatable .p-datatable-tbody > tr:not(.p-highlight):focus { + background-color: rgba(0, 0, 0, 0.03); +} + +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #3F51B5; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #3F51B5; +} + +.p-dropdown .p-inputtext, .p-dropdown .p-dropdown-trigger { + background-image: none; + background: transparent; +} +.p-dropdown .p-inputtext { + border: 0 none; +} +.p-dropdown:not(.p-disabled).p-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; +} + +.p-dropdown-item .p-ink { + background-color: rgba(63, 81, 181, 0.16); +} + +.p-input-filled .p-dropdown { + 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; +} +.p-input-filled .p-dropdown .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-dropdown:not(.p-disabled):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)); +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-dropdown .p-inputtext:enabled:hover, .p-input-filled .p-dropdown .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-dropdown .p-inputtext { + border: 0 none; +} +.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus, .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} + +p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-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; +} + +.p-galleria .p-galleria-indicators { + padding: 1rem; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #ff4081; + color: #ffffff; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(255, 64, 129, 0.68); + color: #ffffff; +} + +.p-inputtext:enabled: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; +} +.p-inputtext:enabled:focus.ng-invalid.ng-dirty { + 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; +} + +.p-input-filled .p-inputtext { + 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; +} +.p-input-filled .p-inputtext:enabled: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)); +} +.p-input-filled .p-inputtext:enabled:focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-inputtext.ng-invalid.ng-dirty { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled .p-inputtext.ng-invalid.ng-dirty:enabled:focus { + box-shadow: none; + border-color: transparent; +} + +.p-input-filled .p-inputgroup .p-inputgroup-addon { + 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; +} +.p-input-filled .p-inputgroup .p-inputgroup-addon:last-child { + border-right-color: transparent; +} +.p-input-filled .p-inputgroup-addon:first-child, +.p-input-filled .p-inputgroup button:first-child, +.p-input-filled .p-inputgroup input:first-child { + border-bottom-left-radius: 0; +} +.p-input-filled .p-inputgroup .p-float-label:first-child input { + border-bottom-left-radius: 0; +} +.p-input-filled .p-inputgroup-addon:last-child, +.p-input-filled .p-inputgroup button:last-child, +.p-input-filled .p-inputgroup input:last-child { + border-bottom-right-radius: 0; +} +.p-input-filled .p-inputgroup .p-float-label:last-child input { + border-bottom-right-radius: 0; +} + +p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled: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; +} + +.p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; +} + +p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled: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; +} + +.p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; +} + +.p-inputswitch .p-inputswitch-slider:before { + 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); +} +.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before { + 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); +} +.p-inputswitch.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before { + 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); +} +.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider:before { + 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); +} +.p-inputswitch.p-inputswitch-checked.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before { + 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); +} + +.p-fieldset .p-fieldset-legend { + border: 0 none; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + background: rgba(0, 0, 0, 0.12); +} + +.p-float-label input:focus ~ label, +.p-float-label input.p-filled ~ label, +.p-float-label textarea:focus ~ label, +.p-float-label textarea.p-filled ~ label, +.p-float-label .p-inputwrapper-focus ~ label, +.p-float-label .p-inputwrapper-filled ~ label { + top: -0.5rem !important; + background-color: #ffffff; + padding: 2px 4px; + margin-left: -4px; + margin-top: 0; +} + +.p-float-label textarea ~ label { + margin-top: 0; +} + +.p-float-label input:focus ~ label, +.p-float-label .p-inputwrapper-focus ~ label { + color: #3F51B5; +} + +.p-input-filled .p-float-label .p-inputtext { + padding-top: 1.5rem; + padding-bottom: 0.5rem; +} +.p-input-filled .p-float-label input:focus ~ label, +.p-input-filled .p-float-label input.p-filled ~ label, +.p-input-filled .p-float-label textarea:focus ~ label, +.p-input-filled .p-float-label textarea.p-filled ~ label, +.p-input-filled .p-float-label .p-inputwrapper-focus ~ label, +.p-input-filled .p-float-label .p-inputwrapper-filled ~ label { + top: 0.25rem !important; + margin-top: 0; + background: transparent; +} + +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-toolbar .fc-button:focus { + background: rgba(63, 81, 181, 0.76); +} +.fc.fc-unthemed .fc-toolbar .fc-button:active { + background: rgba(63, 81, 181, 0.68); +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:focus { + background: rgba(63, 81, 181, 0.76); +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:active { + background: rgba(63, 81, 181, 0.68); +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { + background: #e0e0e1; + border-color: #e0e0e1; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { + background: #d9d8d9; + border-color: #d9d8d9; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + background: rgba(63, 81, 181, 0.76); +} +.fc.fc-theme-standard .fc-toolbar .fc-button:active { + background: rgba(63, 81, 181, 0.68); +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:focus { + background: rgba(63, 81, 181, 0.76); +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:active { + background: rgba(63, 81, 181, 0.68); +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { + background: #e0e0e1; + border-color: #e0e0e1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { + background: #d9d8d9; + border-color: #d9d8d9; +} + +.p-listbox .p-listbox-list .p-listbox-item .p-ink { + background-color: rgba(63, 81, 181, 0.16); +} +.p-listbox .p-listbox-list .p-listbox-item:focus { + background: rgba(0, 0, 0, 0.12); +} +.p-listbox .p-listbox-list .p-listbox-item:focus.p-highlight { + background: rgba(63, 81, 181, 0.24); +} + +.p-megamenu .p-menuitem .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); +} + +.p-menu .p-menuitem .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); +} + +.p-menubar .p-menuitem .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); +} + +.p-multiselect .p-multiselect-label, .p-multiselect .p-multiselect-trigger { + background-image: none; + background: transparent; +} +.p-multiselect .p-multiselect-label { + border: 0 none; +} +.p-multiselect:not(.p-disabled).p-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; +} + +.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-ink { + background-color: rgba(63, 81, 181, 0.16); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + background: rgba(0, 0, 0, 0.12); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus.p-highlight { + background: rgba(63, 81, 181, 0.24); +} +.p-multiselect-panel .p-multiselect-close:focus { + background: rgba(0, 0, 0, 0.12); +} + +.p-input-filled .p-multiselect { + 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; +} +.p-input-filled .p-multiselect .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-multiselect:not(.p-disabled):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)); +} +.p-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-multiselect .p-inputtext:enabled:hover, .p-input-filled .p-multiselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-multiselect .p-multiselect-label:hover { + background-image: none; + background: transparent; +} + +.p-float-label .p-multiselect-label .p-multiselect-token { + padding: 0.25rem 1rem; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} + +.p-input-filled .p-float-label .p-multiselect .p-multiselect-label { + padding-top: 1.5rem; + padding-bottom: 0.5rem; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect .p-multiselect-label { + padding-top: 1.5rem; + padding-bottom: 0.5rem; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding-top: 0; + padding-bottom: 0; + margin-top: 0; + margin-bottom: 0; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + font-size: 75%; +} +.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus, .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} + +p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-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; +} + +.p-orderlist .p-orderlist-list .p-orderlist-item:focus { + background: rgba(0, 0, 0, 0.12); +} +.p-orderlist .p-orderlist-list .p-orderlist-item:focus.p-highlight { + background: rgba(63, 81, 181, 0.24); +} + +.p-overlaypanel .p-overlaypanel-content { + padding: 1.5rem; +} + +.p-paginator { + justify-content: flex-end; +} +.p-paginator .p-paginator-element:focus { + background: rgba(0, 0, 0, 0.12); +} +.p-paginator .p-paginator-element:focus.p-highlight { + background: rgba(63, 81, 181, 0.24); +} + +.p-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); +} +.p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + border: 0 none; +} +.p-panel .p-panel-content { + padding-top: 0; +} +.p-panel .p-panel-title { + font-size: 1.25rem; +} +.p-panel .p-panel-header-icon:focus { + background: rgba(0, 0, 0, 0.12); +} + +.p-panelmenu .p-panelmenu-panel { + 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); + margin-bottom: 0; + border-radius: 0; + position: relative; + transition: margin-bottom 225ms; +} +.p-panelmenu .p-panelmenu-panel:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +.p-panelmenu .p-panelmenu-panel:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-icon { + order: 1; + margin-left: auto; + margin-right: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled { + opacity: 1; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-link > * { + opacity: 0.38; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-link:focus { + background: #f6f6f6; +} +.p-panelmenu .p-panelmenu-panel .p-menuitem .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); +} + +.p-picklist .p-picklist-list .p-picklist-item:focus { + background: rgba(0, 0, 0, 0.12); +} +.p-picklist .p-picklist-list .p-picklist-item:focus.p-highlight { + background: rgba(63, 81, 181, 0.24); +} + +.p-progressbar { + border-radius: 0; +} +.p-progressbar .p-progressbar-label { + display: none !important; +} + +.p-radiobutton { + border-radius: 50%; + transition: box-shadow 0.2s; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border: 2px solid #757575; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + border: 2px solid #757575; +} +.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus { + border-color: #3F51B5; +} +.p-radiobutton:not(.p-radiobutton-disabled):hover { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +.p-radiobutton:not(.p-radiobutton-disabled).p-radiobutton-focused { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); +} +.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled):hover { + box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.04); +} +.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled).p-radiobutton-focused { + box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12); +} + +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #ffffff; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #ffffff; +} + +.p-rating .p-rating-icon { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-left: 0; +} +.p-rating .p-rating-icon:focus { + background: rgba(63, 81, 181, 0.12); +} +.p-rating .p-rating-icon.p-rating-cancel:focus { + background: rgba(176, 0, 32, 0.12); +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + background-color: rgba(0, 0, 0, 0.04); +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + background: rgba(176, 0, 32, 0.04); +} + +.p-selectbutton .p-button:focus { + background: #e0e0e1; + border-color: #e0e0e1; +} +.p-selectbutton .p-button:focus.p-highlight { + background: #d9d8d9; + border-color: #d9d8d9; +} + +.p-slidemenu .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); +} + +.p-slider .p-slider-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); +} +.p-slider .p-slider-handle:focus { + box-shadow: 0 0 1px 10px rgba(255, 64, 129, 0.2); +} +.p-slider.p-slider-sliding .p-slider-handle { + transform: scale(1); +} + +.p-steps { + padding: 1rem 0; +} +.p-steps .p-steps-item { + justify-content: flex-start; + flex-direction: row-reverse; + align-items: center; +} +.p-steps .p-steps-item:before { + position: static; + left: auto; + top: auto; + margin-top: 0; +} +.p-steps .p-steps-item:last-child { + flex-grow: 0; +} +.p-steps .p-steps-item:last-child:before { + display: none; +} +.p-steps .p-steps-item .p-menuitem-link { + flex-direction: row; + flex: 1 1 auto; + overflow: visible; + padding: 1rem 0.5rem; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-number { + background-color: #9e9d9e; + color: #ffffff; + font-size: 0.857rem; + min-width: 1.714rem; + height: 1.714rem; + line-height: 1.714rem; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin: 0; + padding-left: 0.5rem; +} +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + background: rgba(0, 0, 0, 0.12); +} +.p-steps .p-steps-item.p-highlight .p-steps-number { + background-color: #3F51B5; + color: #ffffff; +} +.p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 600; + color: rgba(0, 0, 0, 0.87); +} +.p-steps .p-steps-item.p-disabled { + opacity: 1; +} + +.p-tabview .p-tabview-nav { + position: relative; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s; + border-radius: 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link > .p-ink { + background-color: rgba(63, 81, 181, 0.16); +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link:focus { + background-color: rgba(63, 81, 181, 0.12); +} +.p-tabview .p-tabview-nav .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 2px; + background-color: #3F51B5; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); +} + +.p-toolbar { + border: 0 none; +} + +.p-tooltip .p-tooltip-text { + box-shadow: none; + font-size: 0.875rem; +} +.p-tooltip .p-tooltip-arrow { + display: none; +} + +.p-tieredmenu .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); +} + +.p-treeselect .p-treeselect-label, .p-treeselect .p-treeselect-trigger { + background-image: none; + background: transparent; +} +.p-treeselect .p-treeselect-label { + border: 0 none; +} +.p-treeselect:not(.p-disabled).p-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; +} + +.p-treeselect-item .p-ink { + background-color: rgba(63, 81, 181, 0.16); +} + +.p-input-filled .p-treeselect { + 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; +} +.p-input-filled .p-treeselect .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-treeselect:not(.p-disabled):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)); +} +.p-input-filled .p-treeselect:not(.p-disabled).p-focus, .p-input-filled .p-treeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-treeselect .p-inputtext:enabled:hover, .p-input-filled .p-treeselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-treeselect .p-treeselect-label:hover { + background-image: none; + background: transparent; +} + +.p-float-label .p-treeselect-label .p-treeselect-token { + padding: 0.25rem 1rem; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} + +.p-input-filled .p-float-label .p-treeselect .p-treeselect-label { + padding-top: 1.5rem; + padding-bottom: 0.5rem; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect .p-treeselect-label { + padding-top: 1.5rem; + padding-bottom: 0.5rem; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding-top: 0; + padding-bottom: 0; + margin-top: 0; + margin-bottom: 0; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-token .p-treeselect-token-icon { + font-size: 75%; +} +.p-input-filled .p-treeselect.p-invalid { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled .p-treeselect.p-invalid:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} + +.p-treeselect.p-invalid:not(.p-disabled).p-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; +} + +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + background: rgba(0, 0, 0, 0.12); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus.p-highlight { + background: rgba(63, 81, 181, 0.24); +} + +.p-treetable .p-sortable-column { + outline: 0 none; +} +.p-treetable .p-sortable-column:focus { + background-color: rgba(0, 0, 0, 0.03); +} +.p-treetable .p-treetable-tbody > tr { + outline: 0 none; +} +.p-treetable .p-treetable-tbody > tr:not(.p-highlight):focus { + background-color: rgba(0, 0, 0, 0.03); +} + +.p-tabmenu .p-tabmenu-nav { + position: relative; +} +.p-tabmenu .p-tabmenu-nav li .p-menuitem-link { + transition: background-color 0.2s; + border-radius: 0; +} +.p-tabmenu .p-tabmenu-nav li .p-menuitem-link > .p-ink { + background-color: rgba(63, 81, 181, 0.16); +} +.p-tabmenu .p-tabmenu-nav li .p-menuitem-link:focus { + background-color: rgba(63, 81, 181, 0.12); +} +.p-tabmenu .p-tabmenu-nav li.p-highlight .p-menuitem-link:focus { + background-color: rgba(63, 81, 181, 0.12); +} +.p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar { + display: block; + position: absolute; + bottom: 0; + height: 2px; + background-color: #3F51B5; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); +} + +.p-timeline.p-timeline-vertical .p-timeline-event-connector { + margin: 0.5rem 0; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-connector { + margin: 0 0.5rem; +} + +.p-togglebutton.p-button:focus { + background: #e0e0e1; + border-color: #e0e0e1; +} +.p-togglebutton.p-button:focus.p-highlight { + background: #d9d8d9; + border-color: #d9d8d9; +} + +.p-splitbutton.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + background: rgba(63, 81, 181, 0.12); +} +.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(63, 81, 181, 0.16); +} +.p-splitbutton.p-button-outlined > .p-button { + box-shadow: inset 0 0 0 1px; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:focus { + box-shadow: inset 0 0 0 1px; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:active { + box-shadow: inset 0 0 0 1px; +} +.p-splitbutton.p-button-outlined > .p-button.p-splitbutton-menubutton { + margin-left: -1px; + width: calc(3rem + 1px); +} +.p-splitbutton.p-disabled.p-button-text > .p-button { + background-color: transparent !important; + color: rgba(0, 0, 0, 0.38) !important; +} +.p-splitbutton.p-disabled.p-button-outlined > .p-button { + background-color: transparent !important; + color: rgba(0, 0, 0, 0.38) !important; + border-color: rgba(0, 0, 0, 0.38) !important; +} +.p-splitbutton.p-button-raised > .p-button:enabled:focus, .p-splitbutton.p-button-raised > .p-button:not(button):not(a):not(.p-disabled):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); +} + +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + background: rgba(255, 64, 129, 0.12); +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 64, 129, 0.16); +} + +.p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + background: rgba(33, 150, 243, 0.12); +} +.p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(33, 150, 243, 0.16); +} + +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + background: rgba(104, 159, 56, 0.12); +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(104, 159, 56, 0.16); +} + +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + background: rgba(251, 192, 45, 0.12); +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(251, 192, 45, 0.16); +} + +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + background: rgba(156, 39, 176, 0.12); +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(156, 39, 176, 0.16); +} + +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + background: rgba(211, 47, 47, 0.12); +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(211, 47, 47, 0.16); +} + +/* Customizations to the designer theme should be defined here */ diff --git a/assets/layout/styles/theme/md-light-indigo/theme.css.br b/assets/layout/styles/theme/md-light-indigo/theme.css.br new file mode 100644 index 0000000..67798e0 Binary files /dev/null and b/assets/layout/styles/theme/md-light-indigo/theme.css.br differ diff --git a/assets/layout/styles/theme/md-light-indigo/theme.css.gz b/assets/layout/styles/theme/md-light-indigo/theme.css.gz new file mode 100644 index 0000000..8395b25 Binary files /dev/null and b/assets/layout/styles/theme/md-light-indigo/theme.css.gz differ diff --git a/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff b/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff new file mode 100644 index 0000000..fb70b7e Binary files /dev/null and b/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff differ diff --git a/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff.br b/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff.br new file mode 100644 index 0000000..d45c06a Binary files /dev/null and b/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff.br differ diff --git a/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff.gz b/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff.gz new file mode 100644 index 0000000..2f6fd16 Binary files /dev/null and b/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff.gz differ diff --git a/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 b/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 new file mode 100644 index 0000000..96981bc Binary files /dev/null and b/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 differ diff --git a/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2.br b/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2.br new file mode 100644 index 0000000..119e7fc Binary files /dev/null and b/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2.br differ diff --git a/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2.gz b/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2.gz new file mode 100644 index 0000000..025e002 Binary files /dev/null and b/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2.gz differ diff --git a/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff b/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff new file mode 100644 index 0000000..d023f3d Binary files /dev/null and b/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff differ diff --git a/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff.br b/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff.br new file mode 100644 index 0000000..32cffe7 Binary files /dev/null and b/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff.br differ diff --git a/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff.gz b/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff.gz new file mode 100644 index 0000000..f45dd01 Binary files /dev/null and b/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff.gz differ diff --git a/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 b/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 new file mode 100644 index 0000000..fd49210 Binary files /dev/null and b/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 differ diff --git a/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2.br b/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2.br new file mode 100644 index 0000000..ec7fbc3 Binary files /dev/null and b/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2.br differ diff --git a/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2.gz b/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2.gz new file mode 100644 index 0000000..a4d35e0 Binary files /dev/null and b/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2.gz differ diff --git a/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff b/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff new file mode 100644 index 0000000..f9849df Binary files /dev/null and b/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff differ diff --git a/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff.br b/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff.br new file mode 100644 index 0000000..f026612 Binary files /dev/null and b/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff.br differ diff --git a/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff.gz b/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff.gz new file mode 100644 index 0000000..543edf1 Binary files /dev/null and b/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff.gz differ diff --git a/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 b/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 new file mode 100644 index 0000000..1f7dd5b Binary files /dev/null and b/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 differ diff --git a/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2.br b/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2.br new file mode 100644 index 0000000..3c25e20 Binary files /dev/null and b/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2.br differ diff --git a/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2.gz b/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2.gz new file mode 100644 index 0000000..36fb292 Binary files /dev/null and b/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2.gz differ diff --git a/assets/layout/styles/theme/mdc-dark-deeppurple/theme.css b/assets/layout/styles/theme/mdc-dark-deeppurple/theme.css new file mode 100644 index 0000000..1bdf761 --- /dev/null +++ b/assets/layout/styles/theme/mdc-dark-deeppurple/theme.css @@ -0,0 +1,7840 @@ +: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:#CE93D8; + --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; +} + +/* roboto-regular - latin-ext_latin */ +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 400; + src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/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 Medium"), local("Roboto-Medium"), url("./fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("./fonts/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("./fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-700.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +* { + box-sizing: border-box; +} + +.p-component { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + font-weight: normal; +} + +.p-component-overlay { + background-color: rgba(0, 0, 0, 0.32); + transition-duration: 0.2s; +} + +.p-disabled, .p-component:disabled { + opacity: 0.38; +} + +.p-error { + color: #f44435; +} + +.p-text-secondary { + color: rgba(255, 255, 255, 0.6); +} + +.pi { + font-size: 1rem; +} + +.p-link { + font-size: 1rem; + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + border-radius: 4px; +} +.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; +} + +.p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; +} + +@keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } +} +@keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } +} + +: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:#fdfafd; + --primary-100:#f3e5f6; + --primary-200:#ead1ee; + --primary-300:#e1bce7; + --primary-400:#d7a8df; + --primary-500:#ce93d8; + --primary-600:#af7db8; + --primary-700:#906797; + --primary-800:#715177; + --primary-900:#523b56; +} + +.p-autocomplete .p-autocomplete-loader { + right: 0.75rem; +} +.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.5rem; +} +.p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #CE93D8; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.375rem 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-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); + padding: 0; + margin: 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.375rem 0.75rem; + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border-radius: 4px; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; +} + +p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f44435; +} + +.p-autocomplete-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + 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); +} +.p-autocomplete-panel .p-autocomplete-items { + padding: 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; +} + +p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; +} +p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; +} + +p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3.5rem; +} + +p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #f44435; +} + +.p-datepicker { + padding: 0.5rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.3); + border-radius: 4px; +} +.p-datepicker:not(.p-datepicker-inline) { + background: #2b2b2b; + 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); +} +.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #2b2b2b; +} +.p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 500; + margin: 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 2rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + font-weight: 500; + padding: 0.5rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #CE93D8; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; +} +.p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0; +} +.p-datepicker table th { + padding: 0.5rem; +} +.p-datepicker table th > span { + width: 2.25rem; + height: 2.25rem; +} +.p-datepicker table td { + padding: 0.5rem; +} +.p-datepicker table td > span { + width: 2.25rem; + height: 2.25rem; + border-radius: 50%; + transition: none; + border: 1px solid transparent; +} +.p-datepicker table td > span.p-highlight { + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); +} +.p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datepicker table td.p-datepicker-today > span { + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-color: rgba(255, 255, 255, 0.5); +} +.p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); +} +.p-datepicker .p-datepicker-buttonbar { + padding: 0.75rem 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} +.p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; +} +.p-datepicker .p-timepicker { + border-top: 1px solid rgba(255, 255, 255, 0.12); + padding: 0.5rem; +} +.p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-timepicker button:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-datepicker .p-timepicker button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; +} +.p-datepicker .p-timepicker span { + font-size: 1.25rem; +} +.p-datepicker .p-timepicker > div { + padding: 0 0.5rem; +} +.p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; +} +.p-datepicker .p-monthpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.5rem; + transition: none; + border-radius: 4px; +} +.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); +} +.p-datepicker .p-yearpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.5rem; + transition: none; + border-radius: 4px; +} +.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid rgba(255, 255, 255, 0.12); + padding-right: 0.5rem; + padding-left: 0.5rem; + padding-top: 0; + padding-bottom: 0; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; +} +p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; +} + +p-calendar.p-calendar-clearable.p-calendar-w-btn .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3.5rem; +} + +@media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } +} +.p-cascadeselect { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 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; +} +.p-cascadeselect:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #CE93D8; +} +.p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; +} +.p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-cascadeselect-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + 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); +} +.p-cascadeselect-panel .p-cascadeselect-items { + padding: 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 0.75rem; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; +} + +p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f44435; +} + +.p-input-filled .p-cascadeselect { + background: rgba(255, 255, 255, 0.06); +} +.p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); +} +.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: rgba(255, 255, 255, 0.1); +} + +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; +} +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.75rem; +} + +.p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; +} +.p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); +} + +.p-checkbox { + width: 18px; + height: 18px; +} +.p-checkbox .p-checkbox-box { + border: 2px solid rgba(255, 255, 255, 0.7); + background: #1e1e1e; + width: 18px; + height: 18px; + 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); +} +.p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #121212; + font-size: 14px; +} +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #CE93D8; + background: #CE93D8; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #CE93D8; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #CE93D8; + background: #CE93D8; + color: #121212; +} + +p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f44435; +} + +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: rgba(255, 255, 255, 0.06); +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #CE93D8; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: rgba(255, 255, 255, 0.08); +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #CE93D8; +} + +.p-checkbox-label { + margin-left: 0.5rem; +} + +.p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; +} +.p-chips .p-chips-multiple-container:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #CE93D8; +} +.p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.375rem 0.75rem; + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border-radius: 4px; +} +.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; +} +.p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.375rem 0; +} +.p-chips .p-chips-multiple-container .p-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); + padding: 0; + margin: 0; +} + +p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #f44435; +} + +p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; +} +p-chips.p-chips-clearable .p-chips-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; +} + +.p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; +} + +.p-colorpicker-panel { + background: #2b2b2b; + border: 1px solid #1e1e1e; +} +.p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; +} + +.p-colorpicker-overlay-panel { + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} + +.p-dropdown { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 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; +} +.p-dropdown:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #CE93D8; +} +.p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; +} +.p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; +} +.p-dropdown .p-dropdown-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-dropdown .p-dropdown-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-dropdown .p-dropdown-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.75rem; +} + +.p-dropdown-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + 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); +} +.p-dropdown-panel .p-dropdown-header { + padding: 0.75rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #2b2b2b; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-dropdown-panel .p-dropdown-items { + padding: 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; +} + +p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #f44435; +} + +.p-input-filled .p-dropdown { + background: rgba(255, 255, 255, 0.06); +} +.p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: rgba(255, 255, 255, 0.1); +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; +} + +.p-editor-container .p-editor-toolbar { + background: #1e1e1e; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #2b2b2b; + 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; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 0.75rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.p-editor-container .p-editor-content .ql-editor { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #CE93D8; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #CE93D8; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #CE93D8; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #CE93D8; +} + +.p-inputgroup-addon { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + border-top: 1px solid rgba(255, 255, 255, 0.3); + border-left: 1px solid rgba(255, 255, 255, 0.3); + border-bottom: 1px solid rgba(255, 255, 255, 0.3); + padding: 0.75rem 0.75rem; + min-width: 2.75rem; +} +.p-inputgroup-addon:last-child { + border-right: 1px solid rgba(255, 255, 255, 0.3); +} + +.p-inputgroup > .p-component, +.p-inputgroup > .p-element, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; +} +.p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-element + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; +} +.p-inputgroup > .p-component:focus, +.p-inputgroup > .p-element:focus, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; +} +.p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-element:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; +} + +.p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-fluid .p-inputgroup .p-button { + width: auto; +} +.p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.75rem; +} + +p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #f44435; +} + +p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; +} +p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; +} + +p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #f44435; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.5rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.5rem; +} + +.p-inputswitch { + width: 2.75rem; + height: 1rem; +} +.p-inputswitch .p-inputswitch-slider { + background: rgba(255, 255, 255, 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: 0.5rem; +} +.p-inputswitch .p-inputswitch-slider:before { + background: #bdbdbd; + width: 1.5rem; + height: 1.5rem; + left: -1px; + margin-top: -0.75rem; + border-radius: 50%; + transition-duration: 0.2s; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1.5rem); +} +.p-inputswitch.p-focus .p-inputswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: rgba(255, 255, 255, 0.3); +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: rgba(206, 147, 216, 0.5); +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #CE93D8; +} +.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: rgba(206, 147, 216, 0.5); +} + +p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + border-color: #f44435; +} + +.p-inputtext { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + padding: 0.75rem 0.75rem; + border: 1px solid rgba(255, 255, 255, 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); + appearance: none; + border-radius: 4px; +} +.p-inputtext:enabled:hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #CE93D8; +} +.p-inputtext.ng-dirty.ng-invalid { + border-color: #f44435; +} +.p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; +} +.p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; +} + +.p-float-label > label { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; +} + +.p-float-label > .ng-invalid.ng-dirty + label { + color: #f44435; +} + +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} + +.p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; +} + +.p-input-icon-left.p-float-label > label { + left: 2.5rem; +} + +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} + +.p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; +} + +::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +:-moz-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +.p-input-filled .p-inputtext { + background-color: rgba(255, 255, 255, 0.06); +} +.p-input-filled .p-inputtext:enabled:hover { + background-color: rgba(255, 255, 255, 0.08); +} +.p-input-filled .p-inputtext:enabled:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; +} + +.p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; +} + +.p-listbox { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.3); + border-radius: 4px; +} +.p-listbox .p-listbox-header { + padding: 0.75rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; +} +.p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list { + padding: 0; +} +.p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + transition: none; + border-radius: 0; +} +.p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); +} +.p-listbox .p-listbox-list .p-listbox-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; +} +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} + +p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #f44435; +} + +.p-multiselect { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 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; +} +.p-multiselect:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #CE93D8; +} +.p-multiselect .p-multiselect-label { + padding: 0.75rem 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); +} +.p-multiselect .p-multiselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-multiselect.p-multiselect-chip .p-multiselect-label { + gap: 0.5rem; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.375rem 0.75rem; + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border-radius: 4px; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; +} +.p-multiselect .p-multiselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.375rem 0.75rem; +} + +.p-multiselect-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + 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); +} +.p-multiselect-panel .p-multiselect-header { + padding: 0.75rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #2b2b2b; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-multiselect-panel .p-multiselect-items { + padding: 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} + +p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f44435; +} + +.p-input-filled .p-multiselect { + background: rgba(255, 255, 255, 0.06); +} +.p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); +} +.p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: rgba(255, 255, 255, 0.1); +} + +p-multiselect.p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; +} +p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.75rem; +} + +p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #f44435; +} + +.p-password-panel { + padding: 0.75rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + 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; +} +.p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: rgba(206, 147, 216, 0.32); +} +.p-password-panel .p-password-meter .p-password-strength.weak { + background: #EF9A9A; +} +.p-password-panel .p-password-meter .p-password-strength.medium { + background: #FFF59D; +} +.p-password-panel .p-password-meter .p-password-strength.strong { + background: #C5E1A5; +} + +p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; +} +p-password.p-password-clearable .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; +} + +p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; +} +p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.5rem; +} + +.p-radiobutton { + width: 20px; + height: 20px; +} +.p-radiobutton .p-radiobutton-box { + border: 2px solid rgba(255, 255, 255, 0.7); + background: #1e1e1e; + width: 20px; + height: 20px; + color: rgba(255, 255, 255, 0.87); + 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); +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #CE93D8; +} +.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 10px; + height: 10px; + transition-duration: 0.2s; + background-color: #CE93D8; +} +.p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #CE93D8; + background: #121212; +} +.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #CE93D8; + background: #121212; + color: #CE93D8; +} + +p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #f44435; +} + +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: rgba(255, 255, 255, 0.06); +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #121212; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #121212; +} + +.p-radiobutton-label { + margin-left: 0.5rem; +} + +.p-rating .p-rating-icon { + color: #CE93D8; + margin-left: 0.5rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + font-size: 1rem; +} +.p-rating .p-rating-icon.p-rating-cancel { + color: #f44435; +} +.p-rating .p-rating-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-rating .p-rating-icon:first-child { + margin-left: 0; +} +.p-rating .p-rating-icon.pi-star-fill { + color: #CE93D8; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + color: #CE93D8; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + color: #f44435; +} + +.p-selectbutton .p-button { + background: #2f2f2f; + border: 1px solid rgba(255, 255, 255, 0.12); + 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); +} +.p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #373737; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-selectbutton .p-button.p-highlight { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-selectbutton .p-button.p-highlight:hover { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} + +p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #f44435; +} + +.p-slider { + background: rgba(255, 255, 255, 0.3); + border: 0 none; + border-radius: 4px; +} +.p-slider.p-slider-horizontal { + height: 2px; +} +.p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; +} +.p-slider.p-slider-vertical { + width: 2px; +} +.p-slider.p-slider-vertical .p-slider-handle { + margin-left: -10px; + margin-bottom: -10px; +} +.p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #CE93D8; + border: 0 none; + 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); +} +.p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-slider .p-slider-range { + background: #CE93D8; +} +.p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #CE93D8; + border-color: 0 none; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), left 0.2s; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), bottom 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; +} + +.p-togglebutton.p-button { + background: #2f2f2f; + border: 1px solid rgba(255, 255, 255, 0.12); + 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); +} +.p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #373737; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-togglebutton.p-button.p-highlight { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-togglebutton.p-button.p-highlight:hover { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} + +p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #f44435; +} + +.p-treeselect { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 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; +} +.p-treeselect:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #CE93D8; +} +.p-treeselect .p-treeselect-label { + padding: 0.75rem 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); +} +.p-treeselect .p-treeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; +} +.p-treeselect .p-treeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #f44435; +} + +.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.375rem 0.75rem; +} + +.p-treeselect-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + 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); +} +.p-treeselect-panel .p-treeselect-header { + padding: 0.75rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #2b2b2b; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} + +.p-input-filled .p-treeselect { + background: rgba(255, 255, 255, 0.06); +} +.p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); +} +.p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: rgba(255, 255, 255, 0.1); +} + +p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; +} +p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.75rem; +} + +.p-button { + color: #121212; + background: #CE93D8; + border: 0 none; + padding: 0.643rem 0.75rem; + 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: 4px; +} +.p-button:enabled:hover { + background: rgba(206, 147, 216, 0.92); + color: #121212; + border-color: transparent; +} +.p-button:enabled:active { + background: rgba(206, 147, 216, 0.68); + color: #121212; + border-color: transparent; +} +.p-button.p-button-outlined { + background-color: transparent; + color: #CE93D8; + border: 0 none; +} +.p-button.p-button-outlined:enabled:hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; + border: 0 none; +} +.p-button.p-button-outlined:enabled:active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border: 0 none; +} +.p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +.p-button.p-button-text:enabled:hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; + border-color: transparent; +} +.p-button.p-button-text:enabled:active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border-color: transparent; +} +.p-button.p-button-text.p-button-plain { + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-button .p-button-label { + transition-duration: 0.2s; +} +.p-button .p-button-icon-left { + margin-right: 0.5rem; +} +.p-button .p-button-icon-right { + margin-left: 0.5rem; +} +.p-button .p-button-icon-bottom { + margin-top: 0.5rem; +} +.p-button .p-button-icon-top { + margin-bottom: 0.5rem; +} +.p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #CE93D8; + background-color: #121212; +} +.p-button.p-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); +} +.p-button.p-button-rounded { + border-radius: 2rem; +} +.p-button.p-button-icon-only { + width: 2.75rem; + padding: 0.643rem; +} +.p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; +} +.p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.75rem; +} +.p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.562625rem 0.65625rem; +} +.p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; +} +.p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.80375rem 0.9375rem; +} +.p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; +} +.p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; +} +.p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; +} + +.p-fluid .p-button { + width: 100%; +} +.p-fluid .p-button-icon-only { + width: 2.75rem; +} +.p-fluid .p-buttonset { + display: flex; +} +.p-fluid .p-buttonset .p-button { + flex: 1; +} + +.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + color: #121212; + background: #A5D6A7; + border: 0 none; +} +.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + background: rgba(165, 214, 167, 0.92); + color: #121212; + border-color: transparent; +} +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: rgba(165, 214, 167, 0.68); + color: #121212; + border-color: transparent; +} +.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + background-color: transparent; + color: #A5D6A7; + border: 0 none; +} +.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + background: rgba(165, 214, 167, 0.04); + color: #A5D6A7; + border: 0 none; +} +.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(165, 214, 167, 0.16); + color: #A5D6A7; + border: 0 none; +} +.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + background-color: transparent; + color: #A5D6A7; + border-color: transparent; +} +.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + background: rgba(165, 214, 167, 0.04); + border-color: transparent; + color: #A5D6A7; +} +.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + background: rgba(165, 214, 167, 0.16); + border-color: transparent; + color: #A5D6A7; +} + +.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #212121; + background: #90CAF9; + border: 0 none; +} +.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + background: rgba(144, 202, 249, 0.92); + color: #212121; + border-color: transparent; +} +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: rgba(144, 202, 249, 0.68); + color: #212121; + border-color: transparent; +} +.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + background-color: transparent; + color: #90CAF9; + border: 0 none; +} +.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + background: rgba(144, 202, 249, 0.04); + color: #90CAF9; + border: 0 none; +} +.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(144, 202, 249, 0.16); + color: #90CAF9; + border: 0 none; +} +.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + background-color: transparent; + color: #90CAF9; + border-color: transparent; +} +.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + background: rgba(144, 202, 249, 0.04); + border-color: transparent; + color: #90CAF9; +} +.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + background: rgba(144, 202, 249, 0.16); + border-color: transparent; + color: #90CAF9; +} + +.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #212121; + background: #C5E1A5; + border: 0 none; +} +.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + background: rgba(197, 225, 165, 0.92); + color: #212121; + border-color: transparent; +} +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: rgba(197, 225, 165, 0.68); + color: #212121; + border-color: transparent; +} +.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + background-color: transparent; + color: #C5E1A5; + border: 0 none; +} +.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + background: rgba(197, 225, 165, 0.04); + color: #C5E1A5; + border: 0 none; +} +.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(197, 225, 165, 0.16); + color: #C5E1A5; + border: 0 none; +} +.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + background-color: transparent; + color: #C5E1A5; + border-color: transparent; +} +.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + background: rgba(197, 225, 165, 0.04); + border-color: transparent; + color: #C5E1A5; +} +.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + background: rgba(197, 225, 165, 0.16); + border-color: transparent; + color: #C5E1A5; +} + +.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #212121; + background: #FFF59D; + border: 0 none; +} +.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + background: rgba(255, 245, 157, 0.92); + color: #212121; + border-color: transparent; +} +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: rgba(255, 245, 157, 0.68); + color: #212121; + border-color: transparent; +} +.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + background-color: transparent; + color: #FFF59D; + border: 0 none; +} +.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + background: rgba(255, 245, 157, 0.04); + color: #FFF59D; + border: 0 none; +} +.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(255, 245, 157, 0.16); + color: #FFF59D; + border: 0 none; +} +.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + background-color: transparent; + color: #FFF59D; + border-color: transparent; +} +.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + background: rgba(255, 245, 157, 0.04); + border-color: transparent; + color: #FFF59D; +} +.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + background: rgba(255, 245, 157, 0.16); + border-color: transparent; + color: #FFF59D; +} + +.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #212121; + background: #CE93D8; + border: 0 none; +} +.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + background: rgba(206, 147, 216, 0.92); + color: #212121; + border-color: transparent; +} +.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: rgba(206, 147, 216, 0.68); + color: #212121; + border-color: transparent; +} +.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + background-color: transparent; + color: #CE93D8; + border: 0 none; +} +.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; + border: 0 none; +} +.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border: 0 none; +} +.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + background: rgba(206, 147, 216, 0.04); + border-color: transparent; + color: #CE93D8; +} +.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + background: rgba(206, 147, 216, 0.16); + border-color: transparent; + color: #CE93D8; +} + +.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #212121; + background: #EF9A9A; + border: 0 none; +} +.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + background: rgba(239, 154, 154, 0.92); + color: #212121; + border-color: transparent; +} +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: rgba(239, 154, 154, 0.68); + color: #212121; + border-color: transparent; +} +.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + background-color: transparent; + color: #EF9A9A; + border: 0 none; +} +.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + background: rgba(239, 154, 154, 0.04); + color: #EF9A9A; + border: 0 none; +} +.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(239, 154, 154, 0.16); + color: #EF9A9A; + border: 0 none; +} +.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + background-color: transparent; + color: #EF9A9A; + border-color: transparent; +} +.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + background: rgba(239, 154, 154, 0.04); + border-color: transparent; + color: #EF9A9A; +} +.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + background: rgba(239, 154, 154, 0.16); + border-color: transparent; + color: #EF9A9A; +} + +.p-button.p-button-link { + color: #CE93D8; + background: transparent; + border: transparent; +} +.p-button.p-button-link:enabled:hover { + background: transparent; + color: #CE93D8; + border-color: transparent; +} +.p-button.p-button-link:enabled:hover .p-button-label { + text-decoration: underline; +} +.p-button.p-button-link:enabled:focus { + background: transparent; + box-shadow: none; + border-color: transparent; +} +.p-button.p-button-link:enabled:active { + background: transparent; + color: #CE93D8; + border-color: transparent; +} + +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 2rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: #A5D6A7; + color: #212121; +} +.p-speeddial-action:hover { + background: rgba(165, 214, 167, 0.92); + color: #212121; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); +} + +.p-splitbutton { + border-radius: 4px; +} +.p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #CE93D8; + border: 0 none; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border-color: transparent; +} +.p-splitbutton.p-button-text.p-button-plain > .p-button { + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-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); +} +.p-splitbutton.p-button-rounded { + border-radius: 2rem; +} +.p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; +} +.p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.562625rem 0.65625rem; +} +.p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; +} +.p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.80375rem 0.9375rem; +} +.p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; +} + +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #A5D6A7; + border: 0 none; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(165, 214, 167, 0.04); + color: #A5D6A7; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(165, 214, 167, 0.16); + color: #A5D6A7; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #A5D6A7; + border-color: transparent; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(165, 214, 167, 0.04); + border-color: transparent; + color: #A5D6A7; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(165, 214, 167, 0.16); + border-color: transparent; + color: #A5D6A7; +} + +.p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #90CAF9; + border: 0 none; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(144, 202, 249, 0.04); + color: #90CAF9; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(144, 202, 249, 0.16); + color: #90CAF9; +} +.p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #90CAF9; + border-color: transparent; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(144, 202, 249, 0.04); + border-color: transparent; + color: #90CAF9; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(144, 202, 249, 0.16); + border-color: transparent; + color: #90CAF9; +} + +.p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #C5E1A5; + border: 0 none; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(197, 225, 165, 0.04); + color: #C5E1A5; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(197, 225, 165, 0.16); + color: #C5E1A5; +} +.p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #C5E1A5; + border-color: transparent; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(197, 225, 165, 0.04); + border-color: transparent; + color: #C5E1A5; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(197, 225, 165, 0.16); + border-color: transparent; + color: #C5E1A5; +} + +.p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #FFF59D; + border: 0 none; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 245, 157, 0.04); + color: #FFF59D; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 245, 157, 0.16); + color: #FFF59D; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #FFF59D; + border-color: transparent; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 245, 157, 0.04); + border-color: transparent; + color: #FFF59D; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 245, 157, 0.16); + border-color: transparent; + color: #FFF59D; +} + +.p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #CE93D8; + border: 0 none; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; +} +.p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(206, 147, 216, 0.04); + border-color: transparent; + color: #CE93D8; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(206, 147, 216, 0.16); + border-color: transparent; + color: #CE93D8; +} + +.p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #EF9A9A; + border: 0 none; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(239, 154, 154, 0.04); + color: #EF9A9A; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(239, 154, 154, 0.16); + color: #EF9A9A; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #EF9A9A; + border-color: transparent; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(239, 154, 154, 0.04); + border-color: transparent; + color: #EF9A9A; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(239, 154, 154, 0.16); + border-color: transparent; + color: #EF9A9A; +} + +.p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; +} +.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-carousel .p-carousel-content .p-carousel-prev:focus, +.p-carousel .p-carousel-content .p-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-carousel .p-carousel-indicators { + padding: 1rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +.p-carousel .p-carousel-indicators .p-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; + border-radius: 0; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; +} + +.p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-datatable .p-datatable-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; +} +.p-datatable .p-datatable-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; +} +.p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + transition: none; +} +.p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; +} +.p-datatable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-datatable .p-sortable-column.p-highlight { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column:focus { + box-shadow: none; + outline: 0 none; +} +.p-datatable .p-datatable-tbody > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: none; +} +.p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; +} +.p-datatable .p-datatable-tbody > tr:focus { + outline: 0.15rem solid transparent; + outline-offset: 0.15rem; +} +.p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(206, 147, 216, 0.16); +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(206, 147, 216, 0.16); +} +.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-column-resizer-helper { + background: #CE93D8; +} +.p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #1e1e1e; +} +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #1e1e1e; +} +.p-datatable .p-datatable-loading-icon { + font-size: 2rem; +} +.p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #222222; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #CE93D8; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #CE93D8; +} +.p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.375rem; +} +.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.375rem; +} +.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.375rem; +} +.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +.p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.375rem; +} +.p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 0.9375rem; +} +.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 0.9375rem; +} +.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +.p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 0.9375rem; +} + +.p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-dataview .p-dataview-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; +} +.p-dataview .p-dataview-content { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0.75rem; +} +.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; +} +.p-dataview .p-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; +} +.p-dataview .p-dataview-loading-icon { + font-size: 2rem; +} +.p-dataview .p-dataview-emptymessage { + padding: 0.75rem; +} + +.p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; +} + +.p-column-filter-menu-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-menu-button:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; +} +.p-column-filter-menu-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-clear-button:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-column-filter-clear-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-column-filter-overlay { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + 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); + min-width: 12.5rem; +} +.p-column-filter-overlay .p-column-filter-row-items { + padding: 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; +} + +.p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #2b2b2b; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0.75rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; +} +.p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.75rem 0.75rem; +} +.p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0.75rem; +} + +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-view-container td.fc-widget-content { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.fc.fc-unthemed .fc-view-container .fc-row { + border-right: 1px solid rgba(255, 255, 255, 0.12); +} +.fc.fc-unthemed .fc-view-container .fc-event { + background: rgba(206, 147, 216, 0.16); + border: 1px solid rgba(206, 147, 216, 0.16); + color: #CE93D8; +} +.fc.fc-unthemed .fc-view-container .fc-divider { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); +} +.fc.fc-unthemed .fc-toolbar .fc-button { + color: #121212; + background: #CE93D8; + border: 0 none; + 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: 4px; + display: flex; + align-items: center; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { + background: rgba(206, 147, 216, 0.92); + color: #121212; + border-color: transparent; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { + background: rgba(206, 147, 216, 0.68); + color: #121212; + border-color: transparent; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-unthemed .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #2f2f2f; + border: 1px solid rgba(255, 255, 255, 0.12); + 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); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #373737; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + z-index: 1; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: rgba(255, 255, 255, 0.12); +} +.fc.fc-theme-standard .fc-view-harness th { + background: #1e1e1e; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness td { + color: rgba(255, 255, 255, 0.87); + border-color: rgba(255, 255, 255, 0.12); +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #1e1e1e; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover { + background: none; + border: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0.75rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { + opacity: 1; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; + font-family: "PrimeIcons" !important; + font-size: 1rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { + content: "\e90b"; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { + padding: 0.75rem; + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); + border-color: rgba(206, 147, 216, 0.16); +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #CE93D8; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: rgba(206, 147, 216, 0.16); + border-color: rgba(206, 147, 216, 0.16); +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #1e1e1e; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #121212; + background: #CE93D8; + border: 0 none; + 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: 4px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: rgba(206, 147, 216, 0.92); + color: #121212; + border-color: transparent; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: rgba(206, 147, 216, 0.68); + color: #121212; + border-color: transparent; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.38; + color: #121212; + background: #CE93D8; + border: 0 none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #2f2f2f; + border: 1px solid rgba(255, 255, 255, 0.12); + 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); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #373737; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.fc.fc-theme-standard a { + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-highlight { + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); +} + +.p-orderlist .p-orderlist-controls { + padding: 0.75rem; +} +.p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; +} +.p-orderlist .p-orderlist-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0.75rem; + border-bottom: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 500; +} +.p-orderlist .p-orderlist-filter-container { + padding: 0.75rem; + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 0 none; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-orderlist .p-orderlist-list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; +} +.p-orderlist .p-orderlist-list .p-orderlist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); +} +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); +} +.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: rgba(255, 255, 255, 0.02); +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.04); +} + +.p-orderlist-item.cdk-drag-preview { + padding: 0.75rem 0.75rem; + box-shadow: 0 5px 5px -3px rgba(0, 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: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; +} + +.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; +} +.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(157, 62, 173, 0.16); +} +.p-organizationchart .p-organizationchart-line-down { + background: rgba(255, 255, 255, 0.12); +} +.p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-color: rgba(255, 255, 255, 0.12); +} +.p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-color: rgba(255, 255, 255, 0.12); +} +.p-organizationchart .p-organizationchart-node-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-paginator { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: solid #404040; + border-width: 0; + padding: 0.375rem 0.75rem; + border-radius: 4px; +} +.p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: none; + border-radius: 50%; +} +.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: rgba(255, 255, 255, 0.6); +} +.p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; +} +.p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 3rem; +} +.p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; +} +.p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; +} +.p-paginator .p-paginator-page-input .p-inputtext { + max-width: 3rem; +} +.p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + padding: 0 0.5rem; +} +.p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: none; + border-radius: 50%; +} +.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(206, 147, 216, 0.16); + border-color: rgba(206, 147, 216, 0.16); + color: #CE93D8; +} +.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: rgba(255, 255, 255, 0.6); +} + +.p-picklist .p-picklist-buttons { + padding: 0.75rem; +} +.p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; +} +.p-picklist .p-picklist-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0.75rem; + border-bottom: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-picklist .p-picklist-header .p-picklist-title { + font-weight: 500; +} +.p-picklist .p-picklist-filter-container { + padding: 0.75rem; + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 0 none; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-picklist .p-picklist-list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-picklist .p-picklist-list .p-picklist-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; +} +.p-picklist .p-picklist-list .p-picklist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); +} +.p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); +} +.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: rgba(255, 255, 255, 0.02); +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.04); +} + +.p-picklist-item.cdk-drag-preview { + padding: 0.75rem 0.75rem; + box-shadow: 0 5px 5px -3px rgba(0, 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: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; +} + +.p-timeline .p-timeline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #bdbdbd; +} +.p-timeline .p-timeline-event-connector { + background-color: #bdbdbd; +} +.p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; +} +.p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; +} + +.p-tree { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +.p-tree .p-tree-container .p-treenode { + padding: 0.25rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 4px; + transition: none; + padding: 0.25rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #CE93D8; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #CE93D8; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; +} +.p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; +} +.p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-tree .p-treenode-children { + padding: 0 0 0 1rem; +} +.p-tree .p-tree-loading-icon { + font-size: 2rem; +} +.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(182, 94, 197, 0.16); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 4px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.25rem; + transition: none; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(206, 147, 216, 0.16); + color: #CE93D8; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #CE93D8; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-treetable .p-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; +} +.p-treetable .p-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; +} +.p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + transition: none; +} +.p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; +} +.p-treetable .p-sortable-column { + outline-color: transparent; +} +.p-treetable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-treetable .p-sortable-column.p-highlight { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-treetable-tbody > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: none; +} +.p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-treetable-tbody > tr:focus { + outline: 0.15rem solid transparent; + outline-offset: -0.15rem; +} +.p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #CE93D8; +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #CE93D8; +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-column-resizer-helper { + background: #CE93D8; +} +.p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #1e1e1e; +} +.p-treetable .p-treetable-loading-icon { + font-size: 2rem; +} +.p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.65625rem 0.65625rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.375rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.375rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.375rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 0.9375rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 0.9375rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 0.9375rem; +} + +.p-virtualscroller .p-virtualscroller-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; +} +.p-virtualscroller .p-virtualscroller-content { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0.75rem; +} +.p-virtualscroller .p-virtualscroller-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; +} + +.p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 400; + border-radius: 4px; + transition: none; +} +.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; +} +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #1e1e1e; + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-accordion .p-accordion-content { + padding: 0.75rem 1.25rem; + border: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; +} +.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; +} +.p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; +} +.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 none; +} +.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-top: 0 none; +} +.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-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; +} +.p-card .p-card-body { + padding: 0.75rem; +} +.p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +.p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-card .p-card-content { + padding: 0.75rem 0; +} +.p-card .p-card-footer { + padding: 0.75rem 0 0 0; +} + +.p-divider .p-divider-content { + background-color: #1e1e1e; +} +.p-divider.p-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; +} +.p-divider.p-divider-horizontal:before { + border-top: 1px rgba(255, 255, 255, 0.12); +} +.p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; +} +.p-divider.p-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; +} +.p-divider.p-divider-vertical:before { + border-left: 1px rgba(255, 255, 255, 0.12); +} +.p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; +} + +.p-fieldset { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; +} +.p-fieldset .p-fieldset-legend { + padding: 0.75rem; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 500; + border-radius: 4px; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; + transition: none; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.04); + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.p-fieldset .p-fieldset-content { + padding: 0.75rem; +} + +.p-panel .p-panel-header { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0.75rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-panel .p-panel-header .p-panel-title { + font-weight: 500; +} +.p-panel .p-panel-header .p-panel-header-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-panel .p-panel-header .p-panel-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-panel.p-panel-toggleable .p-panel-header { + padding: 0.5rem 1rem; +} +.p-panel .p-panel-content { + padding: 0.75rem; + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + border-top: 0 none; +} +.p-panel .p-panel-footer { + padding: 0.75rem 0.75rem; + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} +.p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; +} +.p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; +} +.p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; +} + +.p-scrollpanel .p-scrollpanel-bar { + background: rgba(255, 255, 255, 0.12); + border: 0 none; +} + +.p-splitter { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + border-radius: 4px; + color: rgba(255, 255, 255, 0.87); +} +.p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: rgba(255, 255, 255, 0.04); +} +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: rgba(255, 255, 255, 0.12); +} +.p-splitter .p-splitter-gutter-resizing { + background: rgba(255, 255, 255, 0.12); +} + +.p-tabview .p-tabview-nav { + background: transparent; + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; +} +.p-tabview .p-tabview-nav li { + margin-right: 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + border-color: transparent transparent rgba(255, 255, 255, 0.12) transparent; + background: transparent; + color: rgba(255, 255, 255, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: none; + margin: 0 0 0 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: rgba(206, 147, 216, 0.04); + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.6); +} +.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: transparent; + border-color: rgba(255, 255, 255, 0.12); + color: #CE93D8; +} +.p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; +} +.p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-close { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-nav-btn.p-link { + background: transparent; + color: #CE93D8; + width: 2.75rem; + 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); + border-radius: 0; +} +.p-tabview .p-tabview-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +.p-tabview .p-tabview-panels { + background: transparent; + padding: 0.75rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-toolbar { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0.75rem; + border-radius: 4px; + gap: 0.5rem; +} +.p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; +} + +.p-confirm-popup { + background: #262626; + 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); +} +.p-confirm-popup .p-confirm-popup-content { + padding: 0.75rem; +} +.p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.75rem 0.75rem; +} +.p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; +} +.p-confirm-popup:after { + border: solid transparent; + border-color: rgba(38, 38, 38, 0); + border-bottom-color: #262626; +} +.p-confirm-popup:before { + border: solid transparent; + border-color: rgba(38, 38, 38, 0); + border-bottom-color: #262626; +} +.p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #262626; +} +.p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #262626; +} +.p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; +} +.p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; +} + +.p-dialog { + 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); + border: 0 none; +} +.p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #262626; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-dialog .p-dialog-header .p-dialog-title { + font-weight: 500; + font-size: 1.25rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-dialog .p-dialog-header .p-dialog-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; +} +.p-dialog .p-dialog-content { + background: #262626; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.25rem 1.25rem 1.25rem; +} +.p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-dialog .p-dialog-footer { + border-top: 0 none; + background: #262626; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + text-align: right; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; +} + +.p-overlaypanel { + background: #262626; + 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); +} +.p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; +} +.p-overlaypanel .p-overlaypanel-close { + background: #CE93D8; + color: #121212; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + position: absolute; + top: -1rem; + right: -1rem; +} +.p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: rgba(206, 147, 216, 0.92); + color: #121212; +} +.p-overlaypanel:after { + border: solid transparent; + border-color: rgba(38, 38, 38, 0); + border-bottom-color: #262626; +} +.p-overlaypanel:before { + border: solid transparent; + border-color: rgba(38, 38, 38, 0); + border-bottom-color: #242424; +} +.p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #262626; +} +.p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #262626; +} + +.p-sidebar { + background: #262626; + color: rgba(255, 255, 255, 0.87); + 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); +} +.p-sidebar .p-sidebar-header { + padding: 0.75rem; +} +.p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-sidebar .p-sidebar-header .p-sidebar-close:focus, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; +} +.p-sidebar .p-sidebar-content { + padding: 0.75rem; +} +.p-sidebar .p-sidebar-footer { + padding: 0.75rem; +} + +.p-tooltip .p-tooltip-text { + background: #444444; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem; + box-shadow: 0 5px 5px -3px rgba(0, 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; +} +.p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #444444; +} +.p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #444444; +} +.p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #444444; +} +.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #444444; +} + +.p-fileupload .p-fileupload-buttonbar { + background: #1e1e1e; + padding: 0.75rem; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + border-bottom: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; +} +.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-fileupload .p-fileupload-content { + background: #1e1e1e; + padding: 2rem 1rem; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-fileupload .p-progressbar { + height: 4px; +} +.p-fileupload .p-fileupload-row > div { + padding: 0.75rem 0.75rem; +} +.p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; +} + +.p-fileupload-choose:not(.p-disabled):hover { + background: rgba(206, 147, 216, 0.92); + color: #121212; + border-color: transparent; +} +.p-fileupload-choose:not(.p-disabled):active { + background: rgba(206, 147, 216, 0.68); + color: #121212; + border-color: transparent; +} + +.p-breadcrumb { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + padding: 0.75rem; +} +.p-breadcrumb ul li .p-menuitem-link { + transition: none; + border-radius: 4px; +} +.p-breadcrumb ul li .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-breadcrumb ul li.p-breadcrumb-chevron { + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-breadcrumb ul li:last-child .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-breadcrumb ul li:last-child .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} + +.p-contextmenu { + padding: 0.5rem 0; + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + 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); + border-radius: 4px; + width: 12.5rem; +} +.p-contextmenu .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-contextmenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-contextmenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-contextmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #2b2b2b; + 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); + border-radius: 4px; +} +.p-contextmenu .p-menuitem { + margin: 0; +} +.p-contextmenu .p-menuitem:last-child { + margin: 0; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(255, 255, 255, 0.04); +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-contextmenu .p-menu-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; +} +.p-contextmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-contextmenu .p-menuitem-badge { + background: #CE93D8; + color: #121212; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + +@media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } +} +.p-megamenu { + padding: 0.75rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; + transition: none; + user-select: none; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-megamenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-megamenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-megamenu .p-megamenu-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + 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); +} +.p-megamenu .p-megamenu-submenu-header { + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-megamenu .p-megamenu-submenu { + padding: 0.5rem 0; + width: 12.5rem; +} +.p-megamenu .p-megamenu-submenu .p-menu-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem { + margin: 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(255, 255, 255, 0.04); +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.5rem 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem { + margin: 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem-badge { + background: #CE93D8; + color: #121212; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menu { + padding: 0.5rem 0; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + width: 12.5rem; +} +.p-menu .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-menu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-menu.p-menu-overlay { + background: #2b2b2b; + 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); +} +.p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.p-menu .p-menu-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; +} +.p-menu .p-menuitem { + margin: 0; +} +.p-menu .p-menuitem:last-child { + margin: 0; +} +.p-menu .p-menuitem-badge { + background: #CE93D8; + color: #121212; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menubar { + padding: 0.75rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; +} +.p-menubar .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-menubar .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menubar .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; + transition: none; + user-select: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-submenu-list { + padding: 0.5rem 0; + background: #2b2b2b; + 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); + width: 12.5rem; +} +.p-menubar .p-submenu-list .p-menu-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; +} +.p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; +} +.p-menubar .p-submenu-list .p-menuitem { + margin: 0; +} +.p-menubar .p-submenu-list .p-menuitem:last-child { + margin: 0; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(255, 255, 255, 0.04); +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-menuitem-badge { + background: #CE93D8; + color: #121212; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +@media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(255, 255, 255, 0.6); + background: rgba(255, 255, 255, 0.04); + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.5rem 0; + background: #2b2b2b; + 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); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menu-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: none; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } +} +.p-panelmenu .p-panelmenu-header > a { + padding: 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 400; + border-radius: 4px; + transition: none; +} +.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-header.p-highlight { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight > a { + background: #1e1e1e; + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content { + padding: 0.5rem 0; + border: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + margin-bottom: 0; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { + padding: 0 0 0 1rem; +} +.p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { + border-radius: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; +} +.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { + border-top: 0 none; +} +.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { + border-top: 0 none; +} +.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-panelmenu .p-menuitem-badge { + background: #CE93D8; + color: #121212; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-slidemenu { + padding: 0.5rem 0; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + width: 12.5rem; +} +.p-slidemenu .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-slidemenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-slidemenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-slidemenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-slidemenu.p-slidemenu-overlay { + background: #2b2b2b; + 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); +} +.p-slidemenu .p-slidemenu-list { + padding: 0.5rem 0; + background: #2b2b2b; + 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); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { + background: rgba(255, 255, 255, 0.04); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-slidemenu .p-slidemenu-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; +} +.p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; +} +.p-slidemenu .p-slidemenu-backward { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-badge { + background: #CE93D8; + color: #121212; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: none; + border-radius: 4px; + background: transparent; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: rgba(255, 255, 255, 0.87); + border: 1px solid transparent; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: rgba(255, 255, 255, 0.87); +} +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; +} +.p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: rgba(255, 255, 255, 0.87); +} +.p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid rgba(255, 255, 255, 0.12); + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; +} + +.p-tabmenu .p-tabmenu-nav { + background: transparent; + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; +} +.p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #CE93D8; + color: #121212; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + border-color: transparent transparent rgba(255, 255, 255, 0.12) transparent; + background: transparent; + color: rgba(255, 255, 255, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: none; + margin: 0 0 0 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: rgba(206, 147, 216, 0.04); + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.6); +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: transparent; + border-color: rgba(255, 255, 255, 0.12); + color: #CE93D8; +} +.p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link { + background: transparent; + color: #CE93D8; + width: 2.75rem; + 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); + border-radius: 0; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} + +.p-tieredmenu { + padding: 0.5rem 0; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + width: 12.5rem; +} +.p-tieredmenu .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-tieredmenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-tieredmenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-tieredmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-tieredmenu.p-tieredmenu-overlay { + background: #2b2b2b; + 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); +} +.p-tieredmenu .p-submenu-list { + padding: 0.5rem 0; + background: #2b2b2b; + 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); +} +.p-tieredmenu .p-menuitem { + margin: 0; +} +.p-tieredmenu .p-menuitem:last-child { + margin: 0; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(255, 255, 255, 0.04); +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-tieredmenu .p-menu-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; +} +.p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-tieredmenu .p-menuitem-badge { + background: #CE93D8; + color: #121212; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-inline-message { + padding: 0.75rem 0.75rem; + margin: 0; + border-radius: 4px; +} +.p-inline-message.p-inline-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 1px; + color: #01579B; +} +.p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #01579B; +} +.p-inline-message.p-inline-message-success { + background: #C8E6C9; + border: solid transparent; + border-width: 1px; + color: #1B5E20; +} +.p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #1B5E20; +} +.p-inline-message.p-inline-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 1px; + color: #7f6003; +} +.p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #7f6003; +} +.p-inline-message.p-inline-message-error { + background: #FFCDD2; + border: solid transparent; + border-width: 1px; + color: #B71C1C; +} +.p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #B71C1C; +} +.p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; +} +.p-inline-message .p-inline-message-text { + font-size: 1rem; +} +.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; +} + +.p-message { + margin: 0.75rem 0; + border-radius: 4px; +} +.p-message .p-message-wrapper { + padding: 1rem 1.25rem; +} +.p-message .p-message-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-message .p-message-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-message.p-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579B; +} +.p-message.p-message-info .p-message-icon { + color: #01579B; +} +.p-message.p-message-info .p-message-close { + color: #01579B; +} +.p-message.p-message-success { + background: #C8E6C9; + border: solid transparent; + border-width: 0 0 0 0; + color: #1B5E20; +} +.p-message.p-message-success .p-message-icon { + color: #1B5E20; +} +.p-message.p-message-success .p-message-close { + color: #1B5E20; +} +.p-message.p-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; +} +.p-message.p-message-warn .p-message-icon { + color: #7f6003; +} +.p-message.p-message-warn .p-message-close { + color: #7f6003; +} +.p-message.p-message-error { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 0; + color: #B71C1C; +} +.p-message.p-message-error .p-message-icon { + color: #B71C1C; +} +.p-message.p-message-error .p-message-close { + color: #B71C1C; +} +.p-message .p-message-text { + font-size: 1rem; + font-weight: 500; +} +.p-message .p-message-icon { + font-size: 1.5rem; + margin-right: 0.5rem; +} +.p-message .p-message-summary { + font-weight: 700; +} +.p-message .p-message-detail { + margin-left: 0.5rem; +} + +.p-toast { + opacity: 0.9; +} +.p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 5px 5px -3px rgba(0, 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; +} +.p-toast .p-toast-message .p-toast-message-content { + padding: 1.25rem; + border-width: 0 0 0 0; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 1rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 2rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 700; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; +} +.p-toast .p-toast-message .p-toast-icon-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-toast .p-toast-message .p-toast-icon-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-toast .p-toast-message.p-toast-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579B; +} +.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #01579B; +} +.p-toast .p-toast-message.p-toast-message-success { + background: #C8E6C9; + border: solid transparent; + border-width: 0 0 0 0; + color: #1B5E20; +} +.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #1B5E20; +} +.p-toast .p-toast-message.p-toast-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; +} +.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #7f6003; +} +.p-toast .p-toast-message.p-toast-message-error { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 0; + color: #B71C1C; +} +.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #B71C1C; +} + +.p-galleria .p-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; + border-radius: 50%; +} +.p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria .p-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; + border-radius: 50%; + margin: 0 0.5rem; +} +.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.87); + padding: 1rem; +} +.p-galleria .p-galleria-indicators { + padding: 1rem; +} +.p-galleria .p-galleria-indicators .p-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; + border-radius: 50%; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; +} +.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; +} +.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.3); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; +} +.p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-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; + border-radius: 50%; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-preview-indicator { + background-color: transparent; + color: #f8f9fa; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} + +.p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); +} + +.p-image-toolbar { + padding: 1rem; +} + +.p-image-action.p-link { + color: #f8f9fa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-image-action.p-link:last-child { + margin-right: 0; +} +.p-image-action.p-link:hover { + color: #f8f9fa; + background-color: rgba(255, 255, 255, 0.1); +} +.p-image-action.p-link i { + font-size: 1.5rem; +} + +.p-avatar { + background-color: rgba(255, 255, 255, 0.12); + border-radius: 4px; +} +.p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +.p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; +} +.p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +.p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; +} + +.p-avatar-group .p-avatar { + border: 2px solid #1e1e1e; +} + +.p-badge { + background: #CE93D8; + color: #121212; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +.p-badge.p-badge-secondary { + background-color: #A5D6A7; + color: #121212; +} +.p-badge.p-badge-success { + background-color: #C5E1A5; + color: #212121; +} +.p-badge.p-badge-info { + background-color: #90CAF9; + color: #212121; +} +.p-badge.p-badge-warning { + background-color: #FFF59D; + color: #212121; +} +.p-badge.p-badge-danger { + background-color: #EF9A9A; + color: #212121; +} +.p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +.p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} + +.p-chip { + background-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + padding: 0 0.75rem; +} +.p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; +} +.p-chip .p-chip-icon { + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; +} +.p-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-inplace .p-inplace-display { + padding: 1rem 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); +} +.p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-progressbar { + border: 0 none; + height: 4px; + background: rgba(206, 147, 216, 0.32); + border-radius: 4px; +} +.p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #CE93D8; +} +.p-progressbar .p-progressbar-label { + color: #121212; + line-height: 4px; +} + +.p-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, color 0.2s, box-shadow 0.2s; +} +.p-scrolltop.p-link { + background: #A5D6A7; +} +.p-scrolltop.p-link:hover { + background: rgba(165, 214, 167, 0.92); +} +.p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #121212; +} + +.p-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 4px; +} +.p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); +} + +.p-tag { + background: #CE93D8; + color: #121212; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; +} +.p-tag.p-tag-success { + background-color: #C5E1A5; + color: #212121; +} +.p-tag.p-tag-info { + background-color: #90CAF9; + color: #212121; +} +.p-tag.p-tag-warning { + background-color: #FFF59D; + color: #212121; +} +.p-tag.p-tag-danger { + background-color: #EF9A9A; + color: #212121; +} +.p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +.p-terminal { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0.75rem; +} +.p-terminal .p-terminal-input { + font-size: 1rem; + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; +} + +.p-accordion .p-accordion-tab { + 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); + margin-bottom: 0; + border-radius: 0; + position: relative; + transition: margin-bottom 225ms; +} +.p-accordion .p-accordion-tab:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +.p-accordion .p-accordion-tab:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-accordion .p-accordion-tab .p-accordion-toggle-icon { + order: 1; + margin-left: auto; + transition: transform 0.2s; +} +.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-header-link:focus { + background: rgba(255, 255, 255, 0.04); +} +.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-toggle-icon { + transform: rotate(-270deg); +} +.p-accordion .p-accordion-tab.p-accordion-tab-active { + margin-bottom: 1rem; +} +.p-accordion .p-accordion-tab.p-accordion-tab-active .p-accordion-toggle-icon { + transform: rotate(-180deg); +} +.p-accordion .p-accordion-tab .p-accordion-header.p-disabled { + opacity: 1; +} +.p-accordion .p-accordion-tab .p-accordion-header.p-disabled .p-accordion-header-link > * { + opacity: 0.38; +} + +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; +} + +.p-input-filled .p-autocomplete .p-autocomplete-multiple-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +.p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} + +.p-float-label .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 1rem; +} + +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding-top: 0; + padding-bottom: 0; +} +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + font-size: 75%; +} +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0; +} +.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; +} +.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} + +p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled: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; +} +p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-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; +} + +.p-breadcrumb .p-menuitem-link { + padding: 0.25rem 0.5rem; +} +.p-breadcrumb .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); +} + +.p-button { + font-weight: 500; + min-width: 4rem; +} +.p-button.p-button-icon-only { + min-width: auto; +} +.p-button:enabled:focus { + background: rgba(206, 147, 216, 0.76); +} +.p-button:enabled:active { + background: rgba(206, 147, 216, 0.68); +} +.p-button .p-ink { + background-color: rgba(255, 255, 255, 0.32); +} +.p-button.p-button-text:enabled:focus, .p-button.p-button-outlined:enabled:focus { + background: rgba(206, 147, 216, 0.12); +} +.p-button.p-button-text:enabled:active, .p-button.p-button-outlined:enabled:active { + background: rgba(206, 147, 216, 0.16); +} +.p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink { + background-color: rgba(206, 147, 216, 0.16); +} +.p-button.p-button-outlined { + box-shadow: inset 0 0 0 1px; +} +.p-button.p-button-outlined:enabled:focus { + box-shadow: inset 0 0 0 1px; +} +.p-button.p-button-outlined:enabled:active { + box-shadow: inset 0 0 0 1px; +} +.p-button:disabled { + background-color: rgba(255, 255, 255, 0.12) !important; + color: rgba(255, 255, 255, 0.38) !important; + opacity: 1; +} +.p-button:disabled.p-button-text { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.38) !important; +} +.p-button:disabled.p-button-outlined { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.38) !important; + border-color: rgba(255, 255, 255, 0.38) !important; +} +.p-button.p-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); +} + +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + background: rgba(165, 214, 167, 0.76); +} +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: rgba(165, 214, 167, 0.68); +} +.p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus { + background: rgba(165, 214, 167, 0.12); +} +.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(165, 214, 167, 0.16); +} +.p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink { + background-color: rgba(165, 214, 167, 0.16); +} + +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + background: rgba(144, 202, 249, 0.76); +} +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: rgba(144, 202, 249, 0.68); +} +.p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus { + background: rgba(144, 202, 249, 0.12); +} +.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(144, 202, 249, 0.16); +} +.p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink { + background-color: rgba(144, 202, 249, 0.16); +} + +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + background: rgba(197, 225, 165, 0.76); +} +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: rgba(197, 225, 165, 0.68); +} +.p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus { + background: rgba(197, 225, 165, 0.12); +} +.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(197, 225, 165, 0.16); +} +.p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink { + background-color: rgba(197, 225, 165, 0.16); +} + +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + background: rgba(255, 245, 157, 0.76); +} +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: rgba(255, 245, 157, 0.68); +} +.p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus { + background: rgba(255, 245, 157, 0.12); +} +.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(255, 245, 157, 0.16); +} +.p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink { + background-color: rgba(255, 245, 157, 0.16); +} + +.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + background: rgba(206, 147, 216, 0.76); +} +.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: rgba(206, 147, 216, 0.68); +} +.p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus { + background: rgba(206, 147, 216, 0.12); +} +.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(206, 147, 216, 0.16); +} +.p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink { + background-color: rgba(206, 147, 216, 0.16); +} + +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + background: rgba(239, 154, 154, 0.76); +} +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: rgba(239, 154, 154, 0.68); +} +.p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus { + background: rgba(239, 154, 154, 0.12); +} +.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(239, 154, 154, 0.16); +} +.p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink { + background-color: rgba(239, 154, 154, 0.16); +} + +.p-calendar-w-btn { + border: 1px solid rgba(255, 255, 255, 0.3); + background: #1e1e1e; + 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); +} +.p-calendar-w-btn .p-inputtext { + background-image: none; + background-color: transparent; + border: 0 none; +} +.p-calendar-w-btn .p-inputtext:enabled:focus { + box-shadow: none; +} +.p-calendar-w-btn .p-datepicker-trigger.p-button { + background-color: transparent; + border: 0 none; +} +.p-calendar-w-btn .p-datepicker-trigger.p-button span { + color: rgba(255, 255, 255, 0.6); +} +.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover { + background: rgba(255, 255, 255, 0.04); +} +.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:active, .p-calendar-w-btn .p-datepicker-trigger.p-button:focus { + background: rgba(255, 255, 255, 0.12); +} +.p-calendar-w-btn .p-datepicker-trigger.p-button:disabled { + background-color: transparent !important; +} +.p-calendar-w-btn:not(.p-calendar-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-calendar-w-btn:not(.p-calendar-disabled).p-focus { + border-color: #CE93D8; + box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; +} +.p-calendar-w-btn.p-calendar-disabled { + opacity: 0.38; +} +.p-calendar-w-btn.p-calendar-disabled .p-inputtext { + opacity: 1; +} + +.p-datepicker .p-datepicker-header { + border-bottom: 0 none; +} +.p-datepicker .p-datepicker-header .p-datepicker-title { + margin: 0 auto 0 0; + order: 1; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev { + order: 2; +} +.p-datepicker .p-datepicker-header .p-datepicker-next { + order: 3; +} +.p-datepicker table th { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.38); + font-weight: 400; + font-size: 0.875rem; +} +.p-datepicker table td.p-datepicker-today > span { + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38); +} +.p-datepicker table td.p-datepicker-today.p-highlight { + box-shadow: 0 0 0 1px rgba(206, 147, 216, 0.16); +} + +p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled: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; +} +p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { + border-color: #f44435; +} +p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext:enabled:focus { + box-shadow: none; +} +p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-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; +} + +.p-input-filled .p-calendar-w-btn { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-calendar-w-btn .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-calendar-w-btn .p-inputtext { + border: 0 none; +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext { + border: 0 none; + background-image: none; +} + +.p-cascadeselect .p-inputtext, .p-cascadeselect .p-cascadeselect-trigger { + background-image: none; + background: transparent; +} +.p-cascadeselect .p-inputtext { + border: 0 none; +} +.p-cascadeselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; +} + +.p-cascadeselect-item .p-ink { + background-color: rgba(206, 147, 216, 0.16); +} + +.p-input-filled .p-cascadeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-cascadeselect .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-cascadeselect .p-inputtext:enabled:hover, .p-input-filled .p-cascadeselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-cascadeselect .p-inputtext { + border: 0 none; +} +.p-input-filled .p-cascadeselect .p-cascadeselect-label:hover { + background-image: none; + background: transparent; +} +.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} + +.p-input-filled .p-float-label .p-cascadeselect .p-cascadeselect-label { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-cascadeselect .p-cascadeselect-label { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +.p-input-filled .p-cascadeselect.p-invalid { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} + +p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-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; +} + +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #A5D6A7; + color: #121212; +} + +.p-checkbox { + border-radius: 50%; + transition: box-shadow 0.2s; +} +.p-checkbox .p-checkbox-box { + border-color: rgba(255, 255, 255, 0.7); + border-radius: 2px; + position: relative; +} +.p-checkbox .p-checkbox-box:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.7); +} +.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { + border-color: rgba(255, 255, 255, 0.7); +} +.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus { + border-color: #CE93D8; +} +.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check: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; +} +.p-checkbox:not(.p-checkbox-disabled):hover { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +.p-checkbox:not(.p-checkbox-disabled).p-checkbox-focused { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); +} +.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled):hover { + box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.04); +} +.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused { + box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.12); +} + +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #1e1e1e; +} +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):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); + } +} +.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; +} + +.p-input-filled .p-chips-multiple-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-chips-multiple-container .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-chips-multiple-container:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +.p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-chips-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} + +.p-float-label .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 1rem; +} + +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token { + padding-top: 0; + padding-bottom: 0; +} +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + font-size: 75%; +} +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0; +} +.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} + +p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-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; +} + +.p-datatable .p-sortable-column { + outline: 0 none; +} +.p-datatable .p-sortable-column:focus { + background-color: rgba(255, 255, 255, 0.03); +} +.p-datatable .p-datatable-tbody > tr { + outline: 0 none; +} +.p-datatable .p-datatable-tbody > tr:not(.p-highlight):focus { + background-color: rgba(255, 255, 255, 0.03); +} + +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #CE93D8; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #CE93D8; +} + +.p-dropdown .p-inputtext, .p-dropdown .p-dropdown-trigger { + background-image: none; + background: transparent; +} +.p-dropdown .p-inputtext { + border: 0 none; +} +.p-dropdown:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; +} + +.p-dropdown-item .p-ink { + background-color: rgba(206, 147, 216, 0.16); +} + +.p-input-filled .p-dropdown { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-dropdown .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-dropdown .p-inputtext:enabled:hover, .p-input-filled .p-dropdown .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-dropdown .p-inputtext { + border: 0 none; +} +.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus, .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} + +p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-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; +} + +.p-galleria .p-galleria-indicators { + padding: 1rem; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #A5D6A7; + color: #121212; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(165, 214, 167, 0.68); + color: #121212; +} + +.p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; +} +.p-inputtext:enabled:focus.ng-invalid.ng-dirty { + 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; +} + +.p-input-filled .p-inputtext { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-inputtext:enabled:hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)); +} +.p-input-filled .p-inputtext:enabled:focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-inputtext.ng-invalid.ng-dirty { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled .p-inputtext.ng-invalid.ng-dirty:enabled:focus { + box-shadow: none; + border-color: transparent; +} + +.p-input-filled .p-inputgroup .p-inputgroup-addon { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-inputgroup .p-inputgroup-addon:last-child { + border-right-color: transparent; +} +.p-input-filled .p-inputgroup-addon:first-child, +.p-input-filled .p-inputgroup button:first-child, +.p-input-filled .p-inputgroup input:first-child { + border-bottom-left-radius: 0; +} +.p-input-filled .p-inputgroup .p-float-label:first-child input { + border-bottom-left-radius: 0; +} +.p-input-filled .p-inputgroup-addon:last-child, +.p-input-filled .p-inputgroup button:last-child, +.p-input-filled .p-inputgroup input:last-child { + border-bottom-right-radius: 0; +} +.p-input-filled .p-inputgroup .p-float-label:last-child input { + border-bottom-right-radius: 0; +} + +p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled: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; +} + +.p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; +} + +p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled: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; +} + +.p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; +} + +.p-inputswitch .p-inputswitch-slider:before { + 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); +} +.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before { + 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); +} +.p-inputswitch.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before { + 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); +} +.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider:before { + box-shadow: 0 0 1px 10px rgba(206, 147, 216, 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); +} +.p-inputswitch.p-inputswitch-checked.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before { + box-shadow: 0 0 1px 10px rgba(206, 147, 216, 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); +} + +.p-fieldset .p-fieldset-legend { + border: 0 none; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + background: rgba(255, 255, 255, 0.12); +} + +.p-float-label input:focus ~ label, +.p-float-label input.p-filled ~ label, +.p-float-label textarea:focus ~ label, +.p-float-label textarea.p-filled ~ label, +.p-float-label .p-inputwrapper-focus ~ label, +.p-float-label .p-inputwrapper-filled ~ label { + top: -0.5rem !important; + background-color: #1e1e1e; + padding: 2px 4px; + margin-left: -4px; + margin-top: 0; +} + +.p-float-label textarea ~ label { + margin-top: 0; +} + +.p-float-label input:focus ~ label, +.p-float-label .p-inputwrapper-focus ~ label { + color: #CE93D8; +} + +.p-input-filled .p-float-label .p-inputtext { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +.p-input-filled .p-float-label input:focus ~ label, +.p-input-filled .p-float-label input.p-filled ~ label, +.p-input-filled .p-float-label textarea:focus ~ label, +.p-input-filled .p-float-label textarea.p-filled ~ label, +.p-input-filled .p-float-label .p-inputwrapper-focus ~ label, +.p-input-filled .p-float-label .p-inputwrapper-filled ~ label { + top: 0.25rem !important; + margin-top: 0; + background: transparent; +} + +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-toolbar .fc-button:focus { + background: rgba(206, 147, 216, 0.76); +} +.fc.fc-unthemed .fc-toolbar .fc-button:active { + background: rgba(206, 147, 216, 0.68); +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:focus { + background: rgba(206, 147, 216, 0.76); +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:active { + background: rgba(206, 147, 216, 0.68); +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + background: rgba(206, 147, 216, 0.76); +} +.fc.fc-theme-standard .fc-toolbar .fc-button:active { + background: rgba(206, 147, 216, 0.68); +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:focus { + background: rgba(206, 147, 216, 0.76); +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:active { + background: rgba(206, 147, 216, 0.68); +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); +} + +.p-listbox .p-listbox-list .p-listbox-item .p-ink { + background-color: rgba(206, 147, 216, 0.16); +} +.p-listbox .p-listbox-list .p-listbox-item:focus { + background: rgba(255, 255, 255, 0.12); +} +.p-listbox .p-listbox-list .p-listbox-item:focus.p-highlight { + background: rgba(206, 147, 216, 0.24); +} + +.p-megamenu .p-menuitem .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); +} + +.p-menu .p-menuitem .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); +} + +.p-menubar .p-menuitem .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); +} + +.p-multiselect .p-multiselect-label, .p-multiselect .p-multiselect-trigger { + background-image: none; + background: transparent; +} +.p-multiselect .p-multiselect-label { + border: 0 none; +} +.p-multiselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; +} + +.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-ink { + background-color: rgba(206, 147, 216, 0.16); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + background: rgba(255, 255, 255, 0.12); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus.p-highlight { + background: rgba(206, 147, 216, 0.24); +} +.p-multiselect-panel .p-multiselect-close:focus { + background: rgba(255, 255, 255, 0.12); +} + +.p-input-filled .p-multiselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-multiselect .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +.p-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-multiselect .p-inputtext:enabled:hover, .p-input-filled .p-multiselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-multiselect .p-multiselect-label:hover { + background-image: none; + background: transparent; +} + +.p-float-label .p-multiselect-label .p-multiselect-token { + padding: 0.25rem 1rem; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} + +.p-input-filled .p-float-label .p-multiselect .p-multiselect-label { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect .p-multiselect-label { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding-top: 0; + padding-bottom: 0; + margin-top: 0; + margin-bottom: 0; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + font-size: 75%; +} +.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus, .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} + +p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-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; +} + +.p-orderlist .p-orderlist-list .p-orderlist-item:focus { + background: rgba(255, 255, 255, 0.12); +} +.p-orderlist .p-orderlist-list .p-orderlist-item:focus.p-highlight { + background: rgba(206, 147, 216, 0.24); +} + +.p-overlaypanel .p-overlaypanel-content { + padding: 1.5rem; +} + +.p-paginator { + justify-content: flex-end; +} +.p-paginator .p-paginator-element:focus { + background: rgba(255, 255, 255, 0.12); +} +.p-paginator .p-paginator-element:focus.p-highlight { + background: rgba(206, 147, 216, 0.24); +} + +.p-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); +} +.p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + border: 0 none; +} +.p-panel .p-panel-content { + padding-top: 0; +} +.p-panel .p-panel-title { + font-size: 1.25rem; +} +.p-panel .p-panel-header-icon:focus { + background: rgba(255, 255, 255, 0.12); +} + +.p-panelmenu .p-panelmenu-panel { + 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); + margin-bottom: 0; + border-radius: 0; + position: relative; + transition: margin-bottom 225ms; +} +.p-panelmenu .p-panelmenu-panel:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +.p-panelmenu .p-panelmenu-panel:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-icon { + order: 1; + margin-left: auto; + margin-right: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled { + opacity: 1; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-link > * { + opacity: 0.38; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-link:focus { + background: rgba(255, 255, 255, 0.04); +} +.p-panelmenu .p-panelmenu-panel .p-menuitem .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); +} + +.p-picklist .p-picklist-list .p-picklist-item:focus { + background: rgba(255, 255, 255, 0.12); +} +.p-picklist .p-picklist-list .p-picklist-item:focus.p-highlight { + background: rgba(206, 147, 216, 0.24); +} + +.p-progressbar { + border-radius: 0; +} +.p-progressbar .p-progressbar-label { + display: none !important; +} + +.p-radiobutton { + border-radius: 50%; + transition: box-shadow 0.2s; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border: 2px solid rgba(255, 255, 255, 0.7); +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + border: 2px solid rgba(255, 255, 255, 0.7); +} +.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus { + border-color: #CE93D8; +} +.p-radiobutton:not(.p-radiobutton-disabled):hover { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +.p-radiobutton:not(.p-radiobutton-disabled).p-radiobutton-focused { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); +} +.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled):hover { + box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.04); +} +.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled).p-radiobutton-focused { + box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.12); +} + +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #1e1e1e; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #1e1e1e; +} + +.p-rating .p-rating-icon { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-left: 0; +} +.p-rating .p-rating-icon:focus { + background: rgba(206, 147, 216, 0.12); +} +.p-rating .p-rating-icon.p-rating-cancel:focus { + background: rgba(244, 68, 53, 0.12); +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + background-color: rgba(0, 0, 0, 0.04); +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + background: rgba(244, 68, 53, 0.04); +} + +.p-selectbutton .p-button:focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} +.p-selectbutton .p-button:focus.p-highlight { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); +} + +.p-slidemenu .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); +} + +.p-slider .p-slider-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); +} +.p-slider .p-slider-handle:focus { + box-shadow: 0 0 1px 10px rgba(165, 214, 167, 0.2); +} +.p-slider.p-slider-sliding .p-slider-handle { + transform: scale(1); +} + +.p-steps { + padding: 1rem 0; +} +.p-steps .p-steps-item { + justify-content: flex-start; + flex-direction: row-reverse; + align-items: center; +} +.p-steps .p-steps-item:before { + position: static; + left: auto; + top: auto; + margin-top: 0; +} +.p-steps .p-steps-item:last-child { + flex-grow: 0; +} +.p-steps .p-steps-item:last-child:before { + display: none; +} +.p-steps .p-steps-item .p-menuitem-link { + flex-direction: row; + flex: 1 1 auto; + overflow: visible; + padding: 1rem 0.5rem; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-number { + background-color: #9e9d9e; + color: #ffffff; + font-size: 0.857rem; + min-width: 1.714rem; + height: 1.714rem; + line-height: 1.714rem; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin: 0; + padding-left: 0.5rem; +} +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + background: rgba(255, 255, 255, 0.12); +} +.p-steps .p-steps-item.p-highlight .p-steps-number { + background-color: #CE93D8; + color: #121212; +} +.p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 600; + color: rgba(255, 255, 255, 0.87); +} +.p-steps .p-steps-item.p-disabled { + opacity: 1; +} + +.p-tabview .p-tabview-nav { + position: relative; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s; + border-radius: 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link > .p-ink { + background-color: rgba(206, 147, 216, 0.16); +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link:focus { + background-color: rgba(206, 147, 216, 0.12); +} +.p-tabview .p-tabview-nav .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 2px; + background-color: #CE93D8; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); +} + +.p-toolbar { + border: 0 none; +} + +.p-tooltip .p-tooltip-text { + box-shadow: none; + font-size: 0.875rem; +} +.p-tooltip .p-tooltip-arrow { + display: none; +} + +.p-tieredmenu .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); +} + +.p-treeselect .p-treeselect-label, .p-treeselect .p-treeselect-trigger { + background-image: none; + background: transparent; +} +.p-treeselect .p-treeselect-label { + border: 0 none; +} +.p-treeselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; +} + +.p-treeselect-item .p-ink { + background-color: rgba(206, 147, 216, 0.16); +} + +.p-input-filled .p-treeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-treeselect .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +.p-input-filled .p-treeselect:not(.p-disabled).p-focus, .p-input-filled .p-treeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-treeselect .p-inputtext:enabled:hover, .p-input-filled .p-treeselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-treeselect .p-treeselect-label:hover { + background-image: none; + background: transparent; +} + +.p-float-label .p-treeselect-label .p-treeselect-token { + padding: 0.25rem 1rem; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} + +.p-input-filled .p-float-label .p-treeselect .p-treeselect-label { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect .p-treeselect-label { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding-top: 0; + padding-bottom: 0; + margin-top: 0; + margin-bottom: 0; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-token .p-treeselect-token-icon { + font-size: 75%; +} +.p-input-filled .p-treeselect.p-invalid { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled .p-treeselect.p-invalid:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} + +.p-treeselect.p-invalid:not(.p-disabled).p-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; +} + +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + background: rgba(255, 255, 255, 0.12); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus.p-highlight { + background: rgba(206, 147, 216, 0.24); +} + +.p-treetable .p-sortable-column { + outline: 0 none; +} +.p-treetable .p-sortable-column:focus { + background-color: rgba(255, 255, 255, 0.03); +} +.p-treetable .p-treetable-tbody > tr { + outline: 0 none; +} +.p-treetable .p-treetable-tbody > tr:not(.p-highlight):focus { + background-color: rgba(255, 255, 255, 0.03); +} + +.p-tabmenu .p-tabmenu-nav { + position: relative; +} +.p-tabmenu .p-tabmenu-nav li .p-menuitem-link { + transition: background-color 0.2s; + border-radius: 0; +} +.p-tabmenu .p-tabmenu-nav li .p-menuitem-link > .p-ink { + background-color: rgba(206, 147, 216, 0.16); +} +.p-tabmenu .p-tabmenu-nav li .p-menuitem-link:focus { + background-color: rgba(206, 147, 216, 0.12); +} +.p-tabmenu .p-tabmenu-nav li.p-highlight .p-menuitem-link:focus { + background-color: rgba(206, 147, 216, 0.12); +} +.p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar { + display: block; + position: absolute; + bottom: 0; + height: 2px; + background-color: #CE93D8; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); +} + +.p-timeline.p-timeline-vertical .p-timeline-event-connector { + margin: 0.5rem 0; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-connector { + margin: 0 0.5rem; +} + +.p-togglebutton.p-button:focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} +.p-togglebutton.p-button:focus.p-highlight { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); +} + +.p-splitbutton.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + background: rgba(206, 147, 216, 0.12); +} +.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(206, 147, 216, 0.16); +} +.p-splitbutton.p-button-outlined > .p-button { + box-shadow: inset 0 0 0 1px; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:focus { + box-shadow: inset 0 0 0 1px; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:active { + box-shadow: inset 0 0 0 1px; +} +.p-splitbutton.p-button-outlined > .p-button.p-splitbutton-menubutton { + margin-left: -1px; + width: calc(2.75rem + 1px); +} +.p-splitbutton.p-disabled.p-button-text > .p-button { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.38) !important; +} +.p-splitbutton.p-disabled.p-button-outlined > .p-button { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.38) !important; + border-color: rgba(255, 255, 255, 0.38) !important; +} +.p-splitbutton.p-button-raised > .p-button:enabled:focus, .p-splitbutton.p-button-raised > .p-button:not(button):not(a):not(.p-disabled):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); +} + +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + background: rgba(165, 214, 167, 0.12); +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(165, 214, 167, 0.16); +} + +.p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + background: rgba(144, 202, 249, 0.12); +} +.p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(144, 202, 249, 0.16); +} + +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + background: rgba(197, 225, 165, 0.12); +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(197, 225, 165, 0.16); +} + +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + background: rgba(255, 245, 157, 0.12); +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 245, 157, 0.16); +} + +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + background: rgba(206, 147, 216, 0.12); +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(206, 147, 216, 0.16); +} + +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + background: rgba(239, 154, 154, 0.12); +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(239, 154, 154, 0.16); +} + +/* Customizations to the designer theme should be defined here */ diff --git a/assets/layout/styles/theme/mdc-dark-deeppurple/theme.css.br b/assets/layout/styles/theme/mdc-dark-deeppurple/theme.css.br new file mode 100644 index 0000000..8776526 Binary files /dev/null and b/assets/layout/styles/theme/mdc-dark-deeppurple/theme.css.br differ diff --git a/assets/layout/styles/theme/mdc-dark-deeppurple/theme.css.gz b/assets/layout/styles/theme/mdc-dark-deeppurple/theme.css.gz new file mode 100644 index 0000000..20b54e2 Binary files /dev/null and b/assets/layout/styles/theme/mdc-dark-deeppurple/theme.css.gz differ diff --git a/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff b/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff new file mode 100644 index 0000000..fb70b7e Binary files /dev/null and b/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff differ diff --git a/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff.br b/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff.br new file mode 100644 index 0000000..d45c06a Binary files /dev/null and b/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff.br differ diff --git a/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff.gz b/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff.gz new file mode 100644 index 0000000..2f6fd16 Binary files /dev/null and b/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff.gz differ diff --git a/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 b/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 new file mode 100644 index 0000000..96981bc Binary files /dev/null and b/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 differ diff --git a/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2.br b/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2.br new file mode 100644 index 0000000..119e7fc Binary files /dev/null and b/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2.br differ diff --git a/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2.gz b/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2.gz new file mode 100644 index 0000000..025e002 Binary files /dev/null and b/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2.gz differ diff --git a/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff b/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff new file mode 100644 index 0000000..d023f3d Binary files /dev/null and b/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff differ diff --git a/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff.br b/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff.br new file mode 100644 index 0000000..32cffe7 Binary files /dev/null and b/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff.br differ diff --git a/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff.gz b/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff.gz new file mode 100644 index 0000000..f45dd01 Binary files /dev/null and b/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff.gz differ diff --git a/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 b/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 new file mode 100644 index 0000000..fd49210 Binary files /dev/null and b/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 differ diff --git a/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2.br b/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2.br new file mode 100644 index 0000000..ec7fbc3 Binary files /dev/null and b/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2.br differ diff --git a/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2.gz b/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2.gz new file mode 100644 index 0000000..a4d35e0 Binary files /dev/null and b/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2.gz differ diff --git a/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff b/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff new file mode 100644 index 0000000..f9849df Binary files /dev/null and b/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff differ diff --git a/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff.br b/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff.br new file mode 100644 index 0000000..f026612 Binary files /dev/null and b/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff.br differ diff --git a/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff.gz b/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff.gz new file mode 100644 index 0000000..543edf1 Binary files /dev/null and b/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff.gz differ diff --git a/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 b/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 new file mode 100644 index 0000000..1f7dd5b Binary files /dev/null and b/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 differ diff --git a/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2.br b/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2.br new file mode 100644 index 0000000..3c25e20 Binary files /dev/null and b/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2.br differ diff --git a/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2.gz b/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2.gz new file mode 100644 index 0000000..36fb292 Binary files /dev/null and b/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2.gz differ diff --git a/assets/layout/styles/theme/mdc-dark-indigo/theme.css b/assets/layout/styles/theme/mdc-dark-indigo/theme.css new file mode 100644 index 0000000..7d6b632 --- /dev/null +++ b/assets/layout/styles/theme/mdc-dark-indigo/theme.css @@ -0,0 +1,7840 @@ +: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-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; +} + +/* roboto-regular - latin-ext_latin */ +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 400; + src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/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 Medium"), local("Roboto-Medium"), url("./fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("./fonts/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("./fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-700.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +* { + box-sizing: border-box; +} + +.p-component { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + font-weight: normal; +} + +.p-component-overlay { + background-color: rgba(0, 0, 0, 0.32); + transition-duration: 0.2s; +} + +.p-disabled, .p-component:disabled { + opacity: 0.38; +} + +.p-error { + color: #f44435; +} + +.p-text-secondary { + color: rgba(255, 255, 255, 0.6); +} + +.pi { + font-size: 1rem; +} + +.p-link { + font-size: 1rem; + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + border-radius: 4px; +} +.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; +} + +.p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; +} + +@keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } +} +@keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } +} + +: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; +} + +.p-autocomplete .p-autocomplete-loader { + right: 0.75rem; +} +.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.5rem; +} +.p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #9FA8DA; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.375rem 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-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); + padding: 0; + margin: 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.375rem 0.75rem; + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; + border-radius: 4px; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; +} + +p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f44435; +} + +.p-autocomplete-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + 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); +} +.p-autocomplete-panel .p-autocomplete-items { + padding: 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; +} + +p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; +} +p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; +} + +p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3.5rem; +} + +p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #f44435; +} + +.p-datepicker { + padding: 0.5rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.3); + border-radius: 4px; +} +.p-datepicker:not(.p-datepicker-inline) { + background: #2b2b2b; + 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); +} +.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #2b2b2b; +} +.p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 500; + margin: 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 2rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + font-weight: 500; + padding: 0.5rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #9FA8DA; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; +} +.p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0; +} +.p-datepicker table th { + padding: 0.5rem; +} +.p-datepicker table th > span { + width: 2.25rem; + height: 2.25rem; +} +.p-datepicker table td { + padding: 0.5rem; +} +.p-datepicker table td > span { + width: 2.25rem; + height: 2.25rem; + border-radius: 50%; + transition: none; + border: 1px solid transparent; +} +.p-datepicker table td > span.p-highlight { + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); +} +.p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datepicker table td.p-datepicker-today > span { + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-color: rgba(255, 255, 255, 0.5); +} +.p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); +} +.p-datepicker .p-datepicker-buttonbar { + padding: 0.75rem 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} +.p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; +} +.p-datepicker .p-timepicker { + border-top: 1px solid rgba(255, 255, 255, 0.12); + padding: 0.5rem; +} +.p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-timepicker button:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-datepicker .p-timepicker button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; +} +.p-datepicker .p-timepicker span { + font-size: 1.25rem; +} +.p-datepicker .p-timepicker > div { + padding: 0 0.5rem; +} +.p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; +} +.p-datepicker .p-monthpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.5rem; + transition: none; + border-radius: 4px; +} +.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); +} +.p-datepicker .p-yearpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.5rem; + transition: none; + border-radius: 4px; +} +.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid rgba(255, 255, 255, 0.12); + padding-right: 0.5rem; + padding-left: 0.5rem; + padding-top: 0; + padding-bottom: 0; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; +} +p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; +} + +p-calendar.p-calendar-clearable.p-calendar-w-btn .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3.5rem; +} + +@media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } +} +.p-cascadeselect { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 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; +} +.p-cascadeselect:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #9FA8DA; +} +.p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; +} +.p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-cascadeselect-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + 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); +} +.p-cascadeselect-panel .p-cascadeselect-items { + padding: 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 0.75rem; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; +} + +p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f44435; +} + +.p-input-filled .p-cascadeselect { + background: rgba(255, 255, 255, 0.06); +} +.p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); +} +.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: rgba(255, 255, 255, 0.1); +} + +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; +} +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.75rem; +} + +.p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; +} +.p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); +} + +.p-checkbox { + width: 18px; + height: 18px; +} +.p-checkbox .p-checkbox-box { + border: 2px solid rgba(255, 255, 255, 0.7); + background: #1e1e1e; + width: 18px; + height: 18px; + 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); +} +.p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #121212; + font-size: 14px; +} +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #9FA8DA; + background: #9FA8DA; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #9FA8DA; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #9FA8DA; + background: #9FA8DA; + color: #121212; +} + +p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f44435; +} + +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: rgba(255, 255, 255, 0.06); +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #9FA8DA; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: rgba(255, 255, 255, 0.08); +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #9FA8DA; +} + +.p-checkbox-label { + margin-left: 0.5rem; +} + +.p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; +} +.p-chips .p-chips-multiple-container:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #9FA8DA; +} +.p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.375rem 0.75rem; + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; + border-radius: 4px; +} +.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; +} +.p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.375rem 0; +} +.p-chips .p-chips-multiple-container .p-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); + padding: 0; + margin: 0; +} + +p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #f44435; +} + +p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; +} +p-chips.p-chips-clearable .p-chips-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; +} + +.p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; +} + +.p-colorpicker-panel { + background: #2b2b2b; + border: 1px solid #1e1e1e; +} +.p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; +} + +.p-colorpicker-overlay-panel { + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} + +.p-dropdown { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 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; +} +.p-dropdown:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #9FA8DA; +} +.p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; +} +.p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; +} +.p-dropdown .p-dropdown-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-dropdown .p-dropdown-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-dropdown .p-dropdown-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.75rem; +} + +.p-dropdown-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + 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); +} +.p-dropdown-panel .p-dropdown-header { + padding: 0.75rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #2b2b2b; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-dropdown-panel .p-dropdown-items { + padding: 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; +} + +p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #f44435; +} + +.p-input-filled .p-dropdown { + background: rgba(255, 255, 255, 0.06); +} +.p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: rgba(255, 255, 255, 0.1); +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; +} + +.p-editor-container .p-editor-toolbar { + background: #1e1e1e; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #2b2b2b; + 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; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 0.75rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.p-editor-container .p-editor-content .ql-editor { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #9FA8DA; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #9FA8DA; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #9FA8DA; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #9FA8DA; +} + +.p-inputgroup-addon { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + border-top: 1px solid rgba(255, 255, 255, 0.3); + border-left: 1px solid rgba(255, 255, 255, 0.3); + border-bottom: 1px solid rgba(255, 255, 255, 0.3); + padding: 0.75rem 0.75rem; + min-width: 2.75rem; +} +.p-inputgroup-addon:last-child { + border-right: 1px solid rgba(255, 255, 255, 0.3); +} + +.p-inputgroup > .p-component, +.p-inputgroup > .p-element, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; +} +.p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-element + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; +} +.p-inputgroup > .p-component:focus, +.p-inputgroup > .p-element:focus, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; +} +.p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-element:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; +} + +.p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-fluid .p-inputgroup .p-button { + width: auto; +} +.p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.75rem; +} + +p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #f44435; +} + +p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; +} +p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; +} + +p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #f44435; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.5rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.5rem; +} + +.p-inputswitch { + width: 2.75rem; + height: 1rem; +} +.p-inputswitch .p-inputswitch-slider { + background: rgba(255, 255, 255, 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: 0.5rem; +} +.p-inputswitch .p-inputswitch-slider:before { + background: #bdbdbd; + width: 1.5rem; + height: 1.5rem; + left: -1px; + margin-top: -0.75rem; + border-radius: 50%; + transition-duration: 0.2s; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1.5rem); +} +.p-inputswitch.p-focus .p-inputswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: rgba(255, 255, 255, 0.3); +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: rgba(159, 168, 218, 0.5); +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #9FA8DA; +} +.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: rgba(159, 168, 218, 0.5); +} + +p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + border-color: #f44435; +} + +.p-inputtext { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + padding: 0.75rem 0.75rem; + border: 1px solid rgba(255, 255, 255, 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); + appearance: none; + border-radius: 4px; +} +.p-inputtext:enabled:hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #9FA8DA; +} +.p-inputtext.ng-dirty.ng-invalid { + border-color: #f44435; +} +.p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; +} +.p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; +} + +.p-float-label > label { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; +} + +.p-float-label > .ng-invalid.ng-dirty + label { + color: #f44435; +} + +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} + +.p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; +} + +.p-input-icon-left.p-float-label > label { + left: 2.5rem; +} + +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} + +.p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; +} + +::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +:-moz-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +.p-input-filled .p-inputtext { + background-color: rgba(255, 255, 255, 0.06); +} +.p-input-filled .p-inputtext:enabled:hover { + background-color: rgba(255, 255, 255, 0.08); +} +.p-input-filled .p-inputtext:enabled:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; +} + +.p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; +} + +.p-listbox { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.3); + border-radius: 4px; +} +.p-listbox .p-listbox-header { + padding: 0.75rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; +} +.p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list { + padding: 0; +} +.p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + transition: none; + border-radius: 0; +} +.p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); +} +.p-listbox .p-listbox-list .p-listbox-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; +} +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} + +p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #f44435; +} + +.p-multiselect { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 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; +} +.p-multiselect:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #9FA8DA; +} +.p-multiselect .p-multiselect-label { + padding: 0.75rem 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); +} +.p-multiselect .p-multiselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-multiselect.p-multiselect-chip .p-multiselect-label { + gap: 0.5rem; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.375rem 0.75rem; + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; + border-radius: 4px; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; +} +.p-multiselect .p-multiselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.375rem 0.75rem; +} + +.p-multiselect-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + 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); +} +.p-multiselect-panel .p-multiselect-header { + padding: 0.75rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #2b2b2b; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-multiselect-panel .p-multiselect-items { + padding: 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} + +p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f44435; +} + +.p-input-filled .p-multiselect { + background: rgba(255, 255, 255, 0.06); +} +.p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); +} +.p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: rgba(255, 255, 255, 0.1); +} + +p-multiselect.p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; +} +p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.75rem; +} + +p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #f44435; +} + +.p-password-panel { + padding: 0.75rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + 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; +} +.p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: rgba(159, 168, 218, 0.32); +} +.p-password-panel .p-password-meter .p-password-strength.weak { + background: #EF9A9A; +} +.p-password-panel .p-password-meter .p-password-strength.medium { + background: #FFF59D; +} +.p-password-panel .p-password-meter .p-password-strength.strong { + background: #C5E1A5; +} + +p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; +} +p-password.p-password-clearable .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; +} + +p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; +} +p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.5rem; +} + +.p-radiobutton { + width: 20px; + height: 20px; +} +.p-radiobutton .p-radiobutton-box { + border: 2px solid rgba(255, 255, 255, 0.7); + background: #1e1e1e; + width: 20px; + height: 20px; + color: rgba(255, 255, 255, 0.87); + 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); +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #9FA8DA; +} +.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 10px; + height: 10px; + transition-duration: 0.2s; + background-color: #9FA8DA; +} +.p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #9FA8DA; + background: #121212; +} +.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #9FA8DA; + background: #121212; + color: #9FA8DA; +} + +p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #f44435; +} + +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: rgba(255, 255, 255, 0.06); +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #121212; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #121212; +} + +.p-radiobutton-label { + margin-left: 0.5rem; +} + +.p-rating .p-rating-icon { + color: #9FA8DA; + margin-left: 0.5rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + font-size: 1rem; +} +.p-rating .p-rating-icon.p-rating-cancel { + color: #f44435; +} +.p-rating .p-rating-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-rating .p-rating-icon:first-child { + margin-left: 0; +} +.p-rating .p-rating-icon.pi-star-fill { + color: #9FA8DA; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + color: #9FA8DA; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + color: #f44435; +} + +.p-selectbutton .p-button { + background: #2f2f2f; + border: 1px solid rgba(255, 255, 255, 0.12); + 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); +} +.p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #373737; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-selectbutton .p-button.p-highlight { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-selectbutton .p-button.p-highlight:hover { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} + +p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #f44435; +} + +.p-slider { + background: rgba(255, 255, 255, 0.3); + border: 0 none; + border-radius: 4px; +} +.p-slider.p-slider-horizontal { + height: 2px; +} +.p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; +} +.p-slider.p-slider-vertical { + width: 2px; +} +.p-slider.p-slider-vertical .p-slider-handle { + margin-left: -10px; + margin-bottom: -10px; +} +.p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #9FA8DA; + border: 0 none; + 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); +} +.p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-slider .p-slider-range { + background: #9FA8DA; +} +.p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #9FA8DA; + border-color: 0 none; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), left 0.2s; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), bottom 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; +} + +.p-togglebutton.p-button { + background: #2f2f2f; + border: 1px solid rgba(255, 255, 255, 0.12); + 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); +} +.p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #373737; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-togglebutton.p-button.p-highlight { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-togglebutton.p-button.p-highlight:hover { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} + +p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #f44435; +} + +.p-treeselect { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 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; +} +.p-treeselect:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #9FA8DA; +} +.p-treeselect .p-treeselect-label { + padding: 0.75rem 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); +} +.p-treeselect .p-treeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; +} +.p-treeselect .p-treeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #f44435; +} + +.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.375rem 0.75rem; +} + +.p-treeselect-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + 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); +} +.p-treeselect-panel .p-treeselect-header { + padding: 0.75rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #2b2b2b; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} + +.p-input-filled .p-treeselect { + background: rgba(255, 255, 255, 0.06); +} +.p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); +} +.p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: rgba(255, 255, 255, 0.1); +} + +p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; +} +p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.75rem; +} + +.p-button { + color: #121212; + background: #9FA8DA; + border: 0 none; + padding: 0.643rem 0.75rem; + 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: 4px; +} +.p-button:enabled:hover { + background: rgba(159, 168, 218, 0.92); + color: #121212; + border-color: transparent; +} +.p-button:enabled:active { + background: rgba(159, 168, 218, 0.68); + color: #121212; + border-color: transparent; +} +.p-button.p-button-outlined { + background-color: transparent; + color: #9FA8DA; + border: 0 none; +} +.p-button.p-button-outlined:enabled:hover { + background: rgba(159, 168, 218, 0.04); + color: #9FA8DA; + border: 0 none; +} +.p-button.p-button-outlined:enabled:active { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; + border: 0 none; +} +.p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text { + background-color: transparent; + color: #9FA8DA; + border-color: transparent; +} +.p-button.p-button-text:enabled:hover { + background: rgba(159, 168, 218, 0.04); + color: #9FA8DA; + border-color: transparent; +} +.p-button.p-button-text:enabled:active { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; + border-color: transparent; +} +.p-button.p-button-text.p-button-plain { + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-button .p-button-label { + transition-duration: 0.2s; +} +.p-button .p-button-icon-left { + margin-right: 0.5rem; +} +.p-button .p-button-icon-right { + margin-left: 0.5rem; +} +.p-button .p-button-icon-bottom { + margin-top: 0.5rem; +} +.p-button .p-button-icon-top { + margin-bottom: 0.5rem; +} +.p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #9FA8DA; + background-color: #121212; +} +.p-button.p-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); +} +.p-button.p-button-rounded { + border-radius: 2rem; +} +.p-button.p-button-icon-only { + width: 2.75rem; + padding: 0.643rem; +} +.p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; +} +.p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.75rem; +} +.p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.562625rem 0.65625rem; +} +.p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; +} +.p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.80375rem 0.9375rem; +} +.p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; +} +.p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; +} +.p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; +} + +.p-fluid .p-button { + width: 100%; +} +.p-fluid .p-button-icon-only { + width: 2.75rem; +} +.p-fluid .p-buttonset { + display: flex; +} +.p-fluid .p-buttonset .p-button { + flex: 1; +} + +.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + color: #121212; + background: #F48FB1; + border: 0 none; +} +.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + background: rgba(244, 143, 177, 0.92); + color: #121212; + border-color: transparent; +} +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: rgba(244, 143, 177, 0.68); + color: #121212; + border-color: transparent; +} +.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + background-color: transparent; + color: #F48FB1; + border: 0 none; +} +.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + background: rgba(244, 143, 177, 0.04); + color: #F48FB1; + border: 0 none; +} +.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(244, 143, 177, 0.16); + color: #F48FB1; + border: 0 none; +} +.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + background-color: transparent; + color: #F48FB1; + border-color: transparent; +} +.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + background: rgba(244, 143, 177, 0.04); + border-color: transparent; + color: #F48FB1; +} +.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} + +.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #212121; + background: #90CAF9; + border: 0 none; +} +.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + background: rgba(144, 202, 249, 0.92); + color: #212121; + border-color: transparent; +} +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: rgba(144, 202, 249, 0.68); + color: #212121; + border-color: transparent; +} +.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + background-color: transparent; + color: #90CAF9; + border: 0 none; +} +.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + background: rgba(144, 202, 249, 0.04); + color: #90CAF9; + border: 0 none; +} +.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(144, 202, 249, 0.16); + color: #90CAF9; + border: 0 none; +} +.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + background-color: transparent; + color: #90CAF9; + border-color: transparent; +} +.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + background: rgba(144, 202, 249, 0.04); + border-color: transparent; + color: #90CAF9; +} +.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + background: rgba(144, 202, 249, 0.16); + border-color: transparent; + color: #90CAF9; +} + +.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #212121; + background: #C5E1A5; + border: 0 none; +} +.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + background: rgba(197, 225, 165, 0.92); + color: #212121; + border-color: transparent; +} +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: rgba(197, 225, 165, 0.68); + color: #212121; + border-color: transparent; +} +.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + background-color: transparent; + color: #C5E1A5; + border: 0 none; +} +.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + background: rgba(197, 225, 165, 0.04); + color: #C5E1A5; + border: 0 none; +} +.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(197, 225, 165, 0.16); + color: #C5E1A5; + border: 0 none; +} +.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + background-color: transparent; + color: #C5E1A5; + border-color: transparent; +} +.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + background: rgba(197, 225, 165, 0.04); + border-color: transparent; + color: #C5E1A5; +} +.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + background: rgba(197, 225, 165, 0.16); + border-color: transparent; + color: #C5E1A5; +} + +.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #212121; + background: #FFF59D; + border: 0 none; +} +.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + background: rgba(255, 245, 157, 0.92); + color: #212121; + border-color: transparent; +} +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: rgba(255, 245, 157, 0.68); + color: #212121; + border-color: transparent; +} +.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + background-color: transparent; + color: #FFF59D; + border: 0 none; +} +.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + background: rgba(255, 245, 157, 0.04); + color: #FFF59D; + border: 0 none; +} +.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(255, 245, 157, 0.16); + color: #FFF59D; + border: 0 none; +} +.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + background-color: transparent; + color: #FFF59D; + border-color: transparent; +} +.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + background: rgba(255, 245, 157, 0.04); + border-color: transparent; + color: #FFF59D; +} +.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + background: rgba(255, 245, 157, 0.16); + border-color: transparent; + color: #FFF59D; +} + +.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #212121; + background: #CE93D8; + border: 0 none; +} +.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + background: rgba(206, 147, 216, 0.92); + color: #212121; + border-color: transparent; +} +.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: rgba(206, 147, 216, 0.68); + color: #212121; + border-color: transparent; +} +.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + background-color: transparent; + color: #CE93D8; + border: 0 none; +} +.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; + border: 0 none; +} +.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border: 0 none; +} +.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + background: rgba(206, 147, 216, 0.04); + border-color: transparent; + color: #CE93D8; +} +.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + background: rgba(206, 147, 216, 0.16); + border-color: transparent; + color: #CE93D8; +} + +.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #212121; + background: #EF9A9A; + border: 0 none; +} +.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + background: rgba(239, 154, 154, 0.92); + color: #212121; + border-color: transparent; +} +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: rgba(239, 154, 154, 0.68); + color: #212121; + border-color: transparent; +} +.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + background-color: transparent; + color: #EF9A9A; + border: 0 none; +} +.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + background: rgba(239, 154, 154, 0.04); + color: #EF9A9A; + border: 0 none; +} +.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(239, 154, 154, 0.16); + color: #EF9A9A; + border: 0 none; +} +.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + background-color: transparent; + color: #EF9A9A; + border-color: transparent; +} +.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + background: rgba(239, 154, 154, 0.04); + border-color: transparent; + color: #EF9A9A; +} +.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + background: rgba(239, 154, 154, 0.16); + border-color: transparent; + color: #EF9A9A; +} + +.p-button.p-button-link { + color: #9FA8DA; + background: transparent; + border: transparent; +} +.p-button.p-button-link:enabled:hover { + background: transparent; + color: #9FA8DA; + border-color: transparent; +} +.p-button.p-button-link:enabled:hover .p-button-label { + text-decoration: underline; +} +.p-button.p-button-link:enabled:focus { + background: transparent; + box-shadow: none; + border-color: transparent; +} +.p-button.p-button-link:enabled:active { + background: transparent; + color: #9FA8DA; + border-color: transparent; +} + +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 2rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: #F48FB1; + color: #212121; +} +.p-speeddial-action:hover { + background: rgba(244, 143, 177, 0.92); + color: #212121; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); +} + +.p-splitbutton { + border-radius: 4px; +} +.p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #9FA8DA; + border: 0 none; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(159, 168, 218, 0.04); + color: #9FA8DA; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #9FA8DA; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(159, 168, 218, 0.04); + color: #9FA8DA; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; + border-color: transparent; +} +.p-splitbutton.p-button-text.p-button-plain > .p-button { + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-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); +} +.p-splitbutton.p-button-rounded { + border-radius: 2rem; +} +.p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; +} +.p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.562625rem 0.65625rem; +} +.p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; +} +.p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.80375rem 0.9375rem; +} +.p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; +} + +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #F48FB1; + border: 0 none; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(244, 143, 177, 0.04); + color: #F48FB1; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(244, 143, 177, 0.16); + color: #F48FB1; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #F48FB1; + border-color: transparent; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(244, 143, 177, 0.04); + border-color: transparent; + color: #F48FB1; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} + +.p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #90CAF9; + border: 0 none; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(144, 202, 249, 0.04); + color: #90CAF9; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(144, 202, 249, 0.16); + color: #90CAF9; +} +.p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #90CAF9; + border-color: transparent; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(144, 202, 249, 0.04); + border-color: transparent; + color: #90CAF9; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(144, 202, 249, 0.16); + border-color: transparent; + color: #90CAF9; +} + +.p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #C5E1A5; + border: 0 none; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(197, 225, 165, 0.04); + color: #C5E1A5; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(197, 225, 165, 0.16); + color: #C5E1A5; +} +.p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #C5E1A5; + border-color: transparent; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(197, 225, 165, 0.04); + border-color: transparent; + color: #C5E1A5; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(197, 225, 165, 0.16); + border-color: transparent; + color: #C5E1A5; +} + +.p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #FFF59D; + border: 0 none; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 245, 157, 0.04); + color: #FFF59D; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 245, 157, 0.16); + color: #FFF59D; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #FFF59D; + border-color: transparent; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 245, 157, 0.04); + border-color: transparent; + color: #FFF59D; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 245, 157, 0.16); + border-color: transparent; + color: #FFF59D; +} + +.p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #CE93D8; + border: 0 none; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; +} +.p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(206, 147, 216, 0.04); + border-color: transparent; + color: #CE93D8; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(206, 147, 216, 0.16); + border-color: transparent; + color: #CE93D8; +} + +.p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #EF9A9A; + border: 0 none; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(239, 154, 154, 0.04); + color: #EF9A9A; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(239, 154, 154, 0.16); + color: #EF9A9A; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #EF9A9A; + border-color: transparent; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(239, 154, 154, 0.04); + border-color: transparent; + color: #EF9A9A; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(239, 154, 154, 0.16); + border-color: transparent; + color: #EF9A9A; +} + +.p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; +} +.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-carousel .p-carousel-content .p-carousel-prev:focus, +.p-carousel .p-carousel-content .p-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-carousel .p-carousel-indicators { + padding: 1rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +.p-carousel .p-carousel-indicators .p-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; + border-radius: 0; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; +} + +.p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-datatable .p-datatable-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; +} +.p-datatable .p-datatable-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; +} +.p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + transition: none; +} +.p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; +} +.p-datatable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-datatable .p-sortable-column.p-highlight { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column:focus { + box-shadow: none; + outline: 0 none; +} +.p-datatable .p-datatable-tbody > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: none; +} +.p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; +} +.p-datatable .p-datatable-tbody > tr:focus { + outline: 0.15rem solid transparent; + outline-offset: 0.15rem; +} +.p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(159, 168, 218, 0.16); +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(159, 168, 218, 0.16); +} +.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-column-resizer-helper { + background: #9FA8DA; +} +.p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #1e1e1e; +} +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #1e1e1e; +} +.p-datatable .p-datatable-loading-icon { + font-size: 2rem; +} +.p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #222222; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #9FA8DA; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #9FA8DA; +} +.p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.375rem; +} +.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.375rem; +} +.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.375rem; +} +.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +.p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.375rem; +} +.p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 0.9375rem; +} +.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 0.9375rem; +} +.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +.p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 0.9375rem; +} + +.p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-dataview .p-dataview-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; +} +.p-dataview .p-dataview-content { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0.75rem; +} +.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; +} +.p-dataview .p-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; +} +.p-dataview .p-dataview-loading-icon { + font-size: 2rem; +} +.p-dataview .p-dataview-emptymessage { + padding: 0.75rem; +} + +.p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; +} + +.p-column-filter-menu-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-menu-button:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; +} +.p-column-filter-menu-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-clear-button:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-column-filter-clear-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-column-filter-overlay { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + 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); + min-width: 12.5rem; +} +.p-column-filter-overlay .p-column-filter-row-items { + padding: 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; +} + +.p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #2b2b2b; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0.75rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; +} +.p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.75rem 0.75rem; +} +.p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0.75rem; +} + +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-view-container td.fc-widget-content { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.fc.fc-unthemed .fc-view-container .fc-row { + border-right: 1px solid rgba(255, 255, 255, 0.12); +} +.fc.fc-unthemed .fc-view-container .fc-event { + background: rgba(159, 168, 218, 0.16); + border: 1px solid rgba(159, 168, 218, 0.16); + color: #9FA8DA; +} +.fc.fc-unthemed .fc-view-container .fc-divider { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); +} +.fc.fc-unthemed .fc-toolbar .fc-button { + color: #121212; + background: #9FA8DA; + border: 0 none; + 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: 4px; + display: flex; + align-items: center; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { + background: rgba(159, 168, 218, 0.92); + color: #121212; + border-color: transparent; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { + background: rgba(159, 168, 218, 0.68); + color: #121212; + border-color: transparent; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-unthemed .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #2f2f2f; + border: 1px solid rgba(255, 255, 255, 0.12); + 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); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #373737; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + z-index: 1; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: rgba(255, 255, 255, 0.12); +} +.fc.fc-theme-standard .fc-view-harness th { + background: #1e1e1e; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness td { + color: rgba(255, 255, 255, 0.87); + border-color: rgba(255, 255, 255, 0.12); +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #1e1e1e; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover { + background: none; + border: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0.75rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { + opacity: 1; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; + font-family: "PrimeIcons" !important; + font-size: 1rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { + content: "\e90b"; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { + padding: 0.75rem; + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); + border-color: rgba(159, 168, 218, 0.16); +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #9FA8DA; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: rgba(159, 168, 218, 0.16); + border-color: rgba(159, 168, 218, 0.16); +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #1e1e1e; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #121212; + background: #9FA8DA; + border: 0 none; + 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: 4px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: rgba(159, 168, 218, 0.92); + color: #121212; + border-color: transparent; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: rgba(159, 168, 218, 0.68); + color: #121212; + border-color: transparent; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.38; + color: #121212; + background: #9FA8DA; + border: 0 none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #2f2f2f; + border: 1px solid rgba(255, 255, 255, 0.12); + 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); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #373737; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.fc.fc-theme-standard a { + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-highlight { + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); +} + +.p-orderlist .p-orderlist-controls { + padding: 0.75rem; +} +.p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; +} +.p-orderlist .p-orderlist-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0.75rem; + border-bottom: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 500; +} +.p-orderlist .p-orderlist-filter-container { + padding: 0.75rem; + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 0 none; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-orderlist .p-orderlist-list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; +} +.p-orderlist .p-orderlist-list .p-orderlist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); +} +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); +} +.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: rgba(255, 255, 255, 0.02); +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.04); +} + +.p-orderlist-item.cdk-drag-preview { + padding: 0.75rem 0.75rem; + box-shadow: 0 5px 5px -3px rgba(0, 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: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; +} + +.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; +} +.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(69, 86, 180, 0.16); +} +.p-organizationchart .p-organizationchart-line-down { + background: rgba(255, 255, 255, 0.12); +} +.p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-color: rgba(255, 255, 255, 0.12); +} +.p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-color: rgba(255, 255, 255, 0.12); +} +.p-organizationchart .p-organizationchart-node-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-paginator { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: solid #404040; + border-width: 0; + padding: 0.375rem 0.75rem; + border-radius: 4px; +} +.p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: none; + border-radius: 50%; +} +.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: rgba(255, 255, 255, 0.6); +} +.p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; +} +.p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 3rem; +} +.p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; +} +.p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; +} +.p-paginator .p-paginator-page-input .p-inputtext { + max-width: 3rem; +} +.p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + padding: 0 0.5rem; +} +.p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: none; + border-radius: 50%; +} +.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(159, 168, 218, 0.16); + border-color: rgba(159, 168, 218, 0.16); + color: #9FA8DA; +} +.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: rgba(255, 255, 255, 0.6); +} + +.p-picklist .p-picklist-buttons { + padding: 0.75rem; +} +.p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; +} +.p-picklist .p-picklist-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0.75rem; + border-bottom: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-picklist .p-picklist-header .p-picklist-title { + font-weight: 500; +} +.p-picklist .p-picklist-filter-container { + padding: 0.75rem; + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 0 none; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-picklist .p-picklist-list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-picklist .p-picklist-list .p-picklist-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; +} +.p-picklist .p-picklist-list .p-picklist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); +} +.p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); +} +.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: rgba(255, 255, 255, 0.02); +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.04); +} + +.p-picklist-item.cdk-drag-preview { + padding: 0.75rem 0.75rem; + box-shadow: 0 5px 5px -3px rgba(0, 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: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; +} + +.p-timeline .p-timeline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #bdbdbd; +} +.p-timeline .p-timeline-event-connector { + background-color: #bdbdbd; +} +.p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; +} +.p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; +} + +.p-tree { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +.p-tree .p-tree-container .p-treenode { + padding: 0.25rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 4px; + transition: none; + padding: 0.25rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #9FA8DA; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #9FA8DA; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; +} +.p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; +} +.p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-tree .p-treenode-children { + padding: 0 0 0 1rem; +} +.p-tree .p-tree-loading-icon { + font-size: 2rem; +} +.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(105, 119, 197, 0.16); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 4px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.25rem; + transition: none; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(159, 168, 218, 0.16); + color: #9FA8DA; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #9FA8DA; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-treetable .p-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; +} +.p-treetable .p-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; +} +.p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + transition: none; +} +.p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; +} +.p-treetable .p-sortable-column { + outline-color: transparent; +} +.p-treetable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-treetable .p-sortable-column.p-highlight { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-treetable-tbody > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: none; +} +.p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-treetable-tbody > tr:focus { + outline: 0.15rem solid transparent; + outline-offset: -0.15rem; +} +.p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #9FA8DA; +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #9FA8DA; +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-column-resizer-helper { + background: #9FA8DA; +} +.p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #1e1e1e; +} +.p-treetable .p-treetable-loading-icon { + font-size: 2rem; +} +.p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.65625rem 0.65625rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.375rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.375rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.375rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 0.9375rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 0.9375rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 0.9375rem; +} + +.p-virtualscroller .p-virtualscroller-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; +} +.p-virtualscroller .p-virtualscroller-content { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0.75rem; +} +.p-virtualscroller .p-virtualscroller-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; +} + +.p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 400; + border-radius: 4px; + transition: none; +} +.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; +} +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #1e1e1e; + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-accordion .p-accordion-content { + padding: 0.75rem 1.25rem; + border: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; +} +.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; +} +.p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; +} +.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 none; +} +.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-top: 0 none; +} +.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-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; +} +.p-card .p-card-body { + padding: 0.75rem; +} +.p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +.p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-card .p-card-content { + padding: 0.75rem 0; +} +.p-card .p-card-footer { + padding: 0.75rem 0 0 0; +} + +.p-divider .p-divider-content { + background-color: #1e1e1e; +} +.p-divider.p-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; +} +.p-divider.p-divider-horizontal:before { + border-top: 1px rgba(255, 255, 255, 0.12); +} +.p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; +} +.p-divider.p-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; +} +.p-divider.p-divider-vertical:before { + border-left: 1px rgba(255, 255, 255, 0.12); +} +.p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; +} + +.p-fieldset { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; +} +.p-fieldset .p-fieldset-legend { + padding: 0.75rem; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 500; + border-radius: 4px; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; + transition: none; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.04); + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.p-fieldset .p-fieldset-content { + padding: 0.75rem; +} + +.p-panel .p-panel-header { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0.75rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-panel .p-panel-header .p-panel-title { + font-weight: 500; +} +.p-panel .p-panel-header .p-panel-header-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-panel .p-panel-header .p-panel-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-panel.p-panel-toggleable .p-panel-header { + padding: 0.5rem 1rem; +} +.p-panel .p-panel-content { + padding: 0.75rem; + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + border-top: 0 none; +} +.p-panel .p-panel-footer { + padding: 0.75rem 0.75rem; + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} +.p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; +} +.p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; +} +.p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; +} + +.p-scrollpanel .p-scrollpanel-bar { + background: rgba(255, 255, 255, 0.12); + border: 0 none; +} + +.p-splitter { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + border-radius: 4px; + color: rgba(255, 255, 255, 0.87); +} +.p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: rgba(255, 255, 255, 0.04); +} +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: rgba(255, 255, 255, 0.12); +} +.p-splitter .p-splitter-gutter-resizing { + background: rgba(255, 255, 255, 0.12); +} + +.p-tabview .p-tabview-nav { + background: transparent; + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; +} +.p-tabview .p-tabview-nav li { + margin-right: 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + border-color: transparent transparent rgba(255, 255, 255, 0.12) transparent; + background: transparent; + color: rgba(255, 255, 255, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: none; + margin: 0 0 0 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: rgba(159, 168, 218, 0.04); + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.6); +} +.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: transparent; + border-color: rgba(255, 255, 255, 0.12); + color: #9FA8DA; +} +.p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; +} +.p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-close { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-nav-btn.p-link { + background: transparent; + color: #9FA8DA; + width: 2.75rem; + 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); + border-radius: 0; +} +.p-tabview .p-tabview-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +.p-tabview .p-tabview-panels { + background: transparent; + padding: 0.75rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-toolbar { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0.75rem; + border-radius: 4px; + gap: 0.5rem; +} +.p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; +} + +.p-confirm-popup { + background: #262626; + 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); +} +.p-confirm-popup .p-confirm-popup-content { + padding: 0.75rem; +} +.p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.75rem 0.75rem; +} +.p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; +} +.p-confirm-popup:after { + border: solid transparent; + border-color: rgba(38, 38, 38, 0); + border-bottom-color: #262626; +} +.p-confirm-popup:before { + border: solid transparent; + border-color: rgba(38, 38, 38, 0); + border-bottom-color: #262626; +} +.p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #262626; +} +.p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #262626; +} +.p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; +} +.p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; +} + +.p-dialog { + 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); + border: 0 none; +} +.p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #262626; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-dialog .p-dialog-header .p-dialog-title { + font-weight: 500; + font-size: 1.25rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-dialog .p-dialog-header .p-dialog-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; +} +.p-dialog .p-dialog-content { + background: #262626; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.25rem 1.25rem 1.25rem; +} +.p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-dialog .p-dialog-footer { + border-top: 0 none; + background: #262626; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + text-align: right; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; +} + +.p-overlaypanel { + background: #262626; + 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); +} +.p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; +} +.p-overlaypanel .p-overlaypanel-close { + background: #9FA8DA; + color: #121212; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + position: absolute; + top: -1rem; + right: -1rem; +} +.p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: rgba(159, 168, 218, 0.92); + color: #121212; +} +.p-overlaypanel:after { + border: solid transparent; + border-color: rgba(38, 38, 38, 0); + border-bottom-color: #262626; +} +.p-overlaypanel:before { + border: solid transparent; + border-color: rgba(38, 38, 38, 0); + border-bottom-color: #242424; +} +.p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #262626; +} +.p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #262626; +} + +.p-sidebar { + background: #262626; + color: rgba(255, 255, 255, 0.87); + 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); +} +.p-sidebar .p-sidebar-header { + padding: 0.75rem; +} +.p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-sidebar .p-sidebar-header .p-sidebar-close:focus, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; +} +.p-sidebar .p-sidebar-content { + padding: 0.75rem; +} +.p-sidebar .p-sidebar-footer { + padding: 0.75rem; +} + +.p-tooltip .p-tooltip-text { + background: #444444; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem; + box-shadow: 0 5px 5px -3px rgba(0, 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; +} +.p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #444444; +} +.p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #444444; +} +.p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #444444; +} +.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #444444; +} + +.p-fileupload .p-fileupload-buttonbar { + background: #1e1e1e; + padding: 0.75rem; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + border-bottom: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; +} +.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-fileupload .p-fileupload-content { + background: #1e1e1e; + padding: 2rem 1rem; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-fileupload .p-progressbar { + height: 4px; +} +.p-fileupload .p-fileupload-row > div { + padding: 0.75rem 0.75rem; +} +.p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; +} + +.p-fileupload-choose:not(.p-disabled):hover { + background: rgba(159, 168, 218, 0.92); + color: #121212; + border-color: transparent; +} +.p-fileupload-choose:not(.p-disabled):active { + background: rgba(159, 168, 218, 0.68); + color: #121212; + border-color: transparent; +} + +.p-breadcrumb { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + padding: 0.75rem; +} +.p-breadcrumb ul li .p-menuitem-link { + transition: none; + border-radius: 4px; +} +.p-breadcrumb ul li .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-breadcrumb ul li.p-breadcrumb-chevron { + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-breadcrumb ul li:last-child .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-breadcrumb ul li:last-child .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} + +.p-contextmenu { + padding: 0.5rem 0; + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + 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); + border-radius: 4px; + width: 12.5rem; +} +.p-contextmenu .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-contextmenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-contextmenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-contextmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #2b2b2b; + 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); + border-radius: 4px; +} +.p-contextmenu .p-menuitem { + margin: 0; +} +.p-contextmenu .p-menuitem:last-child { + margin: 0; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(255, 255, 255, 0.04); +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-contextmenu .p-menu-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; +} +.p-contextmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-contextmenu .p-menuitem-badge { + background: #9FA8DA; + color: #121212; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + +@media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } +} +.p-megamenu { + padding: 0.75rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; + transition: none; + user-select: none; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-megamenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-megamenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-megamenu .p-megamenu-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + 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); +} +.p-megamenu .p-megamenu-submenu-header { + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-megamenu .p-megamenu-submenu { + padding: 0.5rem 0; + width: 12.5rem; +} +.p-megamenu .p-megamenu-submenu .p-menu-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem { + margin: 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(255, 255, 255, 0.04); +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.5rem 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem { + margin: 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem-badge { + background: #9FA8DA; + color: #121212; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menu { + padding: 0.5rem 0; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + width: 12.5rem; +} +.p-menu .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-menu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-menu.p-menu-overlay { + background: #2b2b2b; + 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); +} +.p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.p-menu .p-menu-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; +} +.p-menu .p-menuitem { + margin: 0; +} +.p-menu .p-menuitem:last-child { + margin: 0; +} +.p-menu .p-menuitem-badge { + background: #9FA8DA; + color: #121212; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menubar { + padding: 0.75rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; +} +.p-menubar .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-menubar .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menubar .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; + transition: none; + user-select: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-submenu-list { + padding: 0.5rem 0; + background: #2b2b2b; + 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); + width: 12.5rem; +} +.p-menubar .p-submenu-list .p-menu-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; +} +.p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; +} +.p-menubar .p-submenu-list .p-menuitem { + margin: 0; +} +.p-menubar .p-submenu-list .p-menuitem:last-child { + margin: 0; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(255, 255, 255, 0.04); +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-menuitem-badge { + background: #9FA8DA; + color: #121212; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +@media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(255, 255, 255, 0.6); + background: rgba(255, 255, 255, 0.04); + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.5rem 0; + background: #2b2b2b; + 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); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menu-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: none; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } +} +.p-panelmenu .p-panelmenu-header > a { + padding: 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 400; + border-radius: 4px; + transition: none; +} +.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-header.p-highlight { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight > a { + background: #1e1e1e; + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content { + padding: 0.5rem 0; + border: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + margin-bottom: 0; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { + padding: 0 0 0 1rem; +} +.p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { + border-radius: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; +} +.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { + border-top: 0 none; +} +.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { + border-top: 0 none; +} +.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-panelmenu .p-menuitem-badge { + background: #9FA8DA; + color: #121212; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-slidemenu { + padding: 0.5rem 0; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + width: 12.5rem; +} +.p-slidemenu .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-slidemenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-slidemenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-slidemenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-slidemenu.p-slidemenu-overlay { + background: #2b2b2b; + 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); +} +.p-slidemenu .p-slidemenu-list { + padding: 0.5rem 0; + background: #2b2b2b; + 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); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { + background: rgba(255, 255, 255, 0.04); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-slidemenu .p-slidemenu-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; +} +.p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; +} +.p-slidemenu .p-slidemenu-backward { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-badge { + background: #9FA8DA; + color: #121212; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: none; + border-radius: 4px; + background: transparent; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: rgba(255, 255, 255, 0.87); + border: 1px solid transparent; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: rgba(255, 255, 255, 0.87); +} +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; +} +.p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: rgba(255, 255, 255, 0.87); +} +.p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid rgba(255, 255, 255, 0.12); + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; +} + +.p-tabmenu .p-tabmenu-nav { + background: transparent; + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; +} +.p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #9FA8DA; + color: #121212; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + border-color: transparent transparent rgba(255, 255, 255, 0.12) transparent; + background: transparent; + color: rgba(255, 255, 255, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: none; + margin: 0 0 0 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: rgba(159, 168, 218, 0.04); + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.6); +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: transparent; + border-color: rgba(255, 255, 255, 0.12); + color: #9FA8DA; +} +.p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link { + background: transparent; + color: #9FA8DA; + width: 2.75rem; + 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); + border-radius: 0; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} + +.p-tieredmenu { + padding: 0.5rem 0; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + width: 12.5rem; +} +.p-tieredmenu .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-tieredmenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-tieredmenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-tieredmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-tieredmenu.p-tieredmenu-overlay { + background: #2b2b2b; + 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); +} +.p-tieredmenu .p-submenu-list { + padding: 0.5rem 0; + background: #2b2b2b; + 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); +} +.p-tieredmenu .p-menuitem { + margin: 0; +} +.p-tieredmenu .p-menuitem:last-child { + margin: 0; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(255, 255, 255, 0.04); +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-tieredmenu .p-menu-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; +} +.p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-tieredmenu .p-menuitem-badge { + background: #9FA8DA; + color: #121212; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-inline-message { + padding: 0.75rem 0.75rem; + margin: 0; + border-radius: 4px; +} +.p-inline-message.p-inline-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 1px; + color: #01579B; +} +.p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #01579B; +} +.p-inline-message.p-inline-message-success { + background: #C8E6C9; + border: solid transparent; + border-width: 1px; + color: #1B5E20; +} +.p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #1B5E20; +} +.p-inline-message.p-inline-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 1px; + color: #7f6003; +} +.p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #7f6003; +} +.p-inline-message.p-inline-message-error { + background: #FFCDD2; + border: solid transparent; + border-width: 1px; + color: #B71C1C; +} +.p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #B71C1C; +} +.p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; +} +.p-inline-message .p-inline-message-text { + font-size: 1rem; +} +.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; +} + +.p-message { + margin: 0.75rem 0; + border-radius: 4px; +} +.p-message .p-message-wrapper { + padding: 1rem 1.25rem; +} +.p-message .p-message-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-message .p-message-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-message.p-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579B; +} +.p-message.p-message-info .p-message-icon { + color: #01579B; +} +.p-message.p-message-info .p-message-close { + color: #01579B; +} +.p-message.p-message-success { + background: #C8E6C9; + border: solid transparent; + border-width: 0 0 0 0; + color: #1B5E20; +} +.p-message.p-message-success .p-message-icon { + color: #1B5E20; +} +.p-message.p-message-success .p-message-close { + color: #1B5E20; +} +.p-message.p-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; +} +.p-message.p-message-warn .p-message-icon { + color: #7f6003; +} +.p-message.p-message-warn .p-message-close { + color: #7f6003; +} +.p-message.p-message-error { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 0; + color: #B71C1C; +} +.p-message.p-message-error .p-message-icon { + color: #B71C1C; +} +.p-message.p-message-error .p-message-close { + color: #B71C1C; +} +.p-message .p-message-text { + font-size: 1rem; + font-weight: 500; +} +.p-message .p-message-icon { + font-size: 1.5rem; + margin-right: 0.5rem; +} +.p-message .p-message-summary { + font-weight: 700; +} +.p-message .p-message-detail { + margin-left: 0.5rem; +} + +.p-toast { + opacity: 0.9; +} +.p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 5px 5px -3px rgba(0, 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; +} +.p-toast .p-toast-message .p-toast-message-content { + padding: 1.25rem; + border-width: 0 0 0 0; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 1rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 2rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 700; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; +} +.p-toast .p-toast-message .p-toast-icon-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-toast .p-toast-message .p-toast-icon-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-toast .p-toast-message.p-toast-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579B; +} +.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #01579B; +} +.p-toast .p-toast-message.p-toast-message-success { + background: #C8E6C9; + border: solid transparent; + border-width: 0 0 0 0; + color: #1B5E20; +} +.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #1B5E20; +} +.p-toast .p-toast-message.p-toast-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; +} +.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #7f6003; +} +.p-toast .p-toast-message.p-toast-message-error { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 0; + color: #B71C1C; +} +.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #B71C1C; +} + +.p-galleria .p-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; + border-radius: 50%; +} +.p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria .p-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; + border-radius: 50%; + margin: 0 0.5rem; +} +.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.87); + padding: 1rem; +} +.p-galleria .p-galleria-indicators { + padding: 1rem; +} +.p-galleria .p-galleria-indicators .p-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; + border-radius: 50%; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; +} +.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; +} +.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.3); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; +} +.p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-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; + border-radius: 50%; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-preview-indicator { + background-color: transparent; + color: #f8f9fa; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} + +.p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); +} + +.p-image-toolbar { + padding: 1rem; +} + +.p-image-action.p-link { + color: #f8f9fa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-image-action.p-link:last-child { + margin-right: 0; +} +.p-image-action.p-link:hover { + color: #f8f9fa; + background-color: rgba(255, 255, 255, 0.1); +} +.p-image-action.p-link i { + font-size: 1.5rem; +} + +.p-avatar { + background-color: rgba(255, 255, 255, 0.12); + border-radius: 4px; +} +.p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +.p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; +} +.p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +.p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; +} + +.p-avatar-group .p-avatar { + border: 2px solid #1e1e1e; +} + +.p-badge { + background: #9FA8DA; + color: #121212; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +.p-badge.p-badge-secondary { + background-color: #F48FB1; + color: #121212; +} +.p-badge.p-badge-success { + background-color: #C5E1A5; + color: #212121; +} +.p-badge.p-badge-info { + background-color: #90CAF9; + color: #212121; +} +.p-badge.p-badge-warning { + background-color: #FFF59D; + color: #212121; +} +.p-badge.p-badge-danger { + background-color: #EF9A9A; + color: #212121; +} +.p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +.p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} + +.p-chip { + background-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + padding: 0 0.75rem; +} +.p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; +} +.p-chip .p-chip-icon { + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; +} +.p-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-inplace .p-inplace-display { + padding: 1rem 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); +} +.p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-progressbar { + border: 0 none; + height: 4px; + background: rgba(159, 168, 218, 0.32); + border-radius: 4px; +} +.p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #9FA8DA; +} +.p-progressbar .p-progressbar-label { + color: #121212; + line-height: 4px; +} + +.p-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, color 0.2s, box-shadow 0.2s; +} +.p-scrolltop.p-link { + background: #F48FB1; +} +.p-scrolltop.p-link:hover { + background: rgba(244, 143, 177, 0.92); +} +.p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #121212; +} + +.p-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 4px; +} +.p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); +} + +.p-tag { + background: #9FA8DA; + color: #121212; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; +} +.p-tag.p-tag-success { + background-color: #C5E1A5; + color: #212121; +} +.p-tag.p-tag-info { + background-color: #90CAF9; + color: #212121; +} +.p-tag.p-tag-warning { + background-color: #FFF59D; + color: #212121; +} +.p-tag.p-tag-danger { + background-color: #EF9A9A; + color: #212121; +} +.p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +.p-terminal { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0.75rem; +} +.p-terminal .p-terminal-input { + font-size: 1rem; + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; +} + +.p-accordion .p-accordion-tab { + 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); + margin-bottom: 0; + border-radius: 0; + position: relative; + transition: margin-bottom 225ms; +} +.p-accordion .p-accordion-tab:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +.p-accordion .p-accordion-tab:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-accordion .p-accordion-tab .p-accordion-toggle-icon { + order: 1; + margin-left: auto; + transition: transform 0.2s; +} +.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-header-link:focus { + background: rgba(255, 255, 255, 0.04); +} +.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-toggle-icon { + transform: rotate(-270deg); +} +.p-accordion .p-accordion-tab.p-accordion-tab-active { + margin-bottom: 1rem; +} +.p-accordion .p-accordion-tab.p-accordion-tab-active .p-accordion-toggle-icon { + transform: rotate(-180deg); +} +.p-accordion .p-accordion-tab .p-accordion-header.p-disabled { + opacity: 1; +} +.p-accordion .p-accordion-tab .p-accordion-header.p-disabled .p-accordion-header-link > * { + opacity: 0.38; +} + +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-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; +} + +.p-input-filled .p-autocomplete .p-autocomplete-multiple-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 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)); +} +.p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} + +.p-float-label .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 1rem; +} + +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding-top: 0; + padding-bottom: 0; +} +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + font-size: 75%; +} +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0; +} +.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; +} +.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} + +p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled: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; +} +p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-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; +} + +.p-breadcrumb .p-menuitem-link { + padding: 0.25rem 0.5rem; +} +.p-breadcrumb .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); +} + +.p-button { + font-weight: 500; + min-width: 4rem; +} +.p-button.p-button-icon-only { + min-width: auto; +} +.p-button:enabled:focus { + background: rgba(159, 168, 218, 0.76); +} +.p-button:enabled:active { + background: rgba(159, 168, 218, 0.68); +} +.p-button .p-ink { + background-color: rgba(255, 255, 255, 0.32); +} +.p-button.p-button-text:enabled:focus, .p-button.p-button-outlined:enabled:focus { + background: rgba(159, 168, 218, 0.12); +} +.p-button.p-button-text:enabled:active, .p-button.p-button-outlined:enabled:active { + background: rgba(159, 168, 218, 0.16); +} +.p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink { + background-color: rgba(159, 168, 218, 0.16); +} +.p-button.p-button-outlined { + box-shadow: inset 0 0 0 1px; +} +.p-button.p-button-outlined:enabled:focus { + box-shadow: inset 0 0 0 1px; +} +.p-button.p-button-outlined:enabled:active { + box-shadow: inset 0 0 0 1px; +} +.p-button:disabled { + background-color: rgba(255, 255, 255, 0.12) !important; + color: rgba(255, 255, 255, 0.38) !important; + opacity: 1; +} +.p-button:disabled.p-button-text { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.38) !important; +} +.p-button:disabled.p-button-outlined { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.38) !important; + border-color: rgba(255, 255, 255, 0.38) !important; +} +.p-button.p-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); +} + +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + background: rgba(244, 143, 177, 0.76); +} +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: rgba(244, 143, 177, 0.68); +} +.p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus { + background: rgba(244, 143, 177, 0.12); +} +.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(244, 143, 177, 0.16); +} +.p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink { + background-color: rgba(244, 143, 177, 0.16); +} + +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + background: rgba(144, 202, 249, 0.76); +} +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: rgba(144, 202, 249, 0.68); +} +.p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus { + background: rgba(144, 202, 249, 0.12); +} +.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(144, 202, 249, 0.16); +} +.p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink { + background-color: rgba(144, 202, 249, 0.16); +} + +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + background: rgba(197, 225, 165, 0.76); +} +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: rgba(197, 225, 165, 0.68); +} +.p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus { + background: rgba(197, 225, 165, 0.12); +} +.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(197, 225, 165, 0.16); +} +.p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink { + background-color: rgba(197, 225, 165, 0.16); +} + +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + background: rgba(255, 245, 157, 0.76); +} +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: rgba(255, 245, 157, 0.68); +} +.p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus { + background: rgba(255, 245, 157, 0.12); +} +.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(255, 245, 157, 0.16); +} +.p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink { + background-color: rgba(255, 245, 157, 0.16); +} + +.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + background: rgba(206, 147, 216, 0.76); +} +.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: rgba(206, 147, 216, 0.68); +} +.p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus { + background: rgba(206, 147, 216, 0.12); +} +.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(206, 147, 216, 0.16); +} +.p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink { + background-color: rgba(206, 147, 216, 0.16); +} + +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + background: rgba(239, 154, 154, 0.76); +} +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: rgba(239, 154, 154, 0.68); +} +.p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus { + background: rgba(239, 154, 154, 0.12); +} +.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(239, 154, 154, 0.16); +} +.p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink { + background-color: rgba(239, 154, 154, 0.16); +} + +.p-calendar-w-btn { + border: 1px solid rgba(255, 255, 255, 0.3); + background: #1e1e1e; + 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); +} +.p-calendar-w-btn .p-inputtext { + background-image: none; + background-color: transparent; + border: 0 none; +} +.p-calendar-w-btn .p-inputtext:enabled:focus { + box-shadow: none; +} +.p-calendar-w-btn .p-datepicker-trigger.p-button { + background-color: transparent; + border: 0 none; +} +.p-calendar-w-btn .p-datepicker-trigger.p-button span { + color: rgba(255, 255, 255, 0.6); +} +.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover { + background: rgba(255, 255, 255, 0.04); +} +.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:active, .p-calendar-w-btn .p-datepicker-trigger.p-button:focus { + background: rgba(255, 255, 255, 0.12); +} +.p-calendar-w-btn .p-datepicker-trigger.p-button:disabled { + background-color: transparent !important; +} +.p-calendar-w-btn:not(.p-calendar-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-calendar-w-btn:not(.p-calendar-disabled).p-focus { + border-color: #9FA8DA; + 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; +} +.p-calendar-w-btn.p-calendar-disabled { + opacity: 0.38; +} +.p-calendar-w-btn.p-calendar-disabled .p-inputtext { + opacity: 1; +} + +.p-datepicker .p-datepicker-header { + border-bottom: 0 none; +} +.p-datepicker .p-datepicker-header .p-datepicker-title { + margin: 0 auto 0 0; + order: 1; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev { + order: 2; +} +.p-datepicker .p-datepicker-header .p-datepicker-next { + order: 3; +} +.p-datepicker table th { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.38); + font-weight: 400; + font-size: 0.875rem; +} +.p-datepicker table td.p-datepicker-today > span { + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38); +} +.p-datepicker table td.p-datepicker-today.p-highlight { + box-shadow: 0 0 0 1px rgba(159, 168, 218, 0.16); +} + +p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled: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; +} +p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { + border-color: #f44435; +} +p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext:enabled:focus { + box-shadow: none; +} +p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-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; +} + +.p-input-filled .p-calendar-w-btn { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-calendar-w-btn .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 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)); +} +.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-calendar-w-btn .p-inputtext { + border: 0 none; +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext { + border: 0 none; + background-image: none; +} + +.p-cascadeselect .p-inputtext, .p-cascadeselect .p-cascadeselect-trigger { + background-image: none; + background: transparent; +} +.p-cascadeselect .p-inputtext { + border: 0 none; +} +.p-cascadeselect:not(.p-disabled).p-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; +} + +.p-cascadeselect-item .p-ink { + background-color: rgba(159, 168, 218, 0.16); +} + +.p-input-filled .p-cascadeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-cascadeselect .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 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)); +} +.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-cascadeselect .p-inputtext:enabled:hover, .p-input-filled .p-cascadeselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-cascadeselect .p-inputtext { + border: 0 none; +} +.p-input-filled .p-cascadeselect .p-cascadeselect-label:hover { + background-image: none; + background: transparent; +} +.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} + +.p-input-filled .p-float-label .p-cascadeselect .p-cascadeselect-label { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-cascadeselect .p-cascadeselect-label { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +.p-input-filled .p-cascadeselect.p-invalid { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} + +p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-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; +} + +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #F48FB1; + color: #121212; +} + +.p-checkbox { + border-radius: 50%; + transition: box-shadow 0.2s; +} +.p-checkbox .p-checkbox-box { + border-color: rgba(255, 255, 255, 0.7); + border-radius: 2px; + position: relative; +} +.p-checkbox .p-checkbox-box:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.7); +} +.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { + border-color: rgba(255, 255, 255, 0.7); +} +.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus { + border-color: #9FA8DA; +} +.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check: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; +} +.p-checkbox:not(.p-checkbox-disabled):hover { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +.p-checkbox:not(.p-checkbox-disabled).p-checkbox-focused { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); +} +.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled):hover { + box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.04); +} +.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused { + box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.12); +} + +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #1e1e1e; +} +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):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); + } +} +.p-chips .p-chips-multiple-container:not(.p-disabled).p-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; +} + +.p-input-filled .p-chips-multiple-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-chips-multiple-container .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-chips-multiple-container:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 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)); +} +.p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-chips-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} + +.p-float-label .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 1rem; +} + +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token { + padding-top: 0; + padding-bottom: 0; +} +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + font-size: 75%; +} +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0; +} +.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} + +p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-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; +} + +.p-datatable .p-sortable-column { + outline: 0 none; +} +.p-datatable .p-sortable-column:focus { + background-color: rgba(255, 255, 255, 0.03); +} +.p-datatable .p-datatable-tbody > tr { + outline: 0 none; +} +.p-datatable .p-datatable-tbody > tr:not(.p-highlight):focus { + background-color: rgba(255, 255, 255, 0.03); +} + +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #9FA8DA; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #9FA8DA; +} + +.p-dropdown .p-inputtext, .p-dropdown .p-dropdown-trigger { + background-image: none; + background: transparent; +} +.p-dropdown .p-inputtext { + border: 0 none; +} +.p-dropdown:not(.p-disabled).p-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; +} + +.p-dropdown-item .p-ink { + background-color: rgba(159, 168, 218, 0.16); +} + +.p-input-filled .p-dropdown { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-dropdown .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 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)); +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-dropdown .p-inputtext:enabled:hover, .p-input-filled .p-dropdown .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-dropdown .p-inputtext { + border: 0 none; +} +.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus, .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} + +p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-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; +} + +.p-galleria .p-galleria-indicators { + padding: 1rem; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #F48FB1; + color: #121212; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(244, 143, 177, 0.68); + color: #121212; +} + +.p-inputtext:enabled: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; +} +.p-inputtext:enabled:focus.ng-invalid.ng-dirty { + 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; +} + +.p-input-filled .p-inputtext { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-inputtext:enabled:hover { + background-color: rgba(255, 255, 255, 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)); +} +.p-input-filled .p-inputtext:enabled:focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-inputtext.ng-invalid.ng-dirty { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled .p-inputtext.ng-invalid.ng-dirty:enabled:focus { + box-shadow: none; + border-color: transparent; +} + +.p-input-filled .p-inputgroup .p-inputgroup-addon { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-inputgroup .p-inputgroup-addon:last-child { + border-right-color: transparent; +} +.p-input-filled .p-inputgroup-addon:first-child, +.p-input-filled .p-inputgroup button:first-child, +.p-input-filled .p-inputgroup input:first-child { + border-bottom-left-radius: 0; +} +.p-input-filled .p-inputgroup .p-float-label:first-child input { + border-bottom-left-radius: 0; +} +.p-input-filled .p-inputgroup-addon:last-child, +.p-input-filled .p-inputgroup button:last-child, +.p-input-filled .p-inputgroup input:last-child { + border-bottom-right-radius: 0; +} +.p-input-filled .p-inputgroup .p-float-label:last-child input { + border-bottom-right-radius: 0; +} + +p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled: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; +} + +.p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; +} + +p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled: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; +} + +.p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; +} + +.p-inputswitch .p-inputswitch-slider:before { + 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); +} +.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before { + 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); +} +.p-inputswitch.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before { + 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); +} +.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider:before { + 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); +} +.p-inputswitch.p-inputswitch-checked.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before { + 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); +} + +.p-fieldset .p-fieldset-legend { + border: 0 none; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + background: rgba(255, 255, 255, 0.12); +} + +.p-float-label input:focus ~ label, +.p-float-label input.p-filled ~ label, +.p-float-label textarea:focus ~ label, +.p-float-label textarea.p-filled ~ label, +.p-float-label .p-inputwrapper-focus ~ label, +.p-float-label .p-inputwrapper-filled ~ label { + top: -0.5rem !important; + background-color: #1e1e1e; + padding: 2px 4px; + margin-left: -4px; + margin-top: 0; +} + +.p-float-label textarea ~ label { + margin-top: 0; +} + +.p-float-label input:focus ~ label, +.p-float-label .p-inputwrapper-focus ~ label { + color: #9FA8DA; +} + +.p-input-filled .p-float-label .p-inputtext { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +.p-input-filled .p-float-label input:focus ~ label, +.p-input-filled .p-float-label input.p-filled ~ label, +.p-input-filled .p-float-label textarea:focus ~ label, +.p-input-filled .p-float-label textarea.p-filled ~ label, +.p-input-filled .p-float-label .p-inputwrapper-focus ~ label, +.p-input-filled .p-float-label .p-inputwrapper-filled ~ label { + top: 0.25rem !important; + margin-top: 0; + background: transparent; +} + +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-toolbar .fc-button:focus { + background: rgba(159, 168, 218, 0.76); +} +.fc.fc-unthemed .fc-toolbar .fc-button:active { + background: rgba(159, 168, 218, 0.68); +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:focus { + background: rgba(159, 168, 218, 0.76); +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:active { + background: rgba(159, 168, 218, 0.68); +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + background: rgba(159, 168, 218, 0.76); +} +.fc.fc-theme-standard .fc-toolbar .fc-button:active { + background: rgba(159, 168, 218, 0.68); +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:focus { + background: rgba(159, 168, 218, 0.76); +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:active { + background: rgba(159, 168, 218, 0.68); +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); +} + +.p-listbox .p-listbox-list .p-listbox-item .p-ink { + background-color: rgba(159, 168, 218, 0.16); +} +.p-listbox .p-listbox-list .p-listbox-item:focus { + background: rgba(255, 255, 255, 0.12); +} +.p-listbox .p-listbox-list .p-listbox-item:focus.p-highlight { + background: rgba(159, 168, 218, 0.24); +} + +.p-megamenu .p-menuitem .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); +} + +.p-menu .p-menuitem .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); +} + +.p-menubar .p-menuitem .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); +} + +.p-multiselect .p-multiselect-label, .p-multiselect .p-multiselect-trigger { + background-image: none; + background: transparent; +} +.p-multiselect .p-multiselect-label { + border: 0 none; +} +.p-multiselect:not(.p-disabled).p-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; +} + +.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-ink { + background-color: rgba(159, 168, 218, 0.16); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + background: rgba(255, 255, 255, 0.12); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus.p-highlight { + background: rgba(159, 168, 218, 0.24); +} +.p-multiselect-panel .p-multiselect-close:focus { + background: rgba(255, 255, 255, 0.12); +} + +.p-input-filled .p-multiselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-multiselect .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 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)); +} +.p-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-multiselect .p-inputtext:enabled:hover, .p-input-filled .p-multiselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-multiselect .p-multiselect-label:hover { + background-image: none; + background: transparent; +} + +.p-float-label .p-multiselect-label .p-multiselect-token { + padding: 0.25rem 1rem; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} + +.p-input-filled .p-float-label .p-multiselect .p-multiselect-label { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect .p-multiselect-label { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding-top: 0; + padding-bottom: 0; + margin-top: 0; + margin-bottom: 0; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + font-size: 75%; +} +.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus, .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} + +p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-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; +} + +.p-orderlist .p-orderlist-list .p-orderlist-item:focus { + background: rgba(255, 255, 255, 0.12); +} +.p-orderlist .p-orderlist-list .p-orderlist-item:focus.p-highlight { + background: rgba(159, 168, 218, 0.24); +} + +.p-overlaypanel .p-overlaypanel-content { + padding: 1.5rem; +} + +.p-paginator { + justify-content: flex-end; +} +.p-paginator .p-paginator-element:focus { + background: rgba(255, 255, 255, 0.12); +} +.p-paginator .p-paginator-element:focus.p-highlight { + background: rgba(159, 168, 218, 0.24); +} + +.p-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); +} +.p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + border: 0 none; +} +.p-panel .p-panel-content { + padding-top: 0; +} +.p-panel .p-panel-title { + font-size: 1.25rem; +} +.p-panel .p-panel-header-icon:focus { + background: rgba(255, 255, 255, 0.12); +} + +.p-panelmenu .p-panelmenu-panel { + 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); + margin-bottom: 0; + border-radius: 0; + position: relative; + transition: margin-bottom 225ms; +} +.p-panelmenu .p-panelmenu-panel:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +.p-panelmenu .p-panelmenu-panel:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-icon { + order: 1; + margin-left: auto; + margin-right: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled { + opacity: 1; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-link > * { + opacity: 0.38; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-link:focus { + background: rgba(255, 255, 255, 0.04); +} +.p-panelmenu .p-panelmenu-panel .p-menuitem .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); +} + +.p-picklist .p-picklist-list .p-picklist-item:focus { + background: rgba(255, 255, 255, 0.12); +} +.p-picklist .p-picklist-list .p-picklist-item:focus.p-highlight { + background: rgba(159, 168, 218, 0.24); +} + +.p-progressbar { + border-radius: 0; +} +.p-progressbar .p-progressbar-label { + display: none !important; +} + +.p-radiobutton { + border-radius: 50%; + transition: box-shadow 0.2s; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border: 2px solid rgba(255, 255, 255, 0.7); +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + border: 2px solid rgba(255, 255, 255, 0.7); +} +.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus { + border-color: #9FA8DA; +} +.p-radiobutton:not(.p-radiobutton-disabled):hover { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +.p-radiobutton:not(.p-radiobutton-disabled).p-radiobutton-focused { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); +} +.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled):hover { + box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.04); +} +.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled).p-radiobutton-focused { + box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.12); +} + +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #1e1e1e; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #1e1e1e; +} + +.p-rating .p-rating-icon { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-left: 0; +} +.p-rating .p-rating-icon:focus { + background: rgba(159, 168, 218, 0.12); +} +.p-rating .p-rating-icon.p-rating-cancel:focus { + background: rgba(244, 68, 53, 0.12); +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + background-color: rgba(0, 0, 0, 0.04); +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + background: rgba(244, 68, 53, 0.04); +} + +.p-selectbutton .p-button:focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} +.p-selectbutton .p-button:focus.p-highlight { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); +} + +.p-slidemenu .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); +} + +.p-slider .p-slider-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); +} +.p-slider .p-slider-handle:focus { + box-shadow: 0 0 1px 10px rgba(244, 143, 177, 0.2); +} +.p-slider.p-slider-sliding .p-slider-handle { + transform: scale(1); +} + +.p-steps { + padding: 1rem 0; +} +.p-steps .p-steps-item { + justify-content: flex-start; + flex-direction: row-reverse; + align-items: center; +} +.p-steps .p-steps-item:before { + position: static; + left: auto; + top: auto; + margin-top: 0; +} +.p-steps .p-steps-item:last-child { + flex-grow: 0; +} +.p-steps .p-steps-item:last-child:before { + display: none; +} +.p-steps .p-steps-item .p-menuitem-link { + flex-direction: row; + flex: 1 1 auto; + overflow: visible; + padding: 1rem 0.5rem; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-number { + background-color: #9e9d9e; + color: #ffffff; + font-size: 0.857rem; + min-width: 1.714rem; + height: 1.714rem; + line-height: 1.714rem; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin: 0; + padding-left: 0.5rem; +} +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + background: rgba(255, 255, 255, 0.12); +} +.p-steps .p-steps-item.p-highlight .p-steps-number { + background-color: #9FA8DA; + color: #121212; +} +.p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 600; + color: rgba(255, 255, 255, 0.87); +} +.p-steps .p-steps-item.p-disabled { + opacity: 1; +} + +.p-tabview .p-tabview-nav { + position: relative; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s; + border-radius: 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link > .p-ink { + background-color: rgba(159, 168, 218, 0.16); +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link:focus { + background-color: rgba(159, 168, 218, 0.12); +} +.p-tabview .p-tabview-nav .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 2px; + background-color: #9FA8DA; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); +} + +.p-toolbar { + border: 0 none; +} + +.p-tooltip .p-tooltip-text { + box-shadow: none; + font-size: 0.875rem; +} +.p-tooltip .p-tooltip-arrow { + display: none; +} + +.p-tieredmenu .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); +} + +.p-treeselect .p-treeselect-label, .p-treeselect .p-treeselect-trigger { + background-image: none; + background: transparent; +} +.p-treeselect .p-treeselect-label { + border: 0 none; +} +.p-treeselect:not(.p-disabled).p-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; +} + +.p-treeselect-item .p-ink { + background-color: rgba(159, 168, 218, 0.16); +} + +.p-input-filled .p-treeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-treeselect .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 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)); +} +.p-input-filled .p-treeselect:not(.p-disabled).p-focus, .p-input-filled .p-treeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-treeselect .p-inputtext:enabled:hover, .p-input-filled .p-treeselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-treeselect .p-treeselect-label:hover { + background-image: none; + background: transparent; +} + +.p-float-label .p-treeselect-label .p-treeselect-token { + padding: 0.25rem 1rem; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} + +.p-input-filled .p-float-label .p-treeselect .p-treeselect-label { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect .p-treeselect-label { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding-top: 0; + padding-bottom: 0; + margin-top: 0; + margin-bottom: 0; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-token .p-treeselect-token-icon { + font-size: 75%; +} +.p-input-filled .p-treeselect.p-invalid { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled .p-treeselect.p-invalid:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} + +.p-treeselect.p-invalid:not(.p-disabled).p-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; +} + +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + background: rgba(255, 255, 255, 0.12); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus.p-highlight { + background: rgba(159, 168, 218, 0.24); +} + +.p-treetable .p-sortable-column { + outline: 0 none; +} +.p-treetable .p-sortable-column:focus { + background-color: rgba(255, 255, 255, 0.03); +} +.p-treetable .p-treetable-tbody > tr { + outline: 0 none; +} +.p-treetable .p-treetable-tbody > tr:not(.p-highlight):focus { + background-color: rgba(255, 255, 255, 0.03); +} + +.p-tabmenu .p-tabmenu-nav { + position: relative; +} +.p-tabmenu .p-tabmenu-nav li .p-menuitem-link { + transition: background-color 0.2s; + border-radius: 0; +} +.p-tabmenu .p-tabmenu-nav li .p-menuitem-link > .p-ink { + background-color: rgba(159, 168, 218, 0.16); +} +.p-tabmenu .p-tabmenu-nav li .p-menuitem-link:focus { + background-color: rgba(159, 168, 218, 0.12); +} +.p-tabmenu .p-tabmenu-nav li.p-highlight .p-menuitem-link:focus { + background-color: rgba(159, 168, 218, 0.12); +} +.p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar { + display: block; + position: absolute; + bottom: 0; + height: 2px; + background-color: #9FA8DA; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); +} + +.p-timeline.p-timeline-vertical .p-timeline-event-connector { + margin: 0.5rem 0; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-connector { + margin: 0 0.5rem; +} + +.p-togglebutton.p-button:focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} +.p-togglebutton.p-button:focus.p-highlight { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); +} + +.p-splitbutton.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + background: rgba(159, 168, 218, 0.12); +} +.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(159, 168, 218, 0.16); +} +.p-splitbutton.p-button-outlined > .p-button { + box-shadow: inset 0 0 0 1px; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:focus { + box-shadow: inset 0 0 0 1px; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:active { + box-shadow: inset 0 0 0 1px; +} +.p-splitbutton.p-button-outlined > .p-button.p-splitbutton-menubutton { + margin-left: -1px; + width: calc(2.75rem + 1px); +} +.p-splitbutton.p-disabled.p-button-text > .p-button { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.38) !important; +} +.p-splitbutton.p-disabled.p-button-outlined > .p-button { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.38) !important; + border-color: rgba(255, 255, 255, 0.38) !important; +} +.p-splitbutton.p-button-raised > .p-button:enabled:focus, .p-splitbutton.p-button-raised > .p-button:not(button):not(a):not(.p-disabled):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); +} + +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + background: rgba(244, 143, 177, 0.12); +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(244, 143, 177, 0.16); +} + +.p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + background: rgba(144, 202, 249, 0.12); +} +.p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(144, 202, 249, 0.16); +} + +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + background: rgba(197, 225, 165, 0.12); +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(197, 225, 165, 0.16); +} + +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + background: rgba(255, 245, 157, 0.12); +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 245, 157, 0.16); +} + +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + background: rgba(206, 147, 216, 0.12); +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(206, 147, 216, 0.16); +} + +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + background: rgba(239, 154, 154, 0.12); +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(239, 154, 154, 0.16); +} + +/* Customizations to the designer theme should be defined here */ diff --git a/assets/layout/styles/theme/mdc-dark-indigo/theme.css.br b/assets/layout/styles/theme/mdc-dark-indigo/theme.css.br new file mode 100644 index 0000000..fa022c1 Binary files /dev/null and b/assets/layout/styles/theme/mdc-dark-indigo/theme.css.br differ diff --git a/assets/layout/styles/theme/mdc-dark-indigo/theme.css.gz b/assets/layout/styles/theme/mdc-dark-indigo/theme.css.gz new file mode 100644 index 0000000..92df40e Binary files /dev/null and b/assets/layout/styles/theme/mdc-dark-indigo/theme.css.gz differ diff --git a/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff b/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff new file mode 100644 index 0000000..fb70b7e Binary files /dev/null and b/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff differ diff --git a/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff.br b/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff.br new file mode 100644 index 0000000..d45c06a Binary files /dev/null and b/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff.br differ diff --git a/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff.gz b/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff.gz new file mode 100644 index 0000000..2f6fd16 Binary files /dev/null and b/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff.gz differ diff --git a/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 b/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 new file mode 100644 index 0000000..96981bc Binary files /dev/null and b/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 differ diff --git a/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2.br b/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2.br new file mode 100644 index 0000000..119e7fc Binary files /dev/null and b/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2.br differ diff --git a/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2.gz b/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2.gz new file mode 100644 index 0000000..025e002 Binary files /dev/null and b/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2.gz differ diff --git a/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff b/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff new file mode 100644 index 0000000..d023f3d Binary files /dev/null and b/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff differ diff --git a/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff.br b/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff.br new file mode 100644 index 0000000..32cffe7 Binary files /dev/null and b/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff.br differ diff --git a/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff.gz b/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff.gz new file mode 100644 index 0000000..f45dd01 Binary files /dev/null and b/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff.gz differ diff --git a/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 b/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 new file mode 100644 index 0000000..fd49210 Binary files /dev/null and b/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 differ diff --git a/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2.br b/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2.br new file mode 100644 index 0000000..ec7fbc3 Binary files /dev/null and b/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2.br differ diff --git a/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2.gz b/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2.gz new file mode 100644 index 0000000..a4d35e0 Binary files /dev/null and b/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2.gz differ diff --git a/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff b/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff new file mode 100644 index 0000000..f9849df Binary files /dev/null and b/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff differ diff --git a/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff.br b/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff.br new file mode 100644 index 0000000..f026612 Binary files /dev/null and b/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff.br differ diff --git a/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff.gz b/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff.gz new file mode 100644 index 0000000..543edf1 Binary files /dev/null and b/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff.gz differ diff --git a/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 b/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 new file mode 100644 index 0000000..1f7dd5b Binary files /dev/null and b/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 differ diff --git a/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2.br b/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2.br new file mode 100644 index 0000000..3c25e20 Binary files /dev/null and b/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2.br differ diff --git a/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2.gz b/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2.gz new file mode 100644 index 0000000..36fb292 Binary files /dev/null and b/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2.gz differ diff --git a/assets/layout/styles/theme/mdc-light-deeppurple/theme.css b/assets/layout/styles/theme/mdc-light-deeppurple/theme.css new file mode 100644 index 0000000..c2017d1 --- /dev/null +++ b/assets/layout/styles/theme/mdc-light-deeppurple/theme.css @@ -0,0 +1,7840 @@ +: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-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; +} + +/* roboto-regular - latin-ext_latin */ +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 400; + src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/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 Medium"), local("Roboto-Medium"), url("./fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("./fonts/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("./fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-700.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +* { + box-sizing: border-box; +} + +.p-component { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + font-weight: normal; +} + +.p-component-overlay { + background-color: rgba(0, 0, 0, 0.32); + transition-duration: 0.2s; +} + +.p-disabled, .p-component:disabled { + opacity: 0.38; +} + +.p-error { + color: #B00020; +} + +.p-text-secondary { + color: rgba(0, 0, 0, 0.6); +} + +.pi { + font-size: 1rem; +} + +.p-link { + font-size: 1rem; + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + border-radius: 4px; +} +.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; +} + +.p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; +} + +@keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } +} +@keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } +} + +: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; +} + +.p-autocomplete .p-autocomplete-loader { + right: 0.75rem; +} +.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.5rem; +} +.p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #673AB7; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.375rem 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-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); + padding: 0; + margin: 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.375rem 0.75rem; + background: rgba(103, 58, 183, 0.12); + color: #673AB7; + border-radius: 4px; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; +} + +p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #B00020; +} + +.p-autocomplete-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + 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); +} +.p-autocomplete-panel .p-autocomplete-items { + padding: 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #673AB7; + background: rgba(103, 58, 183, 0.12); +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + background: transparent; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; +} + +p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; +} +p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 0.75rem; +} + +p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 3.5rem; +} + +p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #B00020; +} + +.p-datepicker { + padding: 0.5rem; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; +} +.p-datepicker:not(.p-datepicker-inline) { + 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); +} +.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; +} +.p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + font-weight: 500; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 2rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + font-weight: 500; + padding: 0.5rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #673AB7; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; +} +.p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0; +} +.p-datepicker table th { + padding: 0.5rem; +} +.p-datepicker table th > span { + width: 2.25rem; + height: 2.25rem; +} +.p-datepicker table td { + padding: 0.5rem; +} +.p-datepicker table td > span { + width: 2.25rem; + height: 2.25rem; + border-radius: 50%; + transition: none; + border: 1px solid transparent; +} +.p-datepicker table td > span.p-highlight { + color: #673AB7; + background: rgba(103, 58, 183, 0.12); +} +.p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datepicker table td.p-datepicker-today > span { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-color: black; +} +.p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #673AB7; + background: rgba(103, 58, 183, 0.12); +} +.p-datepicker .p-datepicker-buttonbar { + padding: 0.75rem 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} +.p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; +} +.p-datepicker .p-timepicker { + border-top: 1px solid rgba(0, 0, 0, 0.12); + padding: 0.5rem; +} +.p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-timepicker button:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-datepicker .p-timepicker button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; +} +.p-datepicker .p-timepicker span { + font-size: 1.25rem; +} +.p-datepicker .p-timepicker > div { + padding: 0 0.5rem; +} +.p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; +} +.p-datepicker .p-monthpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.5rem; + transition: none; + border-radius: 4px; +} +.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #673AB7; + background: rgba(103, 58, 183, 0.12); +} +.p-datepicker .p-yearpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.5rem; + transition: none; + border-radius: 4px; +} +.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #673AB7; + background: rgba(103, 58, 183, 0.12); +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid rgba(0, 0, 0, 0.12); + padding-right: 0.5rem; + padding-left: 0.5rem; + padding-top: 0; + padding-bottom: 0; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; +} +p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 0.75rem; +} + +p-calendar.p-calendar-clearable.p-calendar-w-btn .p-calendar-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 3.5rem; +} + +@media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } +} +.p-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; +} +.p-cascadeselect:not(.p-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #673AB7; +} +.p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; +} +.p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: rgba(0, 0, 0, 0.6); +} +.p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: rgba(0, 0, 0, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-cascadeselect-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + 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); +} +.p-cascadeselect-panel .p-cascadeselect-items { + padding: 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 0.75rem; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #673AB7; + background: rgba(103, 58, 183, 0.12); +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; +} + +p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #B00020; +} + +.p-input-filled .p-cascadeselect { + background: #f5f5f5; +} +.p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #ececec; +} +.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #dcdcdc; +} + +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; +} +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 2.75rem; +} + +.p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; +} +.p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); +} + +.p-checkbox { + width: 18px; + height: 18px; +} +.p-checkbox .p-checkbox-box { + border: 2px solid #757575; + background: #ffffff; + width: 18px; + height: 18px; + 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); +} +.p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #ffffff; + font-size: 14px; +} +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #673AB7; + background: #673AB7; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #673AB7; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #673AB7; + background: #673AB7; + color: #ffffff; +} + +p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #B00020; +} + +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f5f5f5; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #673AB7; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #ececec; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #673AB7; +} + +.p-checkbox-label { + margin-left: 0.5rem; +} + +.p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; +} +.p-chips .p-chips-multiple-container:not(.p-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #673AB7; +} +.p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.375rem 0.75rem; + background: rgba(103, 58, 183, 0.12); + color: #673AB7; + border-radius: 4px; +} +.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; +} +.p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.375rem 0; +} +.p-chips .p-chips-multiple-container .p-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); + padding: 0; + margin: 0; +} + +p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #B00020; +} + +p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; +} +p-chips.p-chips-clearable .p-chips-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 0.75rem; +} + +.p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; +} + +.p-colorpicker-panel { + background: #323232; + border: 1px solid #191919; +} +.p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; +} + +.p-colorpicker-overlay-panel { + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} + +.p-dropdown { + 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; +} +.p-dropdown:not(.p-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #673AB7; +} +.p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; +} +.p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; +} +.p-dropdown .p-dropdown-label.p-placeholder { + color: rgba(0, 0, 0, 0.6); +} +.p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-dropdown .p-dropdown-trigger { + background: transparent; + color: rgba(0, 0, 0, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-dropdown .p-dropdown-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 2.75rem; +} + +.p-dropdown-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + 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); +} +.p-dropdown-panel .p-dropdown-header { + padding: 0.75rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +.p-dropdown-panel .p-dropdown-items { + padding: 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #673AB7; + background: rgba(103, 58, 183, 0.12); +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + background: transparent; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; +} + +p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #B00020; +} + +.p-input-filled .p-dropdown { + background: #f5f5f5; +} +.p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #ececec; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #dcdcdc; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; +} + +.p-editor-container .p-editor-toolbar { + background: #ffffff; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e0e0e0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(0, 0, 0, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(0, 0, 0, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(0, 0, 0, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-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; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-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); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 0.75rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #e0e0e0; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(0, 0, 0, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #673AB7; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #673AB7; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #673AB7; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #673AB7; +} + +.p-inputgroup-addon { + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + border-top: 1px solid rgba(0, 0, 0, 0.38); + border-left: 1px solid rgba(0, 0, 0, 0.38); + border-bottom: 1px solid rgba(0, 0, 0, 0.38); + padding: 0.75rem 0.75rem; + min-width: 2.75rem; +} +.p-inputgroup-addon:last-child { + border-right: 1px solid rgba(0, 0, 0, 0.38); +} + +.p-inputgroup > .p-component, +.p-inputgroup > .p-element, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; +} +.p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-element + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; +} +.p-inputgroup > .p-component:focus, +.p-inputgroup > .p-element:focus, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; +} +.p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-element:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; +} + +.p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-fluid .p-inputgroup .p-button { + width: auto; +} +.p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.75rem; +} + +p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #B00020; +} + +p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; +} +p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 0.75rem; +} + +p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #B00020; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 0.75rem; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.5rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.5rem; +} + +.p-inputswitch { + width: 2.75rem; + height: 1rem; +} +.p-inputswitch .p-inputswitch-slider { + 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-radius: 0.5rem; +} +.p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1.5rem; + height: 1.5rem; + left: -1px; + margin-top: -0.75rem; + border-radius: 50%; + transition-duration: 0.2s; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1.5rem); +} +.p-inputswitch.p-focus .p-inputswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: rgba(0, 0, 0, 0.38); +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: rgba(103, 58, 183, 0.5); +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #673AB7; +} +.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: rgba(103, 58, 183, 0.5); +} + +p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + border-color: #B00020; +} + +.p-inputtext { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + padding: 0.75rem 0.75rem; + 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); + appearance: none; + border-radius: 4px; +} +.p-inputtext:enabled:hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #673AB7; +} +.p-inputtext.ng-dirty.ng-invalid { + border-color: #B00020; +} +.p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; +} +.p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; +} + +.p-float-label > label { + left: 0.75rem; + color: rgba(0, 0, 0, 0.6); + transition-duration: 0.2s; +} + +.p-float-label > .ng-invalid.ng-dirty + label { + color: #B00020; +} + +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} + +.p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; +} + +.p-input-icon-left.p-float-label > label { + left: 2.5rem; +} + +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} + +.p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; +} + +::-webkit-input-placeholder { + color: rgba(0, 0, 0, 0.6); +} + +:-moz-placeholder { + color: rgba(0, 0, 0, 0.6); +} + +::-moz-placeholder { + color: rgba(0, 0, 0, 0.6); +} + +:-ms-input-placeholder { + color: rgba(0, 0, 0, 0.6); +} + +.p-input-filled .p-inputtext { + background-color: #f5f5f5; +} +.p-input-filled .p-inputtext:enabled:hover { + background-color: #ececec; +} +.p-input-filled .p-inputtext:enabled:focus { + background-color: #dcdcdc; +} + +.p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; +} + +.p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; +} + +.p-listbox { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; +} +.p-listbox .p-listbox-header { + padding: 0.75rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; +} +.p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +.p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list { + padding: 0; +} +.p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + transition: none; + border-radius: 0; +} +.p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #673AB7; + background: rgba(103, 58, 183, 0.12); +} +.p-listbox .p-listbox-list .p-listbox-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; +} +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + background: transparent; +} +.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} + +p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #B00020; +} + +.p-multiselect { + 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; +} +.p-multiselect:not(.p-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #673AB7; +} +.p-multiselect .p-multiselect-label { + padding: 0.75rem 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); +} +.p-multiselect .p-multiselect-label.p-placeholder { + color: rgba(0, 0, 0, 0.6); +} +.p-multiselect.p-multiselect-chip .p-multiselect-label { + gap: 0.5rem; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.375rem 0.75rem; + background: rgba(103, 58, 183, 0.12); + color: #673AB7; + border-radius: 4px; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; +} +.p-multiselect .p-multiselect-trigger { + background: transparent; + color: rgba(0, 0, 0, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.375rem 0.75rem; +} + +.p-multiselect-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + 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); +} +.p-multiselect-panel .p-multiselect-header { + padding: 0.75rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +.p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-multiselect-panel .p-multiselect-items { + padding: 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #673AB7; + background: rgba(103, 58, 183, 0.12); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + background: transparent; +} + +p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #B00020; +} + +.p-input-filled .p-multiselect { + background: #f5f5f5; +} +.p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #ececec; +} +.p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #dcdcdc; +} + +p-multiselect.p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; +} +p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 2.75rem; +} + +p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #B00020; +} + +.p-password-panel { + padding: 0.75rem; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + 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; +} +.p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: rgba(103, 58, 183, 0.32); +} +.p-password-panel .p-password-meter .p-password-strength.weak { + background: #D32F2F; +} +.p-password-panel .p-password-meter .p-password-strength.medium { + background: #FBC02D; +} +.p-password-panel .p-password-meter .p-password-strength.strong { + background: #689F38; +} + +p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; +} +p-password.p-password-clearable .p-password-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 0.75rem; +} + +p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; +} +p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 2.5rem; +} + +.p-radiobutton { + width: 20px; + height: 20px; +} +.p-radiobutton .p-radiobutton-box { + border: 2px solid #757575; + background: #ffffff; + width: 20px; + height: 20px; + color: rgba(0, 0, 0, 0.87); + 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); +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #673AB7; +} +.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 10px; + height: 10px; + transition-duration: 0.2s; + background-color: #673AB7; +} +.p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #673AB7; + background: #ffffff; +} +.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #673AB7; + background: #ffffff; + color: #673AB7; +} + +p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #B00020; +} + +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f5f5f5; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #ececec; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #ffffff; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #ffffff; +} + +.p-radiobutton-label { + margin-left: 0.5rem; +} + +.p-rating .p-rating-icon { + color: #673AB7; + margin-left: 0.5rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + font-size: 1rem; +} +.p-rating .p-rating-icon.p-rating-cancel { + color: #B00020; +} +.p-rating .p-rating-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-rating .p-rating-icon:first-child { + margin-left: 0; +} +.p-rating .p-rating-icon.pi-star-fill { + color: #673AB7; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + color: #673AB7; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + color: #B00020; +} + +.p-selectbutton .p-button { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + 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); +} +.p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f6f6f6; + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); +} +.p-selectbutton .p-button.p-highlight { + background: #e0e0e1; + border-color: #e0e0e1; + color: rgba(0, 0, 0, 0.87); +} +.p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); +} +.p-selectbutton .p-button.p-highlight:hover { + background: #d9d8d9; + border-color: #d9d8d9; + color: rgba(0, 0, 0, 0.87); +} +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); +} + +p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #B00020; +} + +.p-slider { + background: #c1c1c1; + border: 0 none; + border-radius: 4px; +} +.p-slider.p-slider-horizontal { + height: 2px; +} +.p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; +} +.p-slider.p-slider-vertical { + width: 2px; +} +.p-slider.p-slider-vertical .p-slider-handle { + margin-left: -10px; + margin-bottom: -10px; +} +.p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #673AB7; + border: 0 none; + 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); +} +.p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-slider .p-slider-range { + background: #673AB7; +} +.p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #673AB7; + border-color: 0 none; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), left 0.2s; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), bottom 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; +} + +.p-togglebutton.p-button { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + 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); +} +.p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f6f6f6; + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); +} +.p-togglebutton.p-button.p-highlight { + background: #e0e0e1; + border-color: #e0e0e1; + color: rgba(0, 0, 0, 0.87); +} +.p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); +} +.p-togglebutton.p-button.p-highlight:hover { + background: #d9d8d9; + border-color: #d9d8d9; + color: rgba(0, 0, 0, 0.87); +} +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); +} + +p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #B00020; +} + +.p-treeselect { + 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; +} +.p-treeselect:not(.p-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #673AB7; +} +.p-treeselect .p-treeselect-label { + padding: 0.75rem 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); +} +.p-treeselect .p-treeselect-label.p-placeholder { + color: rgba(0, 0, 0, 0.6); +} +.p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + border-radius: 16px; +} +.p-treeselect .p-treeselect-trigger { + background: transparent; + color: rgba(0, 0, 0, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #B00020; +} + +.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.375rem 0.75rem; +} + +.p-treeselect-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + 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); +} +.p-treeselect-panel .p-treeselect-header { + padding: 0.75rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + background: transparent; +} + +.p-input-filled .p-treeselect { + background: #f5f5f5; +} +.p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #ececec; +} +.p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #dcdcdc; +} + +p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; +} +p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 2.75rem; +} + +.p-button { + color: #ffffff; + background: #673AB7; + border: 0 none; + padding: 0.643rem 0.75rem; + 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: 4px; +} +.p-button:enabled:hover { + background: rgba(103, 58, 183, 0.92); + color: #ffffff; + border-color: transparent; +} +.p-button:enabled:active { + background: rgba(103, 58, 183, 0.68); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-outlined { + background-color: transparent; + color: #673AB7; + border: 0 none; +} +.p-button.p-button-outlined:enabled:hover { + background: rgba(103, 58, 183, 0.04); + color: #673AB7; + border: 0 none; +} +.p-button.p-button-outlined:enabled:active { + background: rgba(103, 58, 183, 0.16); + color: #673AB7; + border: 0 none; +} +.p-button.p-button-outlined.p-button-plain { + color: rgba(0, 0, 0, 0.6); + border-color: rgba(0, 0, 0, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); +} +.p-button.p-button-text { + background-color: transparent; + color: #673AB7; + border-color: transparent; +} +.p-button.p-button-text:enabled:hover { + background: rgba(103, 58, 183, 0.04); + color: #673AB7; + border-color: transparent; +} +.p-button.p-button-text:enabled:active { + background: rgba(103, 58, 183, 0.16); + color: #673AB7; + border-color: transparent; +} +.p-button.p-button-text.p-button-plain { + color: rgba(0, 0, 0, 0.6); +} +.p-button.p-button-text.p-button-plain:enabled:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +.p-button.p-button-text.p-button-plain:enabled:active { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); +} +.p-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-button .p-button-label { + transition-duration: 0.2s; +} +.p-button .p-button-icon-left { + margin-right: 0.5rem; +} +.p-button .p-button-icon-right { + margin-left: 0.5rem; +} +.p-button .p-button-icon-bottom { + margin-top: 0.5rem; +} +.p-button .p-button-icon-top { + margin-bottom: 0.5rem; +} +.p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #673AB7; + background-color: #ffffff; +} +.p-button.p-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); +} +.p-button.p-button-rounded { + border-radius: 2rem; +} +.p-button.p-button-icon-only { + width: 2.75rem; + padding: 0.643rem; +} +.p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; +} +.p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.75rem; +} +.p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.562625rem 0.65625rem; +} +.p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; +} +.p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.80375rem 0.9375rem; +} +.p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; +} +.p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; +} +.p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; +} + +.p-fluid .p-button { + width: 100%; +} +.p-fluid .p-button-icon-only { + width: 2.75rem; +} +.p-fluid .p-buttonset { + display: flex; +} +.p-fluid .p-buttonset .p-button { + flex: 1; +} + +.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + color: #ffffff; + background: #4CAF50; + border: 0 none; +} +.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + background: rgba(76, 175, 80, 0.92); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: rgba(76, 175, 80, 0.68); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + background-color: transparent; + color: #4CAF50; + border: 0 none; +} +.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + background: rgba(76, 175, 80, 0.04); + color: #4CAF50; + border: 0 none; +} +.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(76, 175, 80, 0.16); + color: #4CAF50; + border: 0 none; +} +.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + background-color: transparent; + color: #4CAF50; + border-color: transparent; +} +.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + background: rgba(76, 175, 80, 0.04); + border-color: transparent; + color: #4CAF50; +} +.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + background: rgba(76, 175, 80, 0.16); + border-color: transparent; + color: #4CAF50; +} + +.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #2196F3; + border: 0 none; +} +.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + background: rgba(33, 150, 243, 0.92); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: rgba(33, 150, 243, 0.68); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + background-color: transparent; + color: #2196F3; + border: 0 none; +} +.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + background: rgba(33, 150, 243, 0.04); + color: #2196F3; + border: 0 none; +} +.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(33, 150, 243, 0.16); + color: #2196F3; + border: 0 none; +} +.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + background-color: transparent; + color: #2196F3; + border-color: transparent; +} +.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + background: rgba(33, 150, 243, 0.04); + border-color: transparent; + color: #2196F3; +} +.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + background: rgba(33, 150, 243, 0.16); + border-color: transparent; + color: #2196F3; +} + +.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #689F38; + border: 0 none; +} +.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + background: rgba(104, 159, 56, 0.92); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: rgba(104, 159, 56, 0.68); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + background-color: transparent; + color: #689F38; + border: 0 none; +} +.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + background: rgba(104, 159, 56, 0.04); + color: #689F38; + border: 0 none; +} +.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(104, 159, 56, 0.16); + color: #689F38; + border: 0 none; +} +.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + background-color: transparent; + color: #689F38; + border-color: transparent; +} +.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + background: rgba(104, 159, 56, 0.04); + border-color: transparent; + color: #689F38; +} +.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + background: rgba(104, 159, 56, 0.16); + border-color: transparent; + color: #689F38; +} + +.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #212529; + background: #FBC02D; + border: 0 none; +} +.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + background: rgba(251, 192, 45, 0.92); + color: #212529; + border-color: transparent; +} +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: rgba(251, 192, 45, 0.68); + color: #212529; + border-color: transparent; +} +.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + background-color: transparent; + color: #FBC02D; + border: 0 none; +} +.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + background: rgba(251, 192, 45, 0.04); + color: #FBC02D; + border: 0 none; +} +.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(251, 192, 45, 0.16); + color: #FBC02D; + border: 0 none; +} +.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + background-color: transparent; + color: #FBC02D; + border-color: transparent; +} +.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + background: rgba(251, 192, 45, 0.04); + border-color: transparent; + color: #FBC02D; +} +.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + background: rgba(251, 192, 45, 0.16); + border-color: transparent; + color: #FBC02D; +} + +.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #9C27B0; + border: 0 none; +} +.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + background: rgba(156, 39, 176, 0.92); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: rgba(156, 39, 176, 0.68); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + background-color: transparent; + color: #9C27B0; + border: 0 none; +} +.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + background: rgba(156, 39, 176, 0.04); + color: #9C27B0; + border: 0 none; +} +.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(156, 39, 176, 0.16); + color: #9C27B0; + border: 0 none; +} +.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + background-color: transparent; + color: #9C27B0; + border-color: transparent; +} +.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + background: rgba(156, 39, 176, 0.04); + border-color: transparent; + color: #9C27B0; +} +.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + background: rgba(156, 39, 176, 0.16); + border-color: transparent; + color: #9C27B0; +} + +.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #D32F2F; + border: 0 none; +} +.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + background: rgba(211, 47, 47, 0.92); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: rgba(211, 47, 47, 0.68); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + background-color: transparent; + color: #D32F2F; + border: 0 none; +} +.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + background: rgba(211, 47, 47, 0.04); + color: #D32F2F; + border: 0 none; +} +.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(211, 47, 47, 0.16); + color: #D32F2F; + border: 0 none; +} +.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + background-color: transparent; + color: #D32F2F; + border-color: transparent; +} +.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + background: rgba(211, 47, 47, 0.04); + border-color: transparent; + color: #D32F2F; +} +.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} + +.p-button.p-button-link { + color: #673AB7; + background: transparent; + border: transparent; +} +.p-button.p-button-link:enabled:hover { + background: transparent; + color: #673AB7; + border-color: transparent; +} +.p-button.p-button-link:enabled:hover .p-button-label { + text-decoration: underline; +} +.p-button.p-button-link:enabled:focus { + background: transparent; + box-shadow: none; + border-color: transparent; +} +.p-button.p-button-link:enabled:active { + background: transparent; + color: #673AB7; + border-color: transparent; +} + +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 2rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: #4CAF50; + color: #fff; +} +.p-speeddial-action:hover { + background: rgba(76, 175, 80, 0.92); + color: #fff; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); +} + +.p-splitbutton { + border-radius: 4px; +} +.p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #673AB7; + border: 0 none; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(103, 58, 183, 0.04); + color: #673AB7; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(103, 58, 183, 0.16); + color: #673AB7; +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: rgba(0, 0, 0, 0.6); + border-color: rgba(0, 0, 0, 0.6); +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); +} +.p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #673AB7; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(103, 58, 183, 0.04); + color: #673AB7; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(103, 58, 183, 0.16); + color: #673AB7; + border-color: transparent; +} +.p-splitbutton.p-button-text.p-button-plain > .p-button { + color: rgba(0, 0, 0, 0.6); +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); +} +.p-splitbutton.p-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); +} +.p-splitbutton.p-button-rounded { + border-radius: 2rem; +} +.p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; +} +.p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.562625rem 0.65625rem; +} +.p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; +} +.p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.80375rem 0.9375rem; +} +.p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; +} + +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #4CAF50; + border: 0 none; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(76, 175, 80, 0.04); + color: #4CAF50; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(76, 175, 80, 0.16); + color: #4CAF50; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #4CAF50; + border-color: transparent; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(76, 175, 80, 0.04); + border-color: transparent; + color: #4CAF50; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(76, 175, 80, 0.16); + border-color: transparent; + color: #4CAF50; +} + +.p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #2196F3; + border: 0 none; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(33, 150, 243, 0.04); + color: #2196F3; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(33, 150, 243, 0.16); + color: #2196F3; +} +.p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #2196F3; + border-color: transparent; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(33, 150, 243, 0.04); + border-color: transparent; + color: #2196F3; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(33, 150, 243, 0.16); + border-color: transparent; + color: #2196F3; +} + +.p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #689F38; + border: 0 none; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(104, 159, 56, 0.04); + color: #689F38; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(104, 159, 56, 0.16); + color: #689F38; +} +.p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #689F38; + border-color: transparent; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(104, 159, 56, 0.04); + border-color: transparent; + color: #689F38; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(104, 159, 56, 0.16); + border-color: transparent; + color: #689F38; +} + +.p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #FBC02D; + border: 0 none; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(251, 192, 45, 0.04); + color: #FBC02D; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(251, 192, 45, 0.16); + color: #FBC02D; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #FBC02D; + border-color: transparent; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(251, 192, 45, 0.04); + border-color: transparent; + color: #FBC02D; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(251, 192, 45, 0.16); + border-color: transparent; + color: #FBC02D; +} + +.p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #9C27B0; + border: 0 none; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(156, 39, 176, 0.04); + color: #9C27B0; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(156, 39, 176, 0.16); + color: #9C27B0; +} +.p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #9C27B0; + border-color: transparent; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(156, 39, 176, 0.04); + border-color: transparent; + color: #9C27B0; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(156, 39, 176, 0.16); + border-color: transparent; + color: #9C27B0; +} + +.p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #D32F2F; + border: 0 none; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(211, 47, 47, 0.04); + color: #D32F2F; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(211, 47, 47, 0.16); + color: #D32F2F; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #D32F2F; + border-color: transparent; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(211, 47, 47, 0.04); + border-color: transparent; + color: #D32F2F; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} + +.p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; +} +.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-carousel .p-carousel-content .p-carousel-prev:focus, +.p-carousel .p-carousel-content .p-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-carousel .p-carousel-indicators { + padding: 1rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #dcdcdc; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #ececec; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; +} + +.p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-datatable .p-datatable-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; +} +.p-datatable .p-datatable-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; +} +.p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + transition: none; +} +.p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; +} +.p-datatable .p-sortable-column .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #673AB7; + background: rgba(103, 58, 183, 0.12); + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-datatable .p-sortable-column.p-highlight { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.87); +} +.p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.87); +} +.p-datatable .p-sortable-column:focus { + box-shadow: none; + outline: 0 none; +} +.p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + transition: none; +} +.p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; +} +.p-datatable .p-datatable-tbody > tr:focus { + outline: 0.15rem solid transparent; + outline-offset: 0.15rem; +} +.p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(103, 58, 183, 0.12); +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(103, 58, 183, 0.12); +} +.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-datatable .p-column-resizer-helper { + background: #673AB7; +} +.p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #ffffff; +} +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #ffffff; +} +.p-datatable .p-datatable-loading-icon { + font-size: 2rem; +} +.p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: rgba(0, 0, 0, 0.02); +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #673AB7; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #673AB7; +} +.p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.375rem; +} +.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.375rem; +} +.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.375rem; +} +.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +.p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.375rem; +} +.p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 0.9375rem; +} +.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 0.9375rem; +} +.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +.p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 0.9375rem; +} + +.p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-dataview .p-dataview-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; +} +.p-dataview .p-dataview-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0.75rem; +} +.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; +} +.p-dataview .p-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; +} +.p-dataview .p-dataview-loading-icon { + font-size: 2rem; +} +.p-dataview .p-dataview-emptymessage { + padding: 0.75rem; +} + +.p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; +} + +.p-column-filter-menu-button { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-menu-button:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; +} +.p-column-filter-menu-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-clear-button:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-column-filter-clear-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-column-filter-overlay { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + 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); + min-width: 12.5rem; +} +.p-column-filter-overlay .p-column-filter-row-items { + padding: 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #673AB7; + background: rgba(103, 58, 183, 0.12); +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; +} + +.p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0.75rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; +} +.p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.75rem 0.75rem; +} +.p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0.75rem; +} + +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-unthemed .fc-view-container td.fc-widget-content { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #e0e0e0; +} +.fc.fc-unthemed .fc-view-container .fc-row { + border-right: 1px solid #e0e0e0; +} +.fc.fc-unthemed .fc-view-container .fc-event { + background: rgba(103, 58, 183, 0.12); + border: 1px solid rgba(103, 58, 183, 0.12); + color: #673AB7; +} +.fc.fc-unthemed .fc-view-container .fc-divider { + background: #ffffff; + border: 1px solid #e0e0e0; +} +.fc.fc-unthemed .fc-toolbar .fc-button { + color: #ffffff; + background: #673AB7; + border: 0 none; + 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: 4px; + display: flex; + align-items: center; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { + background: rgba(103, 58, 183, 0.92); + color: #ffffff; + border-color: transparent; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { + background: rgba(103, 58, 183, 0.68); + color: #ffffff; + border-color: transparent; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-unthemed .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + 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); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #f6f6f6; + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #e0e0e1; + border-color: #e0e0e1; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #d9d8d9; + border-color: #d9d8d9; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + z-index: 1; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #e0e0e0; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #ffffff; + border-color: #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-view-harness td { + color: rgba(0, 0, 0, 0.87); + border-color: #e0e0e0; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover { + background: none; + border: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { + border: 1px solid #e0e0e0; + padding: 0.75rem; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { + opacity: 1; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; + font-family: "PrimeIcons" !important; + font-size: 1rem; + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { + content: "\e90b"; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { + padding: 0.75rem; + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-top: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #673AB7; + background: rgba(103, 58, 183, 0.12); + border-color: rgba(103, 58, 183, 0.12); +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #673AB7; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: rgba(103, 58, 183, 0.12); + border-color: rgba(103, 58, 183, 0.12); +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #ffffff; + background: #673AB7; + border: 0 none; + 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: 4px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: rgba(103, 58, 183, 0.92); + color: #ffffff; + border-color: transparent; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: rgba(103, 58, 183, 0.68); + color: #ffffff; + border-color: transparent; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.38; + color: #ffffff; + background: #673AB7; + border: 0 none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + 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); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #f6f6f6; + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #e0e0e1; + border-color: #e0e0e1; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #d9d8d9; + border-color: #d9d8d9; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.fc.fc-theme-standard a { + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-highlight { + color: #673AB7; + background: rgba(103, 58, 183, 0.12); +} + +.p-orderlist .p-orderlist-controls { + padding: 0.75rem; +} +.p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; +} +.p-orderlist .p-orderlist-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e0e0e0; + padding: 0.75rem; + border-bottom: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 500; +} +.p-orderlist .p-orderlist-filter-container { + padding: 0.75rem; + background: #ffffff; + border: 1px solid #e0e0e0; + border-bottom: 0 none; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +.p-orderlist .p-orderlist-list { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; +} +.p-orderlist .p-orderlist-list .p-orderlist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #673AB7; + background: rgba(103, 58, 183, 0.12); +} +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); +} +.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: rgba(0, 0, 0, 0.02); +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(0, 0, 0, 0.04); +} + +.p-orderlist-item.cdk-drag-preview { + padding: 0.75rem 0.75rem; + box-shadow: 0 5px 5px -3px rgba(0, 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: 0 none; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; +} + +.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; +} +.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(49, 27, 86, 0.12); +} +.p-organizationchart .p-organizationchart-line-down { + background: rgba(0, 0, 0, 0.12); +} +.p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #e0e0e0; + border-color: rgba(0, 0, 0, 0.12); +} +.p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #e0e0e0; + border-color: rgba(0, 0, 0, 0.12); +} +.p-organizationchart .p-organizationchart-node-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-paginator { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: solid #e4e4e4; + border-width: 0; + padding: 0.375rem 0.75rem; + border-radius: 4px; +} +.p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: rgba(0, 0, 0, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: none; + border-radius: 50%; +} +.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; + color: rgba(0, 0, 0, 0.6); +} +.p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; +} +.p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 3rem; +} +.p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; +} +.p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; +} +.p-paginator .p-paginator-page-input .p-inputtext { + max-width: 3rem; +} +.p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: rgba(0, 0, 0, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + padding: 0 0.5rem; +} +.p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: rgba(0, 0, 0, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: none; + border-radius: 50%; +} +.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(103, 58, 183, 0.12); + border-color: rgba(103, 58, 183, 0.12); + color: #673AB7; +} +.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; + color: rgba(0, 0, 0, 0.6); +} + +.p-picklist .p-picklist-buttons { + padding: 0.75rem; +} +.p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; +} +.p-picklist .p-picklist-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e0e0e0; + padding: 0.75rem; + border-bottom: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-picklist .p-picklist-header .p-picklist-title { + font-weight: 500; +} +.p-picklist .p-picklist-filter-container { + padding: 0.75rem; + background: #ffffff; + border: 1px solid #e0e0e0; + border-bottom: 0 none; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +.p-picklist .p-picklist-list { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-picklist .p-picklist-list .p-picklist-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; +} +.p-picklist .p-picklist-list .p-picklist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #673AB7; + background: rgba(103, 58, 183, 0.12); +} +.p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); +} +.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: rgba(0, 0, 0, 0.02); +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(0, 0, 0, 0.04); +} + +.p-picklist-item.cdk-drag-preview { + padding: 0.75rem 0.75rem; + box-shadow: 0 5px 5px -3px rgba(0, 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: 0 none; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; +} + +.p-timeline .p-timeline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #bdbdbd; +} +.p-timeline .p-timeline-event-connector { + background-color: #bdbdbd; +} +.p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; +} +.p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; +} + +.p-tree { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +.p-tree .p-tree-container .p-treenode { + padding: 0.25rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 4px; + transition: none; + padding: 0.25rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(0, 0, 0, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #673AB7; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #673AB7; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; +} +.p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; +} +.p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +.p-tree .p-treenode-children { + padding: 0 0 0 1rem; +} +.p-tree .p-tree-loading-icon { + font-size: 2rem; +} +.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(82, 46, 146, 0.12); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 4px; + border: 1px solid #e0e0e0; + background-color: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.25rem; + transition: none; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(103, 58, 183, 0.12); + color: #673AB7; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #673AB7; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-treetable .p-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; +} +.p-treetable .p-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; +} +.p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + transition: none; +} +.p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; +} +.p-treetable .p-sortable-column { + outline-color: transparent; +} +.p-treetable .p-sortable-column .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #673AB7; + background: rgba(103, 58, 183, 0.12); + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-treetable .p-sortable-column.p-highlight { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.87); +} +.p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + transition: none; +} +.p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(0, 0, 0, 0.87); +} +.p-treetable .p-treetable-tbody > tr:focus { + outline: 0.15rem solid transparent; + outline-offset: -0.15rem; +} +.p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #673AB7; +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #673AB7; +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: rgba(0, 0, 0, 0.87); +} +.p-treetable .p-column-resizer-helper { + background: #673AB7; +} +.p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #ffffff; +} +.p-treetable .p-treetable-loading-icon { + font-size: 2rem; +} +.p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.65625rem 0.65625rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.375rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.375rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.375rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 0.9375rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 0.9375rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 0.9375rem; +} + +.p-virtualscroller .p-virtualscroller-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; +} +.p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0.75rem; +} +.p-virtualscroller .p-virtualscroller-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; +} + +.p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.25rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + font-weight: 400; + border-radius: 4px; + transition: none; +} +.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; +} +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #f6f6f6; + border-color: transparent; + color: rgba(0, 0, 0, 0.87); +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #ffffff; + border-color: transparent; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +.p-accordion .p-accordion-content { + padding: 0.75rem 1.25rem; + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; +} +.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; +} +.p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; +} +.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 none; +} +.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-top: 0 none; +} +.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-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; +} +.p-card .p-card-body { + padding: 0.75rem; +} +.p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +.p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +.p-card .p-card-content { + padding: 0.75rem 0; +} +.p-card .p-card-footer { + padding: 0.75rem 0 0 0; +} + +.p-divider .p-divider-content { + background-color: #ffffff; +} +.p-divider.p-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; +} +.p-divider.p-divider-horizontal:before { + border-top: 1px rgba(0, 0, 0, 0.12); +} +.p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; +} +.p-divider.p-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; +} +.p-divider.p-divider-vertical:before { + border-left: 1px rgba(0, 0, 0, 0.12); +} +.p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; +} + +.p-fieldset { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-radius: 4px; +} +.p-fieldset .p-fieldset-legend { + padding: 0.75rem; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + font-weight: 500; + border-radius: 4px; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 4px; + transition: none; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(0, 0, 0, 0.04); + border-color: #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +.p-fieldset .p-fieldset-content { + padding: 0.75rem; +} + +.p-panel .p-panel-header { + border: 1px solid #e0e0e0; + padding: 0.75rem; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-panel .p-panel-header .p-panel-title { + font-weight: 500; +} +.p-panel .p-panel-header .p-panel-header-icon { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-panel .p-panel-header .p-panel-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-panel.p-panel-toggleable .p-panel-header { + padding: 0.5rem 1rem; +} +.p-panel .p-panel-content { + padding: 0.75rem; + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + border-top: 0 none; +} +.p-panel .p-panel-footer { + padding: 0.75rem 0.75rem; + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-top: 0 none; +} +.p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; +} +.p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; +} +.p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; +} + +.p-scrollpanel .p-scrollpanel-bar { + background: rgba(0, 0, 0, 0.12); + border: 0 none; +} + +.p-splitter { + border: 1px solid #e0e0e0; + background: #ffffff; + border-radius: 4px; + color: rgba(0, 0, 0, 0.87); +} +.p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: rgba(0, 0, 0, 0.04); +} +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: rgba(0, 0, 0, 0.12); +} +.p-splitter .p-splitter-gutter-resizing { + background: rgba(0, 0, 0, 0.12); +} + +.p-tabview .p-tabview-nav { + background: #ffffff; + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; +} +.p-tabview .p-tabview-nav li { + margin-right: 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; + border-color: transparent transparent rgba(0, 0, 0, 0.12) transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: none; + margin: 0 0 0 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: rgba(103, 58, 183, 0.04); + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.6); +} +.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: rgba(0, 0, 0, 0.12); + color: #673AB7; +} +.p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; +} +.p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-close { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #673AB7; + width: 2.75rem; + 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); + border-radius: 0; +} +.p-tabview .p-tabview-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +.p-tabview .p-tabview-panels { + background: #ffffff; + padding: 0.75rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-toolbar { + background: #ffffff; + border: 1px solid #e0e0e0; + padding: 0.75rem; + border-radius: 4px; + gap: 0.5rem; +} +.p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; +} + +.p-confirm-popup { + background: #ffffff; + color: rgba(0, 0, 0, 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); +} +.p-confirm-popup .p-confirm-popup-content { + padding: 0.75rem; +} +.p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.75rem 0.75rem; +} +.p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; +} +.p-confirm-popup:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +.p-confirm-popup:before { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +.p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #ffffff; +} +.p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #ffffff; +} +.p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; +} +.p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; +} + +.p-dialog { + 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); + border: 0 none; +} +.p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 1.25rem; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-dialog .p-dialog-header .p-dialog-title { + font-weight: 500; + font-size: 1.25rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-dialog .p-dialog-header .p-dialog-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; +} +.p-dialog .p-dialog-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0 1.25rem 1.25rem 1.25rem; +} +.p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-dialog .p-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 1.25rem; + text-align: right; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; +} + +.p-overlaypanel { + background: #ffffff; + color: rgba(0, 0, 0, 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); +} +.p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; +} +.p-overlaypanel .p-overlaypanel-close { + background: #673AB7; + color: #ffffff; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + position: absolute; + top: -1rem; + right: -1rem; +} +.p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: rgba(103, 58, 183, 0.92); + color: #ffffff; +} +.p-overlaypanel:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +.p-overlaypanel:before { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #f2f2f2; +} +.p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #ffffff; +} +.p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #ffffff; +} + +.p-sidebar { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + 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); +} +.p-sidebar .p-sidebar-header { + padding: 0.75rem; +} +.p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-sidebar .p-sidebar-header .p-sidebar-close:focus, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; +} +.p-sidebar .p-sidebar-content { + padding: 0.75rem; +} +.p-sidebar .p-sidebar-footer { + padding: 0.75rem; +} + +.p-tooltip .p-tooltip-text { + background: rgba(97, 97, 97, 0.9); + color: #ffffff; + padding: 0.5rem; + box-shadow: 0 5px 5px -3px rgba(0, 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; +} +.p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: rgba(97, 97, 97, 0.9); +} +.p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: rgba(97, 97, 97, 0.9); +} +.p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: rgba(97, 97, 97, 0.9); +} +.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: rgba(97, 97, 97, 0.9); +} + +.p-fileupload .p-fileupload-buttonbar { + background: #ffffff; + padding: 0.75rem; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + border-bottom: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; +} +.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 2rem 1rem; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-fileupload .p-progressbar { + height: 4px; +} +.p-fileupload .p-fileupload-row > div { + padding: 0.75rem 0.75rem; +} +.p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; +} + +.p-fileupload-choose:not(.p-disabled):hover { + background: rgba(103, 58, 183, 0.92); + color: #ffffff; + border-color: transparent; +} +.p-fileupload-choose:not(.p-disabled):active { + background: rgba(103, 58, 183, 0.68); + color: #ffffff; + border-color: transparent; +} + +.p-breadcrumb { + background: #ffffff; + border: 1px solid #e5e5e5; + border-radius: 4px; + padding: 0.75rem; +} +.p-breadcrumb ul li .p-menuitem-link { + transition: none; + border-radius: 4px; +} +.p-breadcrumb ul li .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-breadcrumb ul li.p-breadcrumb-chevron { + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +.p-breadcrumb ul li:last-child .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-breadcrumb ul li:last-child .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} + +.p-contextmenu { + padding: 0.5rem 0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + 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); + border-radius: 4px; + width: 12.5rem; +} +.p-contextmenu .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-contextmenu .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-contextmenu .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-contextmenu .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-contextmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + 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); + border-radius: 4px; +} +.p-contextmenu .p-menuitem { + margin: 0; +} +.p-contextmenu .p-menuitem:last-child { + margin: 0; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(0, 0, 0, 0.04); +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-contextmenu .p-menu-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; +} +.p-contextmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-contextmenu .p-menuitem-badge { + background: #673AB7; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + +@media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } +} +.p-megamenu { + padding: 0.75rem; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 4px; + transition: none; + user-select: none; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-megamenu .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-megamenu .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-megamenu .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-megamenu .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-megamenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-megamenu .p-megamenu-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + 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); +} +.p-megamenu .p-megamenu-submenu-header { + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-megamenu .p-megamenu-submenu { + padding: 0.5rem 0; + width: 12.5rem; +} +.p-megamenu .p-megamenu-submenu .p-menu-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem { + margin: 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(0, 0, 0, 0.04); +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.5rem 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem { + margin: 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem-badge { + background: #673AB7; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menu { + padding: 0.5rem 0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; + width: 12.5rem; +} +.p-menu .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-menu .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-menu .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-menu .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-menu.p-menu-overlay { + background: #ffffff; + 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); +} +.p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.p-menu .p-menu-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; +} +.p-menu .p-menuitem { + margin: 0; +} +.p-menu .p-menuitem:last-child { + margin: 0; +} +.p-menu .p-menuitem-badge { + background: #673AB7; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menubar { + padding: 0.75rem; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; +} +.p-menubar .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-menubar .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-menubar .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-menubar .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menubar .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 4px; + transition: none; + user-select: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menubar .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + 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); + width: 12.5rem; +} +.p-menubar .p-submenu-list .p-menu-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; +} +.p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; +} +.p-menubar .p-submenu-list .p-menuitem { + margin: 0; +} +.p-menubar .p-submenu-list .p-menuitem:last-child { + margin: 0; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(0, 0, 0, 0.04); +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menubar .p-menuitem-badge { + background: #673AB7; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +@media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(0, 0, 0, 0.6); + background: rgba(0, 0, 0, 0.04); + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.5rem 0; + background: #ffffff; + 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); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menu-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: none; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } +} +.p-panelmenu .p-panelmenu-header > a { + padding: 1.25rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + font-weight: 400; + border-radius: 4px; + transition: none; +} +.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + background: #f6f6f6; + border-color: transparent; + color: rgba(0, 0, 0, 0.87); +} +.p-panelmenu .p-panelmenu-header.p-highlight { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight > a { + background: #ffffff; + border-color: transparent; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +.p-panelmenu .p-panelmenu-content { + padding: 0.5rem 0; + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + margin-bottom: 0; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { + padding: 0 0 0 1rem; +} +.p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { + border-radius: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; +} +.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { + border-top: 0 none; +} +.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { + border-top: 0 none; +} +.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-panelmenu .p-menuitem-badge { + background: #673AB7; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-slidemenu { + padding: 0.5rem 0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; + width: 12.5rem; +} +.p-slidemenu .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-slidemenu .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-slidemenu .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-slidemenu .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-slidemenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + 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); +} +.p-slidemenu .p-slidemenu-list { + padding: 0.5rem 0; + background: #ffffff; + 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); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { + background: rgba(0, 0, 0, 0.04); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { + color: rgba(0, 0, 0, 0.87); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-slidemenu .p-slidemenu-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; +} +.p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; +} +.p-slidemenu .p-slidemenu-backward { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); +} +.p-slidemenu .p-menuitem-badge { + background: #673AB7; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: none; + border-radius: 4px; + background: transparent; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: rgba(0, 0, 0, 0.87); + border: 1px solid transparent; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: rgba(0, 0, 0, 0.87); +} +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; +} +.p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: rgba(0, 0, 0, 0.87); +} +.p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid rgba(0, 0, 0, 0.12); + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; +} + +.p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; +} +.p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #673AB7; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; + border-color: transparent transparent rgba(0, 0, 0, 0.12) transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: none; + margin: 0 0 0 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: rgba(103, 58, 183, 0.04); + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.6); +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: rgba(0, 0, 0, 0.12); + color: #673AB7; +} +.p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #ffffff; + color: #673AB7; + width: 2.75rem; + 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); + border-radius: 0; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} + +.p-tieredmenu { + padding: 0.5rem 0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; + width: 12.5rem; +} +.p-tieredmenu .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-tieredmenu .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-tieredmenu .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-tieredmenu .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-tieredmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + 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); +} +.p-tieredmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + 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); +} +.p-tieredmenu .p-menuitem { + margin: 0; +} +.p-tieredmenu .p-menuitem:last-child { + margin: 0; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(0, 0, 0, 0.04); +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-tieredmenu .p-menu-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; +} +.p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-tieredmenu .p-menuitem-badge { + background: #673AB7; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-inline-message { + padding: 0.75rem 0.75rem; + margin: 0; + border-radius: 4px; +} +.p-inline-message.p-inline-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 1px; + color: #01579B; +} +.p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #01579B; +} +.p-inline-message.p-inline-message-success { + background: #C8E6C9; + border: solid transparent; + border-width: 1px; + color: #1B5E20; +} +.p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #1B5E20; +} +.p-inline-message.p-inline-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 1px; + color: #7f6003; +} +.p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #7f6003; +} +.p-inline-message.p-inline-message-error { + background: #FFCDD2; + border: solid transparent; + border-width: 1px; + color: #B71C1C; +} +.p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #B71C1C; +} +.p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; +} +.p-inline-message .p-inline-message-text { + font-size: 1rem; +} +.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; +} + +.p-message { + margin: 0.75rem 0; + border-radius: 4px; +} +.p-message .p-message-wrapper { + padding: 1rem 1.25rem; +} +.p-message .p-message-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-message .p-message-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-message.p-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579B; +} +.p-message.p-message-info .p-message-icon { + color: #01579B; +} +.p-message.p-message-info .p-message-close { + color: #01579B; +} +.p-message.p-message-success { + background: #C8E6C9; + border: solid transparent; + border-width: 0 0 0 0; + color: #1B5E20; +} +.p-message.p-message-success .p-message-icon { + color: #1B5E20; +} +.p-message.p-message-success .p-message-close { + color: #1B5E20; +} +.p-message.p-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; +} +.p-message.p-message-warn .p-message-icon { + color: #7f6003; +} +.p-message.p-message-warn .p-message-close { + color: #7f6003; +} +.p-message.p-message-error { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 0; + color: #B71C1C; +} +.p-message.p-message-error .p-message-icon { + color: #B71C1C; +} +.p-message.p-message-error .p-message-close { + color: #B71C1C; +} +.p-message .p-message-text { + font-size: 1rem; + font-weight: 500; +} +.p-message .p-message-icon { + font-size: 1.5rem; + margin-right: 0.5rem; +} +.p-message .p-message-summary { + font-weight: 700; +} +.p-message .p-message-detail { + margin-left: 0.5rem; +} + +.p-toast { + opacity: 0.9; +} +.p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 5px 5px -3px rgba(0, 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; +} +.p-toast .p-toast-message .p-toast-message-content { + padding: 1.25rem; + border-width: 0 0 0 0; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 1rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 2rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 700; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; +} +.p-toast .p-toast-message .p-toast-icon-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-toast .p-toast-message .p-toast-icon-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-toast .p-toast-message.p-toast-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579B; +} +.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #01579B; +} +.p-toast .p-toast-message.p-toast-message-success { + background: #C8E6C9; + border: solid transparent; + border-width: 0 0 0 0; + color: #1B5E20; +} +.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #1B5E20; +} +.p-toast .p-toast-message.p-toast-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; +} +.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #7f6003; +} +.p-toast .p-toast-message.p-toast-message-error { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 0; + color: #B71C1C; +} +.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #B71C1C; +} + +.p-galleria .p-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; + border-radius: 50%; +} +.p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria .p-galleria-item-nav { + background: transparent; + color: #f6f6f6; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + margin: 0 0.5rem; +} +.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.87); + padding: 1rem; +} +.p-galleria .p-galleria-indicators { + padding: 1rem; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #dcdcdc; + width: 1.25rem; + height: 1.25rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #ececec; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; +} +.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; +} +.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; +} +.p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-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; + border-radius: 50%; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-preview-indicator { + background-color: transparent; + color: #f8f9fa; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} + +.p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); +} + +.p-image-toolbar { + padding: 1rem; +} + +.p-image-action.p-link { + color: #f8f9fa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-image-action.p-link:last-child { + margin-right: 0; +} +.p-image-action.p-link:hover { + color: #f8f9fa; + background-color: rgba(255, 255, 255, 0.1); +} +.p-image-action.p-link i { + font-size: 1.5rem; +} + +.p-avatar { + background-color: rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +.p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +.p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; +} +.p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +.p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; +} + +.p-avatar-group .p-avatar { + border: 2px solid #ffffff; +} + +.p-badge { + background: #673AB7; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +.p-badge.p-badge-secondary { + background-color: #4CAF50; + color: #ffffff; +} +.p-badge.p-badge-success { + background-color: #689F38; + color: #ffffff; +} +.p-badge.p-badge-info { + background-color: #2196F3; + color: #ffffff; +} +.p-badge.p-badge-warning { + background-color: #FBC02D; + color: #212529; +} +.p-badge.p-badge-danger { + background-color: #D32F2F; + color: #ffffff; +} +.p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +.p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} + +.p-chip { + background-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + border-radius: 16px; + padding: 0 0.75rem; +} +.p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; +} +.p-chip .p-chip-icon { + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; +} +.p-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-inplace .p-inplace-display { + padding: 1rem 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); +} +.p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-progressbar { + border: 0 none; + height: 4px; + background: rgba(103, 58, 183, 0.32); + border-radius: 4px; +} +.p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #673AB7; +} +.p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 4px; +} + +.p-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, color 0.2s, box-shadow 0.2s; +} +.p-scrolltop.p-link { + background: #4CAF50; +} +.p-scrolltop.p-link:hover { + background: rgba(76, 175, 80, 0.92); +} +.p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #ffffff; +} + +.p-skeleton { + background-color: rgba(0, 0, 0, 0.08); + border-radius: 4px; +} +.p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); +} + +.p-tag { + background: #673AB7; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; +} +.p-tag.p-tag-success { + background-color: #689F38; + color: #ffffff; +} +.p-tag.p-tag-info { + background-color: #2196F3; + color: #ffffff; +} +.p-tag.p-tag-warning { + background-color: #FBC02D; + color: #212529; +} +.p-tag.p-tag-danger { + background-color: #D32F2F; + color: #ffffff; +} +.p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +.p-terminal { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e0e0e0; + padding: 0.75rem; +} +.p-terminal .p-terminal-input { + font-size: 1rem; + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; +} + +.p-accordion .p-accordion-tab { + 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); + margin-bottom: 0; + border-radius: 0; + position: relative; + transition: margin-bottom 225ms; +} +.p-accordion .p-accordion-tab:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +.p-accordion .p-accordion-tab:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-accordion .p-accordion-tab .p-accordion-toggle-icon { + order: 1; + margin-left: auto; + transition: transform 0.2s; +} +.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-header-link:focus { + background: #f6f6f6; +} +.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-toggle-icon { + transform: rotate(-270deg); +} +.p-accordion .p-accordion-tab.p-accordion-tab-active { + margin-bottom: 1rem; +} +.p-accordion .p-accordion-tab.p-accordion-tab-active .p-accordion-toggle-icon { + transform: rotate(-180deg); +} +.p-accordion .p-accordion-tab .p-accordion-header.p-disabled { + opacity: 1; +} +.p-accordion .p-accordion-tab .p-accordion-header.p-disabled .p-accordion-header-link > * { + opacity: 0.38; +} + +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-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; +} + +.p-input-filled .p-autocomplete .p-autocomplete-multiple-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; +} +.p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):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)); +} +.p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} + +.p-float-label .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 1rem; +} + +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding-top: 0; + padding-bottom: 0; +} +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + font-size: 75%; +} +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0; +} +.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; +} +.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} + +p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled: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; +} +p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-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; +} + +.p-breadcrumb .p-menuitem-link { + padding: 0.25rem 0.5rem; +} +.p-breadcrumb .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); +} + +.p-button { + font-weight: 500; + min-width: 4rem; +} +.p-button.p-button-icon-only { + min-width: auto; +} +.p-button:enabled:focus { + background: rgba(103, 58, 183, 0.76); +} +.p-button:enabled:active { + background: rgba(103, 58, 183, 0.68); +} +.p-button .p-ink { + background-color: rgba(255, 255, 255, 0.32); +} +.p-button.p-button-text:enabled:focus, .p-button.p-button-outlined:enabled:focus { + background: rgba(103, 58, 183, 0.12); +} +.p-button.p-button-text:enabled:active, .p-button.p-button-outlined:enabled:active { + background: rgba(103, 58, 183, 0.16); +} +.p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink { + background-color: rgba(103, 58, 183, 0.16); +} +.p-button.p-button-outlined { + box-shadow: inset 0 0 0 1px; +} +.p-button.p-button-outlined:enabled:focus { + box-shadow: inset 0 0 0 1px; +} +.p-button.p-button-outlined:enabled:active { + box-shadow: inset 0 0 0 1px; +} +.p-button:disabled { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(0, 0, 0, 0.38) !important; + opacity: 1; +} +.p-button:disabled.p-button-text { + background-color: transparent !important; + color: rgba(0, 0, 0, 0.38) !important; +} +.p-button:disabled.p-button-outlined { + background-color: transparent !important; + color: rgba(0, 0, 0, 0.38) !important; + border-color: rgba(0, 0, 0, 0.38) !important; +} +.p-button.p-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); +} + +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + background: rgba(76, 175, 80, 0.76); +} +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: rgba(76, 175, 80, 0.68); +} +.p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus { + background: rgba(76, 175, 80, 0.12); +} +.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(76, 175, 80, 0.16); +} +.p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink { + background-color: rgba(76, 175, 80, 0.16); +} + +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + background: rgba(33, 150, 243, 0.76); +} +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: rgba(33, 150, 243, 0.68); +} +.p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus { + background: rgba(33, 150, 243, 0.12); +} +.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(33, 150, 243, 0.16); +} +.p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink { + background-color: rgba(33, 150, 243, 0.16); +} + +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + background: rgba(104, 159, 56, 0.76); +} +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: rgba(104, 159, 56, 0.68); +} +.p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus { + background: rgba(104, 159, 56, 0.12); +} +.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(104, 159, 56, 0.16); +} +.p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink { + background-color: rgba(104, 159, 56, 0.16); +} + +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + background: rgba(251, 192, 45, 0.76); +} +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: rgba(251, 192, 45, 0.68); +} +.p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus { + background: rgba(251, 192, 45, 0.12); +} +.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(251, 192, 45, 0.16); +} +.p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink { + background-color: rgba(251, 192, 45, 0.16); +} + +.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + background: rgba(156, 39, 176, 0.76); +} +.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: rgba(156, 39, 176, 0.68); +} +.p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus { + background: rgba(156, 39, 176, 0.12); +} +.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(156, 39, 176, 0.16); +} +.p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink { + background-color: rgba(156, 39, 176, 0.16); +} + +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + background: rgba(211, 47, 47, 0.76); +} +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: rgba(211, 47, 47, 0.68); +} +.p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus { + background: rgba(211, 47, 47, 0.12); +} +.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(211, 47, 47, 0.16); +} +.p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink { + background-color: rgba(211, 47, 47, 0.16); +} + +.p-calendar-w-btn { + border: 1px solid rgba(0, 0, 0, 0.38); + background: #ffffff; + 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); +} +.p-calendar-w-btn .p-inputtext { + background-image: none; + background-color: transparent; + border: 0 none; +} +.p-calendar-w-btn .p-inputtext:enabled:focus { + box-shadow: none; +} +.p-calendar-w-btn .p-datepicker-trigger.p-button { + background-color: transparent; + border: 0 none; +} +.p-calendar-w-btn .p-datepicker-trigger.p-button span { + color: rgba(0, 0, 0, 0.6); +} +.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover { + background: rgba(0, 0, 0, 0.04); +} +.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:active, .p-calendar-w-btn .p-datepicker-trigger.p-button:focus { + background: rgba(0, 0, 0, 0.12); +} +.p-calendar-w-btn .p-datepicker-trigger.p-button:disabled { + background-color: transparent !important; +} +.p-calendar-w-btn:not(.p-calendar-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-calendar-w-btn:not(.p-calendar-disabled).p-focus { + border-color: #673AB7; + 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; +} +.p-calendar-w-btn.p-calendar-disabled { + opacity: 0.38; +} +.p-calendar-w-btn.p-calendar-disabled .p-inputtext { + opacity: 1; +} + +.p-datepicker .p-datepicker-header { + border-bottom: 0 none; +} +.p-datepicker .p-datepicker-header .p-datepicker-title { + margin: 0 auto 0 0; + order: 1; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev { + order: 2; +} +.p-datepicker .p-datepicker-header .p-datepicker-next { + order: 3; +} +.p-datepicker table 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; +} +.p-datepicker table td.p-datepicker-today > span { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38); +} +.p-datepicker table td.p-datepicker-today.p-highlight { + box-shadow: 0 0 0 1px rgba(103, 58, 183, 0.12); +} + +p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled: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; +} +p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { + border-color: #B00020; +} +p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext:enabled:focus { + box-shadow: none; +} +p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-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; +} + +.p-input-filled .p-calendar-w-btn { + 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; +} +.p-input-filled .p-calendar-w-btn .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):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)); +} +.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-calendar-w-btn .p-inputtext { + border: 0 none; +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext { + border: 0 none; + background-image: none; +} + +.p-cascadeselect .p-inputtext, .p-cascadeselect .p-cascadeselect-trigger { + background-image: none; + background: transparent; +} +.p-cascadeselect .p-inputtext { + border: 0 none; +} +.p-cascadeselect:not(.p-disabled).p-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; +} + +.p-cascadeselect-item .p-ink { + background-color: rgba(103, 58, 183, 0.16); +} + +.p-input-filled .p-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; +} +.p-input-filled .p-cascadeselect .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-cascadeselect:not(.p-disabled):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)); +} +.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-cascadeselect .p-inputtext:enabled:hover, .p-input-filled .p-cascadeselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-cascadeselect .p-inputtext { + border: 0 none; +} +.p-input-filled .p-cascadeselect .p-cascadeselect-label:hover { + background-image: none; + background: transparent; +} +.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} + +.p-input-filled .p-float-label .p-cascadeselect .p-cascadeselect-label { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-cascadeselect .p-cascadeselect-label { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +.p-input-filled .p-cascadeselect.p-invalid { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} + +p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-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; +} + +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #4CAF50; + color: #ffffff; +} + +.p-checkbox { + border-radius: 50%; + transition: box-shadow 0.2s; +} +.p-checkbox .p-checkbox-box { + border-color: #757575; + border-radius: 2px; + position: relative; +} +.p-checkbox .p-checkbox-box:not(.p-disabled):hover { + border-color: #757575; +} +.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { + border-color: #757575; +} +.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus { + border-color: #673AB7; +} +.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check: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; +} +.p-checkbox:not(.p-checkbox-disabled):hover { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +.p-checkbox:not(.p-checkbox-disabled).p-checkbox-focused { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); +} +.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled):hover { + box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.04); +} +.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused { + box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12); +} + +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #ffffff; +} +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):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); + } +} +.p-chips .p-chips-multiple-container:not(.p-disabled).p-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; +} + +.p-input-filled .p-chips-multiple-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; +} +.p-input-filled .p-chips-multiple-container .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-chips-multiple-container:not(.p-disabled):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)); +} +.p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-chips-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} + +.p-float-label .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 1rem; +} + +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token { + padding-top: 0; + padding-bottom: 0; +} +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + font-size: 75%; +} +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0; +} +.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} + +p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-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; +} + +.p-datatable .p-sortable-column { + outline: 0 none; +} +.p-datatable .p-sortable-column:focus { + background-color: rgba(0, 0, 0, 0.03); +} +.p-datatable .p-datatable-tbody > tr { + outline: 0 none; +} +.p-datatable .p-datatable-tbody > tr:not(.p-highlight):focus { + background-color: rgba(0, 0, 0, 0.03); +} + +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #673AB7; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #673AB7; +} + +.p-dropdown .p-inputtext, .p-dropdown .p-dropdown-trigger { + background-image: none; + background: transparent; +} +.p-dropdown .p-inputtext { + border: 0 none; +} +.p-dropdown:not(.p-disabled).p-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; +} + +.p-dropdown-item .p-ink { + background-color: rgba(103, 58, 183, 0.16); +} + +.p-input-filled .p-dropdown { + 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; +} +.p-input-filled .p-dropdown .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-dropdown:not(.p-disabled):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)); +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-dropdown .p-inputtext:enabled:hover, .p-input-filled .p-dropdown .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-dropdown .p-inputtext { + border: 0 none; +} +.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus, .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} + +p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-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; +} + +.p-galleria .p-galleria-indicators { + padding: 1rem; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #4CAF50; + color: #ffffff; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(76, 175, 80, 0.68); + color: #ffffff; +} + +.p-inputtext:enabled: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; +} +.p-inputtext:enabled:focus.ng-invalid.ng-dirty { + 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; +} + +.p-input-filled .p-inputtext { + 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; +} +.p-input-filled .p-inputtext:enabled: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)); +} +.p-input-filled .p-inputtext:enabled:focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-inputtext.ng-invalid.ng-dirty { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled .p-inputtext.ng-invalid.ng-dirty:enabled:focus { + box-shadow: none; + border-color: transparent; +} + +.p-input-filled .p-inputgroup .p-inputgroup-addon { + 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; +} +.p-input-filled .p-inputgroup .p-inputgroup-addon:last-child { + border-right-color: transparent; +} +.p-input-filled .p-inputgroup-addon:first-child, +.p-input-filled .p-inputgroup button:first-child, +.p-input-filled .p-inputgroup input:first-child { + border-bottom-left-radius: 0; +} +.p-input-filled .p-inputgroup .p-float-label:first-child input { + border-bottom-left-radius: 0; +} +.p-input-filled .p-inputgroup-addon:last-child, +.p-input-filled .p-inputgroup button:last-child, +.p-input-filled .p-inputgroup input:last-child { + border-bottom-right-radius: 0; +} +.p-input-filled .p-inputgroup .p-float-label:last-child input { + border-bottom-right-radius: 0; +} + +p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled: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; +} + +.p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; +} + +p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled: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; +} + +.p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; +} + +.p-inputswitch .p-inputswitch-slider:before { + 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); +} +.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before { + 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); +} +.p-inputswitch.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before { + 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); +} +.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider:before { + 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); +} +.p-inputswitch.p-inputswitch-checked.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before { + 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); +} + +.p-fieldset .p-fieldset-legend { + border: 0 none; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + background: rgba(0, 0, 0, 0.12); +} + +.p-float-label input:focus ~ label, +.p-float-label input.p-filled ~ label, +.p-float-label textarea:focus ~ label, +.p-float-label textarea.p-filled ~ label, +.p-float-label .p-inputwrapper-focus ~ label, +.p-float-label .p-inputwrapper-filled ~ label { + top: -0.5rem !important; + background-color: #ffffff; + padding: 2px 4px; + margin-left: -4px; + margin-top: 0; +} + +.p-float-label textarea ~ label { + margin-top: 0; +} + +.p-float-label input:focus ~ label, +.p-float-label .p-inputwrapper-focus ~ label { + color: #673AB7; +} + +.p-input-filled .p-float-label .p-inputtext { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +.p-input-filled .p-float-label input:focus ~ label, +.p-input-filled .p-float-label input.p-filled ~ label, +.p-input-filled .p-float-label textarea:focus ~ label, +.p-input-filled .p-float-label textarea.p-filled ~ label, +.p-input-filled .p-float-label .p-inputwrapper-focus ~ label, +.p-input-filled .p-float-label .p-inputwrapper-filled ~ label { + top: 0.25rem !important; + margin-top: 0; + background: transparent; +} + +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-toolbar .fc-button:focus { + background: rgba(103, 58, 183, 0.76); +} +.fc.fc-unthemed .fc-toolbar .fc-button:active { + background: rgba(103, 58, 183, 0.68); +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:focus { + background: rgba(103, 58, 183, 0.76); +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:active { + background: rgba(103, 58, 183, 0.68); +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { + background: #e0e0e1; + border-color: #e0e0e1; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { + background: #d9d8d9; + border-color: #d9d8d9; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + background: rgba(103, 58, 183, 0.76); +} +.fc.fc-theme-standard .fc-toolbar .fc-button:active { + background: rgba(103, 58, 183, 0.68); +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:focus { + background: rgba(103, 58, 183, 0.76); +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:active { + background: rgba(103, 58, 183, 0.68); +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { + background: #e0e0e1; + border-color: #e0e0e1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { + background: #d9d8d9; + border-color: #d9d8d9; +} + +.p-listbox .p-listbox-list .p-listbox-item .p-ink { + background-color: rgba(103, 58, 183, 0.16); +} +.p-listbox .p-listbox-list .p-listbox-item:focus { + background: rgba(0, 0, 0, 0.12); +} +.p-listbox .p-listbox-list .p-listbox-item:focus.p-highlight { + background: rgba(103, 58, 183, 0.24); +} + +.p-megamenu .p-menuitem .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); +} + +.p-menu .p-menuitem .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); +} + +.p-menubar .p-menuitem .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); +} + +.p-multiselect .p-multiselect-label, .p-multiselect .p-multiselect-trigger { + background-image: none; + background: transparent; +} +.p-multiselect .p-multiselect-label { + border: 0 none; +} +.p-multiselect:not(.p-disabled).p-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; +} + +.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-ink { + background-color: rgba(103, 58, 183, 0.16); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + background: rgba(0, 0, 0, 0.12); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus.p-highlight { + background: rgba(103, 58, 183, 0.24); +} +.p-multiselect-panel .p-multiselect-close:focus { + background: rgba(0, 0, 0, 0.12); +} + +.p-input-filled .p-multiselect { + 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; +} +.p-input-filled .p-multiselect .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-multiselect:not(.p-disabled):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)); +} +.p-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-multiselect .p-inputtext:enabled:hover, .p-input-filled .p-multiselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-multiselect .p-multiselect-label:hover { + background-image: none; + background: transparent; +} + +.p-float-label .p-multiselect-label .p-multiselect-token { + padding: 0.25rem 1rem; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} + +.p-input-filled .p-float-label .p-multiselect .p-multiselect-label { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect .p-multiselect-label { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding-top: 0; + padding-bottom: 0; + margin-top: 0; + margin-bottom: 0; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + font-size: 75%; +} +.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus, .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} + +p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-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; +} + +.p-orderlist .p-orderlist-list .p-orderlist-item:focus { + background: rgba(0, 0, 0, 0.12); +} +.p-orderlist .p-orderlist-list .p-orderlist-item:focus.p-highlight { + background: rgba(103, 58, 183, 0.24); +} + +.p-overlaypanel .p-overlaypanel-content { + padding: 1.5rem; +} + +.p-paginator { + justify-content: flex-end; +} +.p-paginator .p-paginator-element:focus { + background: rgba(0, 0, 0, 0.12); +} +.p-paginator .p-paginator-element:focus.p-highlight { + background: rgba(103, 58, 183, 0.24); +} + +.p-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); +} +.p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + border: 0 none; +} +.p-panel .p-panel-content { + padding-top: 0; +} +.p-panel .p-panel-title { + font-size: 1.25rem; +} +.p-panel .p-panel-header-icon:focus { + background: rgba(0, 0, 0, 0.12); +} + +.p-panelmenu .p-panelmenu-panel { + 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); + margin-bottom: 0; + border-radius: 0; + position: relative; + transition: margin-bottom 225ms; +} +.p-panelmenu .p-panelmenu-panel:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +.p-panelmenu .p-panelmenu-panel:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-icon { + order: 1; + margin-left: auto; + margin-right: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled { + opacity: 1; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-link > * { + opacity: 0.38; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-link:focus { + background: #f6f6f6; +} +.p-panelmenu .p-panelmenu-panel .p-menuitem .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); +} + +.p-picklist .p-picklist-list .p-picklist-item:focus { + background: rgba(0, 0, 0, 0.12); +} +.p-picklist .p-picklist-list .p-picklist-item:focus.p-highlight { + background: rgba(103, 58, 183, 0.24); +} + +.p-progressbar { + border-radius: 0; +} +.p-progressbar .p-progressbar-label { + display: none !important; +} + +.p-radiobutton { + border-radius: 50%; + transition: box-shadow 0.2s; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border: 2px solid #757575; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + border: 2px solid #757575; +} +.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus { + border-color: #673AB7; +} +.p-radiobutton:not(.p-radiobutton-disabled):hover { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +.p-radiobutton:not(.p-radiobutton-disabled).p-radiobutton-focused { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); +} +.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled):hover { + box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.04); +} +.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled).p-radiobutton-focused { + box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12); +} + +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #ffffff; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #ffffff; +} + +.p-rating .p-rating-icon { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-left: 0; +} +.p-rating .p-rating-icon:focus { + background: rgba(103, 58, 183, 0.12); +} +.p-rating .p-rating-icon.p-rating-cancel:focus { + background: rgba(176, 0, 32, 0.12); +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + background-color: rgba(0, 0, 0, 0.04); +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + background: rgba(176, 0, 32, 0.04); +} + +.p-selectbutton .p-button:focus { + background: #e0e0e1; + border-color: #e0e0e1; +} +.p-selectbutton .p-button:focus.p-highlight { + background: #d9d8d9; + border-color: #d9d8d9; +} + +.p-slidemenu .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); +} + +.p-slider .p-slider-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); +} +.p-slider .p-slider-handle:focus { + box-shadow: 0 0 1px 10px rgba(76, 175, 80, 0.2); +} +.p-slider.p-slider-sliding .p-slider-handle { + transform: scale(1); +} + +.p-steps { + padding: 1rem 0; +} +.p-steps .p-steps-item { + justify-content: flex-start; + flex-direction: row-reverse; + align-items: center; +} +.p-steps .p-steps-item:before { + position: static; + left: auto; + top: auto; + margin-top: 0; +} +.p-steps .p-steps-item:last-child { + flex-grow: 0; +} +.p-steps .p-steps-item:last-child:before { + display: none; +} +.p-steps .p-steps-item .p-menuitem-link { + flex-direction: row; + flex: 1 1 auto; + overflow: visible; + padding: 1rem 0.5rem; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-number { + background-color: #9e9d9e; + color: #ffffff; + font-size: 0.857rem; + min-width: 1.714rem; + height: 1.714rem; + line-height: 1.714rem; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin: 0; + padding-left: 0.5rem; +} +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + background: rgba(0, 0, 0, 0.12); +} +.p-steps .p-steps-item.p-highlight .p-steps-number { + background-color: #673AB7; + color: #ffffff; +} +.p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 600; + color: rgba(0, 0, 0, 0.87); +} +.p-steps .p-steps-item.p-disabled { + opacity: 1; +} + +.p-tabview .p-tabview-nav { + position: relative; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s; + border-radius: 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link > .p-ink { + background-color: rgba(103, 58, 183, 0.16); +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link:focus { + background-color: rgba(103, 58, 183, 0.12); +} +.p-tabview .p-tabview-nav .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 2px; + background-color: #673AB7; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); +} + +.p-toolbar { + border: 0 none; +} + +.p-tooltip .p-tooltip-text { + box-shadow: none; + font-size: 0.875rem; +} +.p-tooltip .p-tooltip-arrow { + display: none; +} + +.p-tieredmenu .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); +} + +.p-treeselect .p-treeselect-label, .p-treeselect .p-treeselect-trigger { + background-image: none; + background: transparent; +} +.p-treeselect .p-treeselect-label { + border: 0 none; +} +.p-treeselect:not(.p-disabled).p-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; +} + +.p-treeselect-item .p-ink { + background-color: rgba(103, 58, 183, 0.16); +} + +.p-input-filled .p-treeselect { + 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; +} +.p-input-filled .p-treeselect .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-treeselect:not(.p-disabled):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)); +} +.p-input-filled .p-treeselect:not(.p-disabled).p-focus, .p-input-filled .p-treeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-treeselect .p-inputtext:enabled:hover, .p-input-filled .p-treeselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-treeselect .p-treeselect-label:hover { + background-image: none; + background: transparent; +} + +.p-float-label .p-treeselect-label .p-treeselect-token { + padding: 0.25rem 1rem; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} + +.p-input-filled .p-float-label .p-treeselect .p-treeselect-label { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect .p-treeselect-label { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding-top: 0; + padding-bottom: 0; + margin-top: 0; + margin-bottom: 0; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-token .p-treeselect-token-icon { + font-size: 75%; +} +.p-input-filled .p-treeselect.p-invalid { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled .p-treeselect.p-invalid:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} + +.p-treeselect.p-invalid:not(.p-disabled).p-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; +} + +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + background: rgba(0, 0, 0, 0.12); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus.p-highlight { + background: rgba(103, 58, 183, 0.24); +} + +.p-treetable .p-sortable-column { + outline: 0 none; +} +.p-treetable .p-sortable-column:focus { + background-color: rgba(0, 0, 0, 0.03); +} +.p-treetable .p-treetable-tbody > tr { + outline: 0 none; +} +.p-treetable .p-treetable-tbody > tr:not(.p-highlight):focus { + background-color: rgba(0, 0, 0, 0.03); +} + +.p-tabmenu .p-tabmenu-nav { + position: relative; +} +.p-tabmenu .p-tabmenu-nav li .p-menuitem-link { + transition: background-color 0.2s; + border-radius: 0; +} +.p-tabmenu .p-tabmenu-nav li .p-menuitem-link > .p-ink { + background-color: rgba(103, 58, 183, 0.16); +} +.p-tabmenu .p-tabmenu-nav li .p-menuitem-link:focus { + background-color: rgba(103, 58, 183, 0.12); +} +.p-tabmenu .p-tabmenu-nav li.p-highlight .p-menuitem-link:focus { + background-color: rgba(103, 58, 183, 0.12); +} +.p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar { + display: block; + position: absolute; + bottom: 0; + height: 2px; + background-color: #673AB7; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); +} + +.p-timeline.p-timeline-vertical .p-timeline-event-connector { + margin: 0.5rem 0; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-connector { + margin: 0 0.5rem; +} + +.p-togglebutton.p-button:focus { + background: #e0e0e1; + border-color: #e0e0e1; +} +.p-togglebutton.p-button:focus.p-highlight { + background: #d9d8d9; + border-color: #d9d8d9; +} + +.p-splitbutton.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + background: rgba(103, 58, 183, 0.12); +} +.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(103, 58, 183, 0.16); +} +.p-splitbutton.p-button-outlined > .p-button { + box-shadow: inset 0 0 0 1px; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:focus { + box-shadow: inset 0 0 0 1px; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:active { + box-shadow: inset 0 0 0 1px; +} +.p-splitbutton.p-button-outlined > .p-button.p-splitbutton-menubutton { + margin-left: -1px; + width: calc(2.75rem + 1px); +} +.p-splitbutton.p-disabled.p-button-text > .p-button { + background-color: transparent !important; + color: rgba(0, 0, 0, 0.38) !important; +} +.p-splitbutton.p-disabled.p-button-outlined > .p-button { + background-color: transparent !important; + color: rgba(0, 0, 0, 0.38) !important; + border-color: rgba(0, 0, 0, 0.38) !important; +} +.p-splitbutton.p-button-raised > .p-button:enabled:focus, .p-splitbutton.p-button-raised > .p-button:not(button):not(a):not(.p-disabled):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); +} + +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + background: rgba(76, 175, 80, 0.12); +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(76, 175, 80, 0.16); +} + +.p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + background: rgba(33, 150, 243, 0.12); +} +.p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(33, 150, 243, 0.16); +} + +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + background: rgba(104, 159, 56, 0.12); +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(104, 159, 56, 0.16); +} + +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + background: rgba(251, 192, 45, 0.12); +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(251, 192, 45, 0.16); +} + +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + background: rgba(156, 39, 176, 0.12); +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(156, 39, 176, 0.16); +} + +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + background: rgba(211, 47, 47, 0.12); +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(211, 47, 47, 0.16); +} + +/* Customizations to the designer theme should be defined here */ diff --git a/assets/layout/styles/theme/mdc-light-deeppurple/theme.css.br b/assets/layout/styles/theme/mdc-light-deeppurple/theme.css.br new file mode 100644 index 0000000..6585a37 Binary files /dev/null and b/assets/layout/styles/theme/mdc-light-deeppurple/theme.css.br differ diff --git a/assets/layout/styles/theme/mdc-light-deeppurple/theme.css.gz b/assets/layout/styles/theme/mdc-light-deeppurple/theme.css.gz new file mode 100644 index 0000000..b348349 Binary files /dev/null and b/assets/layout/styles/theme/mdc-light-deeppurple/theme.css.gz differ diff --git a/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff b/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff new file mode 100644 index 0000000..fb70b7e Binary files /dev/null and b/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff differ diff --git a/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff.br b/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff.br new file mode 100644 index 0000000..d45c06a Binary files /dev/null and b/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff.br differ diff --git a/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff.gz b/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff.gz new file mode 100644 index 0000000..2f6fd16 Binary files /dev/null and b/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff.gz differ diff --git a/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 b/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 new file mode 100644 index 0000000..96981bc Binary files /dev/null and b/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 differ diff --git a/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2.br b/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2.br new file mode 100644 index 0000000..119e7fc Binary files /dev/null and b/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2.br differ diff --git a/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2.gz b/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2.gz new file mode 100644 index 0000000..025e002 Binary files /dev/null and b/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2.gz differ diff --git a/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff b/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff new file mode 100644 index 0000000..d023f3d Binary files /dev/null and b/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff differ diff --git a/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff.br b/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff.br new file mode 100644 index 0000000..32cffe7 Binary files /dev/null and b/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff.br differ diff --git a/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff.gz b/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff.gz new file mode 100644 index 0000000..f45dd01 Binary files /dev/null and b/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff.gz differ diff --git a/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 b/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 new file mode 100644 index 0000000..fd49210 Binary files /dev/null and b/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 differ diff --git a/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2.br b/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2.br new file mode 100644 index 0000000..ec7fbc3 Binary files /dev/null and b/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2.br differ diff --git a/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2.gz b/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2.gz new file mode 100644 index 0000000..a4d35e0 Binary files /dev/null and b/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2.gz differ diff --git a/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff b/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff new file mode 100644 index 0000000..f9849df Binary files /dev/null and b/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff differ diff --git a/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff.br b/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff.br new file mode 100644 index 0000000..f026612 Binary files /dev/null and b/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff.br differ diff --git a/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff.gz b/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff.gz new file mode 100644 index 0000000..543edf1 Binary files /dev/null and b/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff.gz differ diff --git a/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 b/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 new file mode 100644 index 0000000..1f7dd5b Binary files /dev/null and b/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 differ diff --git a/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2.br b/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2.br new file mode 100644 index 0000000..3c25e20 Binary files /dev/null and b/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2.br differ diff --git a/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2.gz b/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2.gz new file mode 100644 index 0000000..36fb292 Binary files /dev/null and b/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2.gz differ diff --git a/assets/layout/styles/theme/mdc-light-indigo/theme.css b/assets/layout/styles/theme/mdc-light-indigo/theme.css new file mode 100644 index 0000000..040c0da --- /dev/null +++ b/assets/layout/styles/theme/mdc-light-indigo/theme.css @@ -0,0 +1,7840 @@ +: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-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; +} + +/* roboto-regular - latin-ext_latin */ +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 400; + src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/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 Medium"), local("Roboto-Medium"), url("./fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("./fonts/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("./fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-700.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +* { + box-sizing: border-box; +} + +.p-component { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + font-weight: normal; +} + +.p-component-overlay { + background-color: rgba(0, 0, 0, 0.32); + transition-duration: 0.2s; +} + +.p-disabled, .p-component:disabled { + opacity: 0.38; +} + +.p-error { + color: #B00020; +} + +.p-text-secondary { + color: rgba(0, 0, 0, 0.6); +} + +.pi { + font-size: 1rem; +} + +.p-link { + font-size: 1rem; + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + border-radius: 4px; +} +.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; +} + +.p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; +} + +@keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } +} +@keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } +} + +: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; +} + +.p-autocomplete .p-autocomplete-loader { + right: 0.75rem; +} +.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.5rem; +} +.p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #3F51B5; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.375rem 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-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); + padding: 0; + margin: 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.375rem 0.75rem; + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; + border-radius: 4px; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; +} + +p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #B00020; +} + +.p-autocomplete-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + 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); +} +.p-autocomplete-panel .p-autocomplete-items { + padding: 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + background: transparent; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; +} + +p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; +} +p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 0.75rem; +} + +p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 3.5rem; +} + +p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #B00020; +} + +.p-datepicker { + padding: 0.5rem; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; +} +.p-datepicker:not(.p-datepicker-inline) { + 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); +} +.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; +} +.p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + font-weight: 500; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 2rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + font-weight: 500; + padding: 0.5rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #3F51B5; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; +} +.p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0; +} +.p-datepicker table th { + padding: 0.5rem; +} +.p-datepicker table th > span { + width: 2.25rem; + height: 2.25rem; +} +.p-datepicker table td { + padding: 0.5rem; +} +.p-datepicker table td > span { + width: 2.25rem; + height: 2.25rem; + border-radius: 50%; + transition: none; + border: 1px solid transparent; +} +.p-datepicker table td > span.p-highlight { + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); +} +.p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datepicker table td.p-datepicker-today > span { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-color: black; +} +.p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); +} +.p-datepicker .p-datepicker-buttonbar { + padding: 0.75rem 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} +.p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; +} +.p-datepicker .p-timepicker { + border-top: 1px solid rgba(0, 0, 0, 0.12); + padding: 0.5rem; +} +.p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-timepicker button:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-datepicker .p-timepicker button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; +} +.p-datepicker .p-timepicker span { + font-size: 1.25rem; +} +.p-datepicker .p-timepicker > div { + padding: 0 0.5rem; +} +.p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; +} +.p-datepicker .p-monthpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.5rem; + transition: none; + border-radius: 4px; +} +.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); +} +.p-datepicker .p-yearpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.5rem; + transition: none; + border-radius: 4px; +} +.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid rgba(0, 0, 0, 0.12); + padding-right: 0.5rem; + padding-left: 0.5rem; + padding-top: 0; + padding-bottom: 0; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; +} +p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 0.75rem; +} + +p-calendar.p-calendar-clearable.p-calendar-w-btn .p-calendar-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 3.5rem; +} + +@media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } +} +.p-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; +} +.p-cascadeselect:not(.p-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #3F51B5; +} +.p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; +} +.p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: rgba(0, 0, 0, 0.6); +} +.p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: rgba(0, 0, 0, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-cascadeselect-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + 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); +} +.p-cascadeselect-panel .p-cascadeselect-items { + padding: 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 0.75rem; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; +} + +p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #B00020; +} + +.p-input-filled .p-cascadeselect { + background: #f5f5f5; +} +.p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #ececec; +} +.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #dcdcdc; +} + +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; +} +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 2.75rem; +} + +.p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; +} +.p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); +} + +.p-checkbox { + width: 18px; + height: 18px; +} +.p-checkbox .p-checkbox-box { + border: 2px solid #757575; + background: #ffffff; + width: 18px; + height: 18px; + 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); +} +.p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #ffffff; + font-size: 14px; +} +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #3F51B5; + background: #3F51B5; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #3F51B5; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #3F51B5; + background: #3F51B5; + color: #ffffff; +} + +p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #B00020; +} + +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f5f5f5; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #3F51B5; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #ececec; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #3F51B5; +} + +.p-checkbox-label { + margin-left: 0.5rem; +} + +.p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; +} +.p-chips .p-chips-multiple-container:not(.p-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #3F51B5; +} +.p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.375rem 0.75rem; + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; + border-radius: 4px; +} +.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; +} +.p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.375rem 0; +} +.p-chips .p-chips-multiple-container .p-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); + padding: 0; + margin: 0; +} + +p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #B00020; +} + +p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; +} +p-chips.p-chips-clearable .p-chips-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 0.75rem; +} + +.p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; +} + +.p-colorpicker-panel { + background: #323232; + border: 1px solid #191919; +} +.p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; +} + +.p-colorpicker-overlay-panel { + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} + +.p-dropdown { + 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; +} +.p-dropdown:not(.p-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #3F51B5; +} +.p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; +} +.p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; +} +.p-dropdown .p-dropdown-label.p-placeholder { + color: rgba(0, 0, 0, 0.6); +} +.p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-dropdown .p-dropdown-trigger { + background: transparent; + color: rgba(0, 0, 0, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-dropdown .p-dropdown-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 2.75rem; +} + +.p-dropdown-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + 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); +} +.p-dropdown-panel .p-dropdown-header { + padding: 0.75rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +.p-dropdown-panel .p-dropdown-items { + padding: 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + background: transparent; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; +} + +p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #B00020; +} + +.p-input-filled .p-dropdown { + background: #f5f5f5; +} +.p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #ececec; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #dcdcdc; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; +} + +.p-editor-container .p-editor-toolbar { + background: #ffffff; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e0e0e0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(0, 0, 0, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(0, 0, 0, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(0, 0, 0, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-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; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-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); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 0.75rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #e0e0e0; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(0, 0, 0, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #3F51B5; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #3F51B5; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #3F51B5; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #3F51B5; +} + +.p-inputgroup-addon { + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + border-top: 1px solid rgba(0, 0, 0, 0.38); + border-left: 1px solid rgba(0, 0, 0, 0.38); + border-bottom: 1px solid rgba(0, 0, 0, 0.38); + padding: 0.75rem 0.75rem; + min-width: 2.75rem; +} +.p-inputgroup-addon:last-child { + border-right: 1px solid rgba(0, 0, 0, 0.38); +} + +.p-inputgroup > .p-component, +.p-inputgroup > .p-element, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; +} +.p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-element + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; +} +.p-inputgroup > .p-component:focus, +.p-inputgroup > .p-element:focus, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; +} +.p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-element:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; +} + +.p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-fluid .p-inputgroup .p-button { + width: auto; +} +.p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.75rem; +} + +p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #B00020; +} + +p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; +} +p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 0.75rem; +} + +p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #B00020; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 0.75rem; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.5rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.5rem; +} + +.p-inputswitch { + width: 2.75rem; + height: 1rem; +} +.p-inputswitch .p-inputswitch-slider { + 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-radius: 0.5rem; +} +.p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1.5rem; + height: 1.5rem; + left: -1px; + margin-top: -0.75rem; + border-radius: 50%; + transition-duration: 0.2s; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1.5rem); +} +.p-inputswitch.p-focus .p-inputswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: rgba(0, 0, 0, 0.38); +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: rgba(63, 81, 181, 0.5); +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #3F51B5; +} +.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: rgba(63, 81, 181, 0.5); +} + +p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + border-color: #B00020; +} + +.p-inputtext { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + padding: 0.75rem 0.75rem; + 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); + appearance: none; + border-radius: 4px; +} +.p-inputtext:enabled:hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #3F51B5; +} +.p-inputtext.ng-dirty.ng-invalid { + border-color: #B00020; +} +.p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; +} +.p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; +} + +.p-float-label > label { + left: 0.75rem; + color: rgba(0, 0, 0, 0.6); + transition-duration: 0.2s; +} + +.p-float-label > .ng-invalid.ng-dirty + label { + color: #B00020; +} + +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} + +.p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; +} + +.p-input-icon-left.p-float-label > label { + left: 2.5rem; +} + +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} + +.p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; +} + +::-webkit-input-placeholder { + color: rgba(0, 0, 0, 0.6); +} + +:-moz-placeholder { + color: rgba(0, 0, 0, 0.6); +} + +::-moz-placeholder { + color: rgba(0, 0, 0, 0.6); +} + +:-ms-input-placeholder { + color: rgba(0, 0, 0, 0.6); +} + +.p-input-filled .p-inputtext { + background-color: #f5f5f5; +} +.p-input-filled .p-inputtext:enabled:hover { + background-color: #ececec; +} +.p-input-filled .p-inputtext:enabled:focus { + background-color: #dcdcdc; +} + +.p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; +} + +.p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; +} + +.p-listbox { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; +} +.p-listbox .p-listbox-header { + padding: 0.75rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; +} +.p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +.p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list { + padding: 0; +} +.p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + transition: none; + border-radius: 0; +} +.p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); +} +.p-listbox .p-listbox-list .p-listbox-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; +} +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + background: transparent; +} +.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} + +p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #B00020; +} + +.p-multiselect { + 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; +} +.p-multiselect:not(.p-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #3F51B5; +} +.p-multiselect .p-multiselect-label { + padding: 0.75rem 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); +} +.p-multiselect .p-multiselect-label.p-placeholder { + color: rgba(0, 0, 0, 0.6); +} +.p-multiselect.p-multiselect-chip .p-multiselect-label { + gap: 0.5rem; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.375rem 0.75rem; + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; + border-radius: 4px; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; +} +.p-multiselect .p-multiselect-trigger { + background: transparent; + color: rgba(0, 0, 0, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.375rem 0.75rem; +} + +.p-multiselect-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + 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); +} +.p-multiselect-panel .p-multiselect-header { + padding: 0.75rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +.p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-multiselect-panel .p-multiselect-items { + padding: 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + background: transparent; +} + +p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #B00020; +} + +.p-input-filled .p-multiselect { + background: #f5f5f5; +} +.p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #ececec; +} +.p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #dcdcdc; +} + +p-multiselect.p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; +} +p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 2.75rem; +} + +p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #B00020; +} + +.p-password-panel { + padding: 0.75rem; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + 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; +} +.p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: rgba(63, 81, 181, 0.32); +} +.p-password-panel .p-password-meter .p-password-strength.weak { + background: #D32F2F; +} +.p-password-panel .p-password-meter .p-password-strength.medium { + background: #FBC02D; +} +.p-password-panel .p-password-meter .p-password-strength.strong { + background: #689F38; +} + +p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; +} +p-password.p-password-clearable .p-password-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 0.75rem; +} + +p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; +} +p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 2.5rem; +} + +.p-radiobutton { + width: 20px; + height: 20px; +} +.p-radiobutton .p-radiobutton-box { + border: 2px solid #757575; + background: #ffffff; + width: 20px; + height: 20px; + color: rgba(0, 0, 0, 0.87); + 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); +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #3F51B5; +} +.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 10px; + height: 10px; + transition-duration: 0.2s; + background-color: #3F51B5; +} +.p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #3F51B5; + background: #ffffff; +} +.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #3F51B5; + background: #ffffff; + color: #3F51B5; +} + +p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #B00020; +} + +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f5f5f5; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #ececec; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #ffffff; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #ffffff; +} + +.p-radiobutton-label { + margin-left: 0.5rem; +} + +.p-rating .p-rating-icon { + color: #3F51B5; + margin-left: 0.5rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + font-size: 1rem; +} +.p-rating .p-rating-icon.p-rating-cancel { + color: #B00020; +} +.p-rating .p-rating-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-rating .p-rating-icon:first-child { + margin-left: 0; +} +.p-rating .p-rating-icon.pi-star-fill { + color: #3F51B5; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + color: #3F51B5; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + color: #B00020; +} + +.p-selectbutton .p-button { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + 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); +} +.p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f6f6f6; + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); +} +.p-selectbutton .p-button.p-highlight { + background: #e0e0e1; + border-color: #e0e0e1; + color: rgba(0, 0, 0, 0.87); +} +.p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); +} +.p-selectbutton .p-button.p-highlight:hover { + background: #d9d8d9; + border-color: #d9d8d9; + color: rgba(0, 0, 0, 0.87); +} +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); +} + +p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #B00020; +} + +.p-slider { + background: #c1c1c1; + border: 0 none; + border-radius: 4px; +} +.p-slider.p-slider-horizontal { + height: 2px; +} +.p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; +} +.p-slider.p-slider-vertical { + width: 2px; +} +.p-slider.p-slider-vertical .p-slider-handle { + margin-left: -10px; + margin-bottom: -10px; +} +.p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #3F51B5; + border: 0 none; + 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); +} +.p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-slider .p-slider-range { + background: #3F51B5; +} +.p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #3F51B5; + border-color: 0 none; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), left 0.2s; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), bottom 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; +} + +.p-togglebutton.p-button { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + 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); +} +.p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f6f6f6; + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); +} +.p-togglebutton.p-button.p-highlight { + background: #e0e0e1; + border-color: #e0e0e1; + color: rgba(0, 0, 0, 0.87); +} +.p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); +} +.p-togglebutton.p-button.p-highlight:hover { + background: #d9d8d9; + border-color: #d9d8d9; + color: rgba(0, 0, 0, 0.87); +} +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); +} + +p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #B00020; +} + +.p-treeselect { + 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; +} +.p-treeselect:not(.p-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #3F51B5; +} +.p-treeselect .p-treeselect-label { + padding: 0.75rem 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); +} +.p-treeselect .p-treeselect-label.p-placeholder { + color: rgba(0, 0, 0, 0.6); +} +.p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + border-radius: 16px; +} +.p-treeselect .p-treeselect-trigger { + background: transparent; + color: rgba(0, 0, 0, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #B00020; +} + +.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.375rem 0.75rem; +} + +.p-treeselect-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + 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); +} +.p-treeselect-panel .p-treeselect-header { + padding: 0.75rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + background: transparent; +} + +.p-input-filled .p-treeselect { + background: #f5f5f5; +} +.p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #ececec; +} +.p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #dcdcdc; +} + +p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; +} +p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 2.75rem; +} + +.p-button { + color: #ffffff; + background: #3F51B5; + border: 0 none; + padding: 0.643rem 0.75rem; + 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: 4px; +} +.p-button:enabled:hover { + background: rgba(63, 81, 181, 0.92); + color: #ffffff; + border-color: transparent; +} +.p-button:enabled:active { + background: rgba(63, 81, 181, 0.68); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-outlined { + background-color: transparent; + color: #3F51B5; + border: 0 none; +} +.p-button.p-button-outlined:enabled:hover { + background: rgba(63, 81, 181, 0.04); + color: #3F51B5; + border: 0 none; +} +.p-button.p-button-outlined:enabled:active { + background: rgba(63, 81, 181, 0.16); + color: #3F51B5; + border: 0 none; +} +.p-button.p-button-outlined.p-button-plain { + color: rgba(0, 0, 0, 0.6); + border-color: rgba(0, 0, 0, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); +} +.p-button.p-button-text { + background-color: transparent; + color: #3F51B5; + border-color: transparent; +} +.p-button.p-button-text:enabled:hover { + background: rgba(63, 81, 181, 0.04); + color: #3F51B5; + border-color: transparent; +} +.p-button.p-button-text:enabled:active { + background: rgba(63, 81, 181, 0.16); + color: #3F51B5; + border-color: transparent; +} +.p-button.p-button-text.p-button-plain { + color: rgba(0, 0, 0, 0.6); +} +.p-button.p-button-text.p-button-plain:enabled:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +.p-button.p-button-text.p-button-plain:enabled:active { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); +} +.p-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-button .p-button-label { + transition-duration: 0.2s; +} +.p-button .p-button-icon-left { + margin-right: 0.5rem; +} +.p-button .p-button-icon-right { + margin-left: 0.5rem; +} +.p-button .p-button-icon-bottom { + margin-top: 0.5rem; +} +.p-button .p-button-icon-top { + margin-bottom: 0.5rem; +} +.p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #3F51B5; + background-color: #ffffff; +} +.p-button.p-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); +} +.p-button.p-button-rounded { + border-radius: 2rem; +} +.p-button.p-button-icon-only { + width: 2.75rem; + padding: 0.643rem; +} +.p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; +} +.p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.75rem; +} +.p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.562625rem 0.65625rem; +} +.p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; +} +.p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.80375rem 0.9375rem; +} +.p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; +} +.p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; +} +.p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; +} + +.p-fluid .p-button { + width: 100%; +} +.p-fluid .p-button-icon-only { + width: 2.75rem; +} +.p-fluid .p-buttonset { + display: flex; +} +.p-fluid .p-buttonset .p-button { + flex: 1; +} + +.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + color: #ffffff; + background: #ff4081; + border: 0 none; +} +.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + background: rgba(255, 64, 129, 0.92); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: rgba(255, 64, 129, 0.68); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + background-color: transparent; + color: #ff4081; + border: 0 none; +} +.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + background: rgba(255, 64, 129, 0.04); + color: #ff4081; + border: 0 none; +} +.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(255, 64, 129, 0.16); + color: #ff4081; + border: 0 none; +} +.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + background-color: transparent; + color: #ff4081; + border-color: transparent; +} +.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + background: rgba(255, 64, 129, 0.04); + border-color: transparent; + color: #ff4081; +} +.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + background: rgba(255, 64, 129, 0.16); + border-color: transparent; + color: #ff4081; +} + +.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #2196F3; + border: 0 none; +} +.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + background: rgba(33, 150, 243, 0.92); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: rgba(33, 150, 243, 0.68); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + background-color: transparent; + color: #2196F3; + border: 0 none; +} +.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + background: rgba(33, 150, 243, 0.04); + color: #2196F3; + border: 0 none; +} +.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(33, 150, 243, 0.16); + color: #2196F3; + border: 0 none; +} +.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + background-color: transparent; + color: #2196F3; + border-color: transparent; +} +.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + background: rgba(33, 150, 243, 0.04); + border-color: transparent; + color: #2196F3; +} +.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + background: rgba(33, 150, 243, 0.16); + border-color: transparent; + color: #2196F3; +} + +.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #689F38; + border: 0 none; +} +.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + background: rgba(104, 159, 56, 0.92); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: rgba(104, 159, 56, 0.68); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + background-color: transparent; + color: #689F38; + border: 0 none; +} +.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + background: rgba(104, 159, 56, 0.04); + color: #689F38; + border: 0 none; +} +.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(104, 159, 56, 0.16); + color: #689F38; + border: 0 none; +} +.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + background-color: transparent; + color: #689F38; + border-color: transparent; +} +.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + background: rgba(104, 159, 56, 0.04); + border-color: transparent; + color: #689F38; +} +.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + background: rgba(104, 159, 56, 0.16); + border-color: transparent; + color: #689F38; +} + +.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #212529; + background: #FBC02D; + border: 0 none; +} +.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + background: rgba(251, 192, 45, 0.92); + color: #212529; + border-color: transparent; +} +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: rgba(251, 192, 45, 0.68); + color: #212529; + border-color: transparent; +} +.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + background-color: transparent; + color: #FBC02D; + border: 0 none; +} +.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + background: rgba(251, 192, 45, 0.04); + color: #FBC02D; + border: 0 none; +} +.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(251, 192, 45, 0.16); + color: #FBC02D; + border: 0 none; +} +.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + background-color: transparent; + color: #FBC02D; + border-color: transparent; +} +.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + background: rgba(251, 192, 45, 0.04); + border-color: transparent; + color: #FBC02D; +} +.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + background: rgba(251, 192, 45, 0.16); + border-color: transparent; + color: #FBC02D; +} + +.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #9C27B0; + border: 0 none; +} +.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + background: rgba(156, 39, 176, 0.92); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: rgba(156, 39, 176, 0.68); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + background-color: transparent; + color: #9C27B0; + border: 0 none; +} +.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + background: rgba(156, 39, 176, 0.04); + color: #9C27B0; + border: 0 none; +} +.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(156, 39, 176, 0.16); + color: #9C27B0; + border: 0 none; +} +.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + background-color: transparent; + color: #9C27B0; + border-color: transparent; +} +.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + background: rgba(156, 39, 176, 0.04); + border-color: transparent; + color: #9C27B0; +} +.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + background: rgba(156, 39, 176, 0.16); + border-color: transparent; + color: #9C27B0; +} + +.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #D32F2F; + border: 0 none; +} +.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + background: rgba(211, 47, 47, 0.92); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: rgba(211, 47, 47, 0.68); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + background-color: transparent; + color: #D32F2F; + border: 0 none; +} +.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + background: rgba(211, 47, 47, 0.04); + color: #D32F2F; + border: 0 none; +} +.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(211, 47, 47, 0.16); + color: #D32F2F; + border: 0 none; +} +.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + background-color: transparent; + color: #D32F2F; + border-color: transparent; +} +.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + background: rgba(211, 47, 47, 0.04); + border-color: transparent; + color: #D32F2F; +} +.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} + +.p-button.p-button-link { + color: #3F51B5; + background: transparent; + border: transparent; +} +.p-button.p-button-link:enabled:hover { + background: transparent; + color: #3F51B5; + border-color: transparent; +} +.p-button.p-button-link:enabled:hover .p-button-label { + text-decoration: underline; +} +.p-button.p-button-link:enabled:focus { + background: transparent; + box-shadow: none; + border-color: transparent; +} +.p-button.p-button-link:enabled:active { + background: transparent; + color: #3F51B5; + border-color: transparent; +} + +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 2rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: #ff4081; + color: #fff; +} +.p-speeddial-action:hover { + background: rgba(255, 64, 129, 0.92); + color: #fff; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); +} + +.p-splitbutton { + border-radius: 4px; +} +.p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #3F51B5; + border: 0 none; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(63, 81, 181, 0.04); + color: #3F51B5; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(63, 81, 181, 0.16); + color: #3F51B5; +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: rgba(0, 0, 0, 0.6); + border-color: rgba(0, 0, 0, 0.6); +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); +} +.p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #3F51B5; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(63, 81, 181, 0.04); + color: #3F51B5; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(63, 81, 181, 0.16); + color: #3F51B5; + border-color: transparent; +} +.p-splitbutton.p-button-text.p-button-plain > .p-button { + color: rgba(0, 0, 0, 0.6); +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); +} +.p-splitbutton.p-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); +} +.p-splitbutton.p-button-rounded { + border-radius: 2rem; +} +.p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; +} +.p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.562625rem 0.65625rem; +} +.p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; +} +.p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.80375rem 0.9375rem; +} +.p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; +} + +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #ff4081; + border: 0 none; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 64, 129, 0.04); + color: #ff4081; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 64, 129, 0.16); + color: #ff4081; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #ff4081; + border-color: transparent; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 64, 129, 0.04); + border-color: transparent; + color: #ff4081; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 64, 129, 0.16); + border-color: transparent; + color: #ff4081; +} + +.p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #2196F3; + border: 0 none; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(33, 150, 243, 0.04); + color: #2196F3; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(33, 150, 243, 0.16); + color: #2196F3; +} +.p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #2196F3; + border-color: transparent; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(33, 150, 243, 0.04); + border-color: transparent; + color: #2196F3; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(33, 150, 243, 0.16); + border-color: transparent; + color: #2196F3; +} + +.p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #689F38; + border: 0 none; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(104, 159, 56, 0.04); + color: #689F38; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(104, 159, 56, 0.16); + color: #689F38; +} +.p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #689F38; + border-color: transparent; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(104, 159, 56, 0.04); + border-color: transparent; + color: #689F38; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(104, 159, 56, 0.16); + border-color: transparent; + color: #689F38; +} + +.p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #FBC02D; + border: 0 none; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(251, 192, 45, 0.04); + color: #FBC02D; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(251, 192, 45, 0.16); + color: #FBC02D; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #FBC02D; + border-color: transparent; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(251, 192, 45, 0.04); + border-color: transparent; + color: #FBC02D; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(251, 192, 45, 0.16); + border-color: transparent; + color: #FBC02D; +} + +.p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #9C27B0; + border: 0 none; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(156, 39, 176, 0.04); + color: #9C27B0; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(156, 39, 176, 0.16); + color: #9C27B0; +} +.p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #9C27B0; + border-color: transparent; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(156, 39, 176, 0.04); + border-color: transparent; + color: #9C27B0; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(156, 39, 176, 0.16); + border-color: transparent; + color: #9C27B0; +} + +.p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #D32F2F; + border: 0 none; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(211, 47, 47, 0.04); + color: #D32F2F; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(211, 47, 47, 0.16); + color: #D32F2F; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #D32F2F; + border-color: transparent; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(211, 47, 47, 0.04); + border-color: transparent; + color: #D32F2F; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} + +.p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; +} +.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-carousel .p-carousel-content .p-carousel-prev:focus, +.p-carousel .p-carousel-content .p-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-carousel .p-carousel-indicators { + padding: 1rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #dcdcdc; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #ececec; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; +} + +.p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-datatable .p-datatable-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; +} +.p-datatable .p-datatable-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; +} +.p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + transition: none; +} +.p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; +} +.p-datatable .p-sortable-column .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-datatable .p-sortable-column.p-highlight { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.87); +} +.p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.87); +} +.p-datatable .p-sortable-column:focus { + box-shadow: none; + outline: 0 none; +} +.p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + transition: none; +} +.p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; +} +.p-datatable .p-datatable-tbody > tr:focus { + outline: 0.15rem solid transparent; + outline-offset: 0.15rem; +} +.p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(63, 81, 181, 0.12); +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(63, 81, 181, 0.12); +} +.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-datatable .p-column-resizer-helper { + background: #3F51B5; +} +.p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #ffffff; +} +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #ffffff; +} +.p-datatable .p-datatable-loading-icon { + font-size: 2rem; +} +.p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: rgba(0, 0, 0, 0.02); +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #3F51B5; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #3F51B5; +} +.p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.375rem; +} +.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.375rem; +} +.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.375rem; +} +.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +.p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.375rem; +} +.p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 0.9375rem; +} +.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 0.9375rem; +} +.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +.p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 0.9375rem; +} + +.p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-dataview .p-dataview-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; +} +.p-dataview .p-dataview-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0.75rem; +} +.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; +} +.p-dataview .p-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; +} +.p-dataview .p-dataview-loading-icon { + font-size: 2rem; +} +.p-dataview .p-dataview-emptymessage { + padding: 0.75rem; +} + +.p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; +} + +.p-column-filter-menu-button { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-menu-button:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; +} +.p-column-filter-menu-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-clear-button:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-column-filter-clear-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-column-filter-overlay { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + 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); + min-width: 12.5rem; +} +.p-column-filter-overlay .p-column-filter-row-items { + padding: 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; +} + +.p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0.75rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; +} +.p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.75rem 0.75rem; +} +.p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0.75rem; +} + +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-unthemed .fc-view-container td.fc-widget-content { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #e0e0e0; +} +.fc.fc-unthemed .fc-view-container .fc-row { + border-right: 1px solid #e0e0e0; +} +.fc.fc-unthemed .fc-view-container .fc-event { + background: rgba(63, 81, 181, 0.12); + border: 1px solid rgba(63, 81, 181, 0.12); + color: #3F51B5; +} +.fc.fc-unthemed .fc-view-container .fc-divider { + background: #ffffff; + border: 1px solid #e0e0e0; +} +.fc.fc-unthemed .fc-toolbar .fc-button { + color: #ffffff; + background: #3F51B5; + border: 0 none; + 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: 4px; + display: flex; + align-items: center; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { + background: rgba(63, 81, 181, 0.92); + color: #ffffff; + border-color: transparent; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { + background: rgba(63, 81, 181, 0.68); + color: #ffffff; + border-color: transparent; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-unthemed .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + 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); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #f6f6f6; + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #e0e0e1; + border-color: #e0e0e1; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #d9d8d9; + border-color: #d9d8d9; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + z-index: 1; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #e0e0e0; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #ffffff; + border-color: #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-view-harness td { + color: rgba(0, 0, 0, 0.87); + border-color: #e0e0e0; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover { + background: none; + border: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { + border: 1px solid #e0e0e0; + padding: 0.75rem; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { + opacity: 1; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; + font-family: "PrimeIcons" !important; + font-size: 1rem; + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { + content: "\e90b"; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { + padding: 0.75rem; + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-top: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); + border-color: rgba(63, 81, 181, 0.12); +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #3F51B5; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: rgba(63, 81, 181, 0.12); + border-color: rgba(63, 81, 181, 0.12); +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #ffffff; + background: #3F51B5; + border: 0 none; + 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: 4px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: rgba(63, 81, 181, 0.92); + color: #ffffff; + border-color: transparent; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: rgba(63, 81, 181, 0.68); + color: #ffffff; + border-color: transparent; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.38; + color: #ffffff; + background: #3F51B5; + border: 0 none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + 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); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #f6f6f6; + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #e0e0e1; + border-color: #e0e0e1; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #d9d8d9; + border-color: #d9d8d9; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.fc.fc-theme-standard a { + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-highlight { + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); +} + +.p-orderlist .p-orderlist-controls { + padding: 0.75rem; +} +.p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; +} +.p-orderlist .p-orderlist-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e0e0e0; + padding: 0.75rem; + border-bottom: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 500; +} +.p-orderlist .p-orderlist-filter-container { + padding: 0.75rem; + background: #ffffff; + border: 1px solid #e0e0e0; + border-bottom: 0 none; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +.p-orderlist .p-orderlist-list { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; +} +.p-orderlist .p-orderlist-list .p-orderlist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); +} +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); +} +.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: rgba(0, 0, 0, 0.02); +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(0, 0, 0, 0.04); +} + +.p-orderlist-item.cdk-drag-preview { + padding: 0.75rem 0.75rem; + box-shadow: 0 5px 5px -3px rgba(0, 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: 0 none; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; +} + +.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; +} +.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(30, 39, 86, 0.12); +} +.p-organizationchart .p-organizationchart-line-down { + background: rgba(0, 0, 0, 0.12); +} +.p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #e0e0e0; + border-color: rgba(0, 0, 0, 0.12); +} +.p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #e0e0e0; + border-color: rgba(0, 0, 0, 0.12); +} +.p-organizationchart .p-organizationchart-node-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-paginator { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: solid #e4e4e4; + border-width: 0; + padding: 0.375rem 0.75rem; + border-radius: 4px; +} +.p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: rgba(0, 0, 0, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: none; + border-radius: 50%; +} +.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; + color: rgba(0, 0, 0, 0.6); +} +.p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; +} +.p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 3rem; +} +.p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; +} +.p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; +} +.p-paginator .p-paginator-page-input .p-inputtext { + max-width: 3rem; +} +.p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: rgba(0, 0, 0, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + padding: 0 0.5rem; +} +.p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: rgba(0, 0, 0, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: none; + border-radius: 50%; +} +.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(63, 81, 181, 0.12); + border-color: rgba(63, 81, 181, 0.12); + color: #3F51B5; +} +.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; + color: rgba(0, 0, 0, 0.6); +} + +.p-picklist .p-picklist-buttons { + padding: 0.75rem; +} +.p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; +} +.p-picklist .p-picklist-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e0e0e0; + padding: 0.75rem; + border-bottom: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-picklist .p-picklist-header .p-picklist-title { + font-weight: 500; +} +.p-picklist .p-picklist-filter-container { + padding: 0.75rem; + background: #ffffff; + border: 1px solid #e0e0e0; + border-bottom: 0 none; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +.p-picklist .p-picklist-list { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-picklist .p-picklist-list .p-picklist-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; +} +.p-picklist .p-picklist-list .p-picklist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); +} +.p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); +} +.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: rgba(0, 0, 0, 0.02); +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(0, 0, 0, 0.04); +} + +.p-picklist-item.cdk-drag-preview { + padding: 0.75rem 0.75rem; + box-shadow: 0 5px 5px -3px rgba(0, 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: 0 none; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; +} + +.p-timeline .p-timeline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #bdbdbd; +} +.p-timeline .p-timeline-event-connector { + background-color: #bdbdbd; +} +.p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; +} +.p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; +} + +.p-tree { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +.p-tree .p-tree-container .p-treenode { + padding: 0.25rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 4px; + transition: none; + padding: 0.25rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(0, 0, 0, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #3F51B5; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #3F51B5; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; +} +.p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; +} +.p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +.p-tree .p-treenode-children { + padding: 0 0 0 1rem; +} +.p-tree .p-tree-loading-icon { + font-size: 2rem; +} +.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(50, 65, 145, 0.12); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 4px; + border: 1px solid #e0e0e0; + background-color: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.25rem; + transition: none; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(63, 81, 181, 0.12); + color: #3F51B5; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #3F51B5; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-treetable .p-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; +} +.p-treetable .p-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; +} +.p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + transition: none; +} +.p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; +} +.p-treetable .p-sortable-column { + outline-color: transparent; +} +.p-treetable .p-sortable-column .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-treetable .p-sortable-column.p-highlight { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.87); +} +.p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + transition: none; +} +.p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(0, 0, 0, 0.87); +} +.p-treetable .p-treetable-tbody > tr:focus { + outline: 0.15rem solid transparent; + outline-offset: -0.15rem; +} +.p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #3F51B5; +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #3F51B5; +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: rgba(0, 0, 0, 0.87); +} +.p-treetable .p-column-resizer-helper { + background: #3F51B5; +} +.p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #ffffff; +} +.p-treetable .p-treetable-loading-icon { + font-size: 2rem; +} +.p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.65625rem 0.65625rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.375rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.375rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.375rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 0.9375rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 0.9375rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 0.9375rem; +} + +.p-virtualscroller .p-virtualscroller-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; +} +.p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0.75rem; +} +.p-virtualscroller .p-virtualscroller-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; +} + +.p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.25rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + font-weight: 400; + border-radius: 4px; + transition: none; +} +.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; +} +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #f6f6f6; + border-color: transparent; + color: rgba(0, 0, 0, 0.87); +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #ffffff; + border-color: transparent; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +.p-accordion .p-accordion-content { + padding: 0.75rem 1.25rem; + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; +} +.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; +} +.p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; +} +.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 none; +} +.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-top: 0 none; +} +.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-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; +} +.p-card .p-card-body { + padding: 0.75rem; +} +.p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +.p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +.p-card .p-card-content { + padding: 0.75rem 0; +} +.p-card .p-card-footer { + padding: 0.75rem 0 0 0; +} + +.p-divider .p-divider-content { + background-color: #ffffff; +} +.p-divider.p-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; +} +.p-divider.p-divider-horizontal:before { + border-top: 1px rgba(0, 0, 0, 0.12); +} +.p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; +} +.p-divider.p-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; +} +.p-divider.p-divider-vertical:before { + border-left: 1px rgba(0, 0, 0, 0.12); +} +.p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; +} + +.p-fieldset { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-radius: 4px; +} +.p-fieldset .p-fieldset-legend { + padding: 0.75rem; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + font-weight: 500; + border-radius: 4px; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 4px; + transition: none; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(0, 0, 0, 0.04); + border-color: #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +.p-fieldset .p-fieldset-content { + padding: 0.75rem; +} + +.p-panel .p-panel-header { + border: 1px solid #e0e0e0; + padding: 0.75rem; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-panel .p-panel-header .p-panel-title { + font-weight: 500; +} +.p-panel .p-panel-header .p-panel-header-icon { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-panel .p-panel-header .p-panel-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-panel.p-panel-toggleable .p-panel-header { + padding: 0.5rem 1rem; +} +.p-panel .p-panel-content { + padding: 0.75rem; + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + border-top: 0 none; +} +.p-panel .p-panel-footer { + padding: 0.75rem 0.75rem; + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-top: 0 none; +} +.p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; +} +.p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; +} +.p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; +} + +.p-scrollpanel .p-scrollpanel-bar { + background: rgba(0, 0, 0, 0.12); + border: 0 none; +} + +.p-splitter { + border: 1px solid #e0e0e0; + background: #ffffff; + border-radius: 4px; + color: rgba(0, 0, 0, 0.87); +} +.p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: rgba(0, 0, 0, 0.04); +} +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: rgba(0, 0, 0, 0.12); +} +.p-splitter .p-splitter-gutter-resizing { + background: rgba(0, 0, 0, 0.12); +} + +.p-tabview .p-tabview-nav { + background: #ffffff; + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; +} +.p-tabview .p-tabview-nav li { + margin-right: 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; + border-color: transparent transparent rgba(0, 0, 0, 0.12) transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: none; + margin: 0 0 0 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: rgba(63, 81, 181, 0.04); + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.6); +} +.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: rgba(0, 0, 0, 0.12); + color: #3F51B5; +} +.p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; +} +.p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-close { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #3F51B5; + width: 2.75rem; + 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); + border-radius: 0; +} +.p-tabview .p-tabview-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +.p-tabview .p-tabview-panels { + background: #ffffff; + padding: 0.75rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-toolbar { + background: #ffffff; + border: 1px solid #e0e0e0; + padding: 0.75rem; + border-radius: 4px; + gap: 0.5rem; +} +.p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; +} + +.p-confirm-popup { + background: #ffffff; + color: rgba(0, 0, 0, 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); +} +.p-confirm-popup .p-confirm-popup-content { + padding: 0.75rem; +} +.p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.75rem 0.75rem; +} +.p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; +} +.p-confirm-popup:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +.p-confirm-popup:before { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +.p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #ffffff; +} +.p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #ffffff; +} +.p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; +} +.p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; +} + +.p-dialog { + 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); + border: 0 none; +} +.p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 1.25rem; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-dialog .p-dialog-header .p-dialog-title { + font-weight: 500; + font-size: 1.25rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-dialog .p-dialog-header .p-dialog-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; +} +.p-dialog .p-dialog-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0 1.25rem 1.25rem 1.25rem; +} +.p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-dialog .p-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 1.25rem; + text-align: right; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; +} + +.p-overlaypanel { + background: #ffffff; + color: rgba(0, 0, 0, 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); +} +.p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; +} +.p-overlaypanel .p-overlaypanel-close { + background: #3F51B5; + color: #ffffff; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + position: absolute; + top: -1rem; + right: -1rem; +} +.p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: rgba(63, 81, 181, 0.92); + color: #ffffff; +} +.p-overlaypanel:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +.p-overlaypanel:before { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #f2f2f2; +} +.p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #ffffff; +} +.p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #ffffff; +} + +.p-sidebar { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + 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); +} +.p-sidebar .p-sidebar-header { + padding: 0.75rem; +} +.p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-sidebar .p-sidebar-header .p-sidebar-close:focus, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; +} +.p-sidebar .p-sidebar-content { + padding: 0.75rem; +} +.p-sidebar .p-sidebar-footer { + padding: 0.75rem; +} + +.p-tooltip .p-tooltip-text { + background: rgba(97, 97, 97, 0.9); + color: #ffffff; + padding: 0.5rem; + box-shadow: 0 5px 5px -3px rgba(0, 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; +} +.p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: rgba(97, 97, 97, 0.9); +} +.p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: rgba(97, 97, 97, 0.9); +} +.p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: rgba(97, 97, 97, 0.9); +} +.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: rgba(97, 97, 97, 0.9); +} + +.p-fileupload .p-fileupload-buttonbar { + background: #ffffff; + padding: 0.75rem; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + border-bottom: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; +} +.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 2rem 1rem; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-fileupload .p-progressbar { + height: 4px; +} +.p-fileupload .p-fileupload-row > div { + padding: 0.75rem 0.75rem; +} +.p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; +} + +.p-fileupload-choose:not(.p-disabled):hover { + background: rgba(63, 81, 181, 0.92); + color: #ffffff; + border-color: transparent; +} +.p-fileupload-choose:not(.p-disabled):active { + background: rgba(63, 81, 181, 0.68); + color: #ffffff; + border-color: transparent; +} + +.p-breadcrumb { + background: #ffffff; + border: 1px solid #e5e5e5; + border-radius: 4px; + padding: 0.75rem; +} +.p-breadcrumb ul li .p-menuitem-link { + transition: none; + border-radius: 4px; +} +.p-breadcrumb ul li .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-breadcrumb ul li.p-breadcrumb-chevron { + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +.p-breadcrumb ul li:last-child .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-breadcrumb ul li:last-child .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} + +.p-contextmenu { + padding: 0.5rem 0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + 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); + border-radius: 4px; + width: 12.5rem; +} +.p-contextmenu .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-contextmenu .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-contextmenu .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-contextmenu .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-contextmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + 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); + border-radius: 4px; +} +.p-contextmenu .p-menuitem { + margin: 0; +} +.p-contextmenu .p-menuitem:last-child { + margin: 0; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(0, 0, 0, 0.04); +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-contextmenu .p-menu-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; +} +.p-contextmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-contextmenu .p-menuitem-badge { + background: #3F51B5; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + +@media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } +} +.p-megamenu { + padding: 0.75rem; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 4px; + transition: none; + user-select: none; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-megamenu .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-megamenu .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-megamenu .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-megamenu .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-megamenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-megamenu .p-megamenu-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + 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); +} +.p-megamenu .p-megamenu-submenu-header { + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-megamenu .p-megamenu-submenu { + padding: 0.5rem 0; + width: 12.5rem; +} +.p-megamenu .p-megamenu-submenu .p-menu-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem { + margin: 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(0, 0, 0, 0.04); +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.5rem 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem { + margin: 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem-badge { + background: #3F51B5; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menu { + padding: 0.5rem 0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; + width: 12.5rem; +} +.p-menu .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-menu .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-menu .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-menu .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-menu.p-menu-overlay { + background: #ffffff; + 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); +} +.p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.p-menu .p-menu-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; +} +.p-menu .p-menuitem { + margin: 0; +} +.p-menu .p-menuitem:last-child { + margin: 0; +} +.p-menu .p-menuitem-badge { + background: #3F51B5; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menubar { + padding: 0.75rem; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; +} +.p-menubar .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-menubar .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-menubar .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-menubar .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menubar .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 4px; + transition: none; + user-select: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menubar .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + 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); + width: 12.5rem; +} +.p-menubar .p-submenu-list .p-menu-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; +} +.p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; +} +.p-menubar .p-submenu-list .p-menuitem { + margin: 0; +} +.p-menubar .p-submenu-list .p-menuitem:last-child { + margin: 0; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(0, 0, 0, 0.04); +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menubar .p-menuitem-badge { + background: #3F51B5; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +@media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(0, 0, 0, 0.6); + background: rgba(0, 0, 0, 0.04); + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.5rem 0; + background: #ffffff; + 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); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menu-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: none; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } +} +.p-panelmenu .p-panelmenu-header > a { + padding: 1.25rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + font-weight: 400; + border-radius: 4px; + transition: none; +} +.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + background: #f6f6f6; + border-color: transparent; + color: rgba(0, 0, 0, 0.87); +} +.p-panelmenu .p-panelmenu-header.p-highlight { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight > a { + background: #ffffff; + border-color: transparent; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +.p-panelmenu .p-panelmenu-content { + padding: 0.5rem 0; + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + margin-bottom: 0; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { + padding: 0 0 0 1rem; +} +.p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { + border-radius: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; +} +.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { + border-top: 0 none; +} +.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { + border-top: 0 none; +} +.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-panelmenu .p-menuitem-badge { + background: #3F51B5; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-slidemenu { + padding: 0.5rem 0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; + width: 12.5rem; +} +.p-slidemenu .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-slidemenu .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-slidemenu .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-slidemenu .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-slidemenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + 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); +} +.p-slidemenu .p-slidemenu-list { + padding: 0.5rem 0; + background: #ffffff; + 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); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { + background: rgba(0, 0, 0, 0.04); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { + color: rgba(0, 0, 0, 0.87); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-slidemenu .p-slidemenu-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; +} +.p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; +} +.p-slidemenu .p-slidemenu-backward { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); +} +.p-slidemenu .p-menuitem-badge { + background: #3F51B5; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: none; + border-radius: 4px; + background: transparent; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: rgba(0, 0, 0, 0.87); + border: 1px solid transparent; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: rgba(0, 0, 0, 0.87); +} +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; +} +.p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: rgba(0, 0, 0, 0.87); +} +.p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid rgba(0, 0, 0, 0.12); + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; +} + +.p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; +} +.p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #3F51B5; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; + border-color: transparent transparent rgba(0, 0, 0, 0.12) transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: none; + margin: 0 0 0 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: rgba(63, 81, 181, 0.04); + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.6); +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: rgba(0, 0, 0, 0.12); + color: #3F51B5; +} +.p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #ffffff; + color: #3F51B5; + width: 2.75rem; + 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); + border-radius: 0; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} + +.p-tieredmenu { + padding: 0.5rem 0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; + width: 12.5rem; +} +.p-tieredmenu .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-tieredmenu .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-tieredmenu .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-tieredmenu .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-tieredmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + 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); +} +.p-tieredmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + 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); +} +.p-tieredmenu .p-menuitem { + margin: 0; +} +.p-tieredmenu .p-menuitem:last-child { + margin: 0; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(0, 0, 0, 0.04); +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-tieredmenu .p-menu-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; +} +.p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-tieredmenu .p-menuitem-badge { + background: #3F51B5; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 4px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-inline-message { + padding: 0.75rem 0.75rem; + margin: 0; + border-radius: 4px; +} +.p-inline-message.p-inline-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 1px; + color: #01579B; +} +.p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #01579B; +} +.p-inline-message.p-inline-message-success { + background: #C8E6C9; + border: solid transparent; + border-width: 1px; + color: #1B5E20; +} +.p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #1B5E20; +} +.p-inline-message.p-inline-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 1px; + color: #7f6003; +} +.p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #7f6003; +} +.p-inline-message.p-inline-message-error { + background: #FFCDD2; + border: solid transparent; + border-width: 1px; + color: #B71C1C; +} +.p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #B71C1C; +} +.p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; +} +.p-inline-message .p-inline-message-text { + font-size: 1rem; +} +.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; +} + +.p-message { + margin: 0.75rem 0; + border-radius: 4px; +} +.p-message .p-message-wrapper { + padding: 1rem 1.25rem; +} +.p-message .p-message-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-message .p-message-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-message.p-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579B; +} +.p-message.p-message-info .p-message-icon { + color: #01579B; +} +.p-message.p-message-info .p-message-close { + color: #01579B; +} +.p-message.p-message-success { + background: #C8E6C9; + border: solid transparent; + border-width: 0 0 0 0; + color: #1B5E20; +} +.p-message.p-message-success .p-message-icon { + color: #1B5E20; +} +.p-message.p-message-success .p-message-close { + color: #1B5E20; +} +.p-message.p-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; +} +.p-message.p-message-warn .p-message-icon { + color: #7f6003; +} +.p-message.p-message-warn .p-message-close { + color: #7f6003; +} +.p-message.p-message-error { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 0; + color: #B71C1C; +} +.p-message.p-message-error .p-message-icon { + color: #B71C1C; +} +.p-message.p-message-error .p-message-close { + color: #B71C1C; +} +.p-message .p-message-text { + font-size: 1rem; + font-weight: 500; +} +.p-message .p-message-icon { + font-size: 1.5rem; + margin-right: 0.5rem; +} +.p-message .p-message-summary { + font-weight: 700; +} +.p-message .p-message-detail { + margin-left: 0.5rem; +} + +.p-toast { + opacity: 0.9; +} +.p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 5px 5px -3px rgba(0, 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; +} +.p-toast .p-toast-message .p-toast-message-content { + padding: 1.25rem; + border-width: 0 0 0 0; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 1rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 2rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 700; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; +} +.p-toast .p-toast-message .p-toast-icon-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-toast .p-toast-message .p-toast-icon-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-toast .p-toast-message.p-toast-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579B; +} +.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #01579B; +} +.p-toast .p-toast-message.p-toast-message-success { + background: #C8E6C9; + border: solid transparent; + border-width: 0 0 0 0; + color: #1B5E20; +} +.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #1B5E20; +} +.p-toast .p-toast-message.p-toast-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; +} +.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #7f6003; +} +.p-toast .p-toast-message.p-toast-message-error { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 0; + color: #B71C1C; +} +.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #B71C1C; +} + +.p-galleria .p-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; + border-radius: 50%; +} +.p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria .p-galleria-item-nav { + background: transparent; + color: #f6f6f6; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + margin: 0 0.5rem; +} +.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.87); + padding: 1rem; +} +.p-galleria .p-galleria-indicators { + padding: 1rem; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #dcdcdc; + width: 1.25rem; + height: 1.25rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #ececec; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; +} +.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; +} +.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; +} +.p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-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; + border-radius: 50%; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-preview-indicator { + background-color: transparent; + color: #f8f9fa; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} + +.p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); +} + +.p-image-toolbar { + padding: 1rem; +} + +.p-image-action.p-link { + color: #f8f9fa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-image-action.p-link:last-child { + margin-right: 0; +} +.p-image-action.p-link:hover { + color: #f8f9fa; + background-color: rgba(255, 255, 255, 0.1); +} +.p-image-action.p-link i { + font-size: 1.5rem; +} + +.p-avatar { + background-color: rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +.p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +.p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; +} +.p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +.p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; +} + +.p-avatar-group .p-avatar { + border: 2px solid #ffffff; +} + +.p-badge { + background: #3F51B5; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +.p-badge.p-badge-secondary { + background-color: #ff4081; + color: #ffffff; +} +.p-badge.p-badge-success { + background-color: #689F38; + color: #ffffff; +} +.p-badge.p-badge-info { + background-color: #2196F3; + color: #ffffff; +} +.p-badge.p-badge-warning { + background-color: #FBC02D; + color: #212529; +} +.p-badge.p-badge-danger { + background-color: #D32F2F; + color: #ffffff; +} +.p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +.p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} + +.p-chip { + background-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + border-radius: 16px; + padding: 0 0.75rem; +} +.p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; +} +.p-chip .p-chip-icon { + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; +} +.p-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-inplace .p-inplace-display { + padding: 1rem 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); +} +.p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-progressbar { + border: 0 none; + height: 4px; + background: rgba(63, 81, 181, 0.32); + border-radius: 4px; +} +.p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #3F51B5; +} +.p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 4px; +} + +.p-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, color 0.2s, box-shadow 0.2s; +} +.p-scrolltop.p-link { + background: #ff4081; +} +.p-scrolltop.p-link:hover { + background: rgba(255, 64, 129, 0.92); +} +.p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #ffffff; +} + +.p-skeleton { + background-color: rgba(0, 0, 0, 0.08); + border-radius: 4px; +} +.p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); +} + +.p-tag { + background: #3F51B5; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; +} +.p-tag.p-tag-success { + background-color: #689F38; + color: #ffffff; +} +.p-tag.p-tag-info { + background-color: #2196F3; + color: #ffffff; +} +.p-tag.p-tag-warning { + background-color: #FBC02D; + color: #212529; +} +.p-tag.p-tag-danger { + background-color: #D32F2F; + color: #ffffff; +} +.p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +.p-terminal { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e0e0e0; + padding: 0.75rem; +} +.p-terminal .p-terminal-input { + font-size: 1rem; + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; +} + +.p-accordion .p-accordion-tab { + 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); + margin-bottom: 0; + border-radius: 0; + position: relative; + transition: margin-bottom 225ms; +} +.p-accordion .p-accordion-tab:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +.p-accordion .p-accordion-tab:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-accordion .p-accordion-tab .p-accordion-toggle-icon { + order: 1; + margin-left: auto; + transition: transform 0.2s; +} +.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-header-link:focus { + background: #f6f6f6; +} +.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-toggle-icon { + transform: rotate(-270deg); +} +.p-accordion .p-accordion-tab.p-accordion-tab-active { + margin-bottom: 1rem; +} +.p-accordion .p-accordion-tab.p-accordion-tab-active .p-accordion-toggle-icon { + transform: rotate(-180deg); +} +.p-accordion .p-accordion-tab .p-accordion-header.p-disabled { + opacity: 1; +} +.p-accordion .p-accordion-tab .p-accordion-header.p-disabled .p-accordion-header-link > * { + opacity: 0.38; +} + +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-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; +} + +.p-input-filled .p-autocomplete .p-autocomplete-multiple-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; +} +.p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):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)); +} +.p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} + +.p-float-label .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 1rem; +} + +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding-top: 0; + padding-bottom: 0; +} +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + font-size: 75%; +} +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0; +} +.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; +} +.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} + +p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled: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; +} +p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-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; +} + +.p-breadcrumb .p-menuitem-link { + padding: 0.25rem 0.5rem; +} +.p-breadcrumb .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); +} + +.p-button { + font-weight: 500; + min-width: 4rem; +} +.p-button.p-button-icon-only { + min-width: auto; +} +.p-button:enabled:focus { + background: rgba(63, 81, 181, 0.76); +} +.p-button:enabled:active { + background: rgba(63, 81, 181, 0.68); +} +.p-button .p-ink { + background-color: rgba(255, 255, 255, 0.32); +} +.p-button.p-button-text:enabled:focus, .p-button.p-button-outlined:enabled:focus { + background: rgba(63, 81, 181, 0.12); +} +.p-button.p-button-text:enabled:active, .p-button.p-button-outlined:enabled:active { + background: rgba(63, 81, 181, 0.16); +} +.p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink { + background-color: rgba(63, 81, 181, 0.16); +} +.p-button.p-button-outlined { + box-shadow: inset 0 0 0 1px; +} +.p-button.p-button-outlined:enabled:focus { + box-shadow: inset 0 0 0 1px; +} +.p-button.p-button-outlined:enabled:active { + box-shadow: inset 0 0 0 1px; +} +.p-button:disabled { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(0, 0, 0, 0.38) !important; + opacity: 1; +} +.p-button:disabled.p-button-text { + background-color: transparent !important; + color: rgba(0, 0, 0, 0.38) !important; +} +.p-button:disabled.p-button-outlined { + background-color: transparent !important; + color: rgba(0, 0, 0, 0.38) !important; + border-color: rgba(0, 0, 0, 0.38) !important; +} +.p-button.p-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); +} + +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + background: rgba(255, 64, 129, 0.76); +} +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: rgba(255, 64, 129, 0.68); +} +.p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus { + background: rgba(255, 64, 129, 0.12); +} +.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(255, 64, 129, 0.16); +} +.p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink { + background-color: rgba(255, 64, 129, 0.16); +} + +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + background: rgba(33, 150, 243, 0.76); +} +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: rgba(33, 150, 243, 0.68); +} +.p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus { + background: rgba(33, 150, 243, 0.12); +} +.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(33, 150, 243, 0.16); +} +.p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink { + background-color: rgba(33, 150, 243, 0.16); +} + +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + background: rgba(104, 159, 56, 0.76); +} +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: rgba(104, 159, 56, 0.68); +} +.p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus { + background: rgba(104, 159, 56, 0.12); +} +.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(104, 159, 56, 0.16); +} +.p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink { + background-color: rgba(104, 159, 56, 0.16); +} + +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + background: rgba(251, 192, 45, 0.76); +} +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: rgba(251, 192, 45, 0.68); +} +.p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus { + background: rgba(251, 192, 45, 0.12); +} +.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(251, 192, 45, 0.16); +} +.p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink { + background-color: rgba(251, 192, 45, 0.16); +} + +.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + background: rgba(156, 39, 176, 0.76); +} +.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: rgba(156, 39, 176, 0.68); +} +.p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus { + background: rgba(156, 39, 176, 0.12); +} +.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(156, 39, 176, 0.16); +} +.p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink { + background-color: rgba(156, 39, 176, 0.16); +} + +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + background: rgba(211, 47, 47, 0.76); +} +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: rgba(211, 47, 47, 0.68); +} +.p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus { + background: rgba(211, 47, 47, 0.12); +} +.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(211, 47, 47, 0.16); +} +.p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink { + background-color: rgba(211, 47, 47, 0.16); +} + +.p-calendar-w-btn { + border: 1px solid rgba(0, 0, 0, 0.38); + background: #ffffff; + 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); +} +.p-calendar-w-btn .p-inputtext { + background-image: none; + background-color: transparent; + border: 0 none; +} +.p-calendar-w-btn .p-inputtext:enabled:focus { + box-shadow: none; +} +.p-calendar-w-btn .p-datepicker-trigger.p-button { + background-color: transparent; + border: 0 none; +} +.p-calendar-w-btn .p-datepicker-trigger.p-button span { + color: rgba(0, 0, 0, 0.6); +} +.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover { + background: rgba(0, 0, 0, 0.04); +} +.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:active, .p-calendar-w-btn .p-datepicker-trigger.p-button:focus { + background: rgba(0, 0, 0, 0.12); +} +.p-calendar-w-btn .p-datepicker-trigger.p-button:disabled { + background-color: transparent !important; +} +.p-calendar-w-btn:not(.p-calendar-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-calendar-w-btn:not(.p-calendar-disabled).p-focus { + border-color: #3F51B5; + 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; +} +.p-calendar-w-btn.p-calendar-disabled { + opacity: 0.38; +} +.p-calendar-w-btn.p-calendar-disabled .p-inputtext { + opacity: 1; +} + +.p-datepicker .p-datepicker-header { + border-bottom: 0 none; +} +.p-datepicker .p-datepicker-header .p-datepicker-title { + margin: 0 auto 0 0; + order: 1; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev { + order: 2; +} +.p-datepicker .p-datepicker-header .p-datepicker-next { + order: 3; +} +.p-datepicker table 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; +} +.p-datepicker table td.p-datepicker-today > span { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38); +} +.p-datepicker table td.p-datepicker-today.p-highlight { + box-shadow: 0 0 0 1px rgba(63, 81, 181, 0.12); +} + +p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled: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; +} +p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { + border-color: #B00020; +} +p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext:enabled:focus { + box-shadow: none; +} +p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-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; +} + +.p-input-filled .p-calendar-w-btn { + 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; +} +.p-input-filled .p-calendar-w-btn .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):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)); +} +.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-calendar-w-btn .p-inputtext { + border: 0 none; +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext { + border: 0 none; + background-image: none; +} + +.p-cascadeselect .p-inputtext, .p-cascadeselect .p-cascadeselect-trigger { + background-image: none; + background: transparent; +} +.p-cascadeselect .p-inputtext { + border: 0 none; +} +.p-cascadeselect:not(.p-disabled).p-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; +} + +.p-cascadeselect-item .p-ink { + background-color: rgba(63, 81, 181, 0.16); +} + +.p-input-filled .p-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; +} +.p-input-filled .p-cascadeselect .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-cascadeselect:not(.p-disabled):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)); +} +.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-cascadeselect .p-inputtext:enabled:hover, .p-input-filled .p-cascadeselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-cascadeselect .p-inputtext { + border: 0 none; +} +.p-input-filled .p-cascadeselect .p-cascadeselect-label:hover { + background-image: none; + background: transparent; +} +.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} + +.p-input-filled .p-float-label .p-cascadeselect .p-cascadeselect-label { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-cascadeselect .p-cascadeselect-label { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +.p-input-filled .p-cascadeselect.p-invalid { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} + +p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-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; +} + +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #ff4081; + color: #ffffff; +} + +.p-checkbox { + border-radius: 50%; + transition: box-shadow 0.2s; +} +.p-checkbox .p-checkbox-box { + border-color: #757575; + border-radius: 2px; + position: relative; +} +.p-checkbox .p-checkbox-box:not(.p-disabled):hover { + border-color: #757575; +} +.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { + border-color: #757575; +} +.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus { + border-color: #3F51B5; +} +.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check: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; +} +.p-checkbox:not(.p-checkbox-disabled):hover { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +.p-checkbox:not(.p-checkbox-disabled).p-checkbox-focused { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); +} +.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled):hover { + box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.04); +} +.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused { + box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12); +} + +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #ffffff; +} +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):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); + } +} +.p-chips .p-chips-multiple-container:not(.p-disabled).p-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; +} + +.p-input-filled .p-chips-multiple-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; +} +.p-input-filled .p-chips-multiple-container .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-chips-multiple-container:not(.p-disabled):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)); +} +.p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-chips-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} + +.p-float-label .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 1rem; +} + +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token { + padding-top: 0; + padding-bottom: 0; +} +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + font-size: 75%; +} +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0; +} +.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} + +p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-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; +} + +.p-datatable .p-sortable-column { + outline: 0 none; +} +.p-datatable .p-sortable-column:focus { + background-color: rgba(0, 0, 0, 0.03); +} +.p-datatable .p-datatable-tbody > tr { + outline: 0 none; +} +.p-datatable .p-datatable-tbody > tr:not(.p-highlight):focus { + background-color: rgba(0, 0, 0, 0.03); +} + +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #3F51B5; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #3F51B5; +} + +.p-dropdown .p-inputtext, .p-dropdown .p-dropdown-trigger { + background-image: none; + background: transparent; +} +.p-dropdown .p-inputtext { + border: 0 none; +} +.p-dropdown:not(.p-disabled).p-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; +} + +.p-dropdown-item .p-ink { + background-color: rgba(63, 81, 181, 0.16); +} + +.p-input-filled .p-dropdown { + 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; +} +.p-input-filled .p-dropdown .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-dropdown:not(.p-disabled):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)); +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-dropdown .p-inputtext:enabled:hover, .p-input-filled .p-dropdown .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-dropdown .p-inputtext { + border: 0 none; +} +.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus, .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} + +p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-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; +} + +.p-galleria .p-galleria-indicators { + padding: 1rem; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #ff4081; + color: #ffffff; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(255, 64, 129, 0.68); + color: #ffffff; +} + +.p-inputtext:enabled: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; +} +.p-inputtext:enabled:focus.ng-invalid.ng-dirty { + 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; +} + +.p-input-filled .p-inputtext { + 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; +} +.p-input-filled .p-inputtext:enabled: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)); +} +.p-input-filled .p-inputtext:enabled:focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-inputtext.ng-invalid.ng-dirty { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled .p-inputtext.ng-invalid.ng-dirty:enabled:focus { + box-shadow: none; + border-color: transparent; +} + +.p-input-filled .p-inputgroup .p-inputgroup-addon { + 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; +} +.p-input-filled .p-inputgroup .p-inputgroup-addon:last-child { + border-right-color: transparent; +} +.p-input-filled .p-inputgroup-addon:first-child, +.p-input-filled .p-inputgroup button:first-child, +.p-input-filled .p-inputgroup input:first-child { + border-bottom-left-radius: 0; +} +.p-input-filled .p-inputgroup .p-float-label:first-child input { + border-bottom-left-radius: 0; +} +.p-input-filled .p-inputgroup-addon:last-child, +.p-input-filled .p-inputgroup button:last-child, +.p-input-filled .p-inputgroup input:last-child { + border-bottom-right-radius: 0; +} +.p-input-filled .p-inputgroup .p-float-label:last-child input { + border-bottom-right-radius: 0; +} + +p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled: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; +} + +.p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; +} + +p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled: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; +} + +.p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; +} + +.p-inputswitch .p-inputswitch-slider:before { + 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); +} +.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before { + 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); +} +.p-inputswitch.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before { + 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); +} +.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider:before { + 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); +} +.p-inputswitch.p-inputswitch-checked.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before { + 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); +} + +.p-fieldset .p-fieldset-legend { + border: 0 none; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + background: rgba(0, 0, 0, 0.12); +} + +.p-float-label input:focus ~ label, +.p-float-label input.p-filled ~ label, +.p-float-label textarea:focus ~ label, +.p-float-label textarea.p-filled ~ label, +.p-float-label .p-inputwrapper-focus ~ label, +.p-float-label .p-inputwrapper-filled ~ label { + top: -0.5rem !important; + background-color: #ffffff; + padding: 2px 4px; + margin-left: -4px; + margin-top: 0; +} + +.p-float-label textarea ~ label { + margin-top: 0; +} + +.p-float-label input:focus ~ label, +.p-float-label .p-inputwrapper-focus ~ label { + color: #3F51B5; +} + +.p-input-filled .p-float-label .p-inputtext { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +.p-input-filled .p-float-label input:focus ~ label, +.p-input-filled .p-float-label input.p-filled ~ label, +.p-input-filled .p-float-label textarea:focus ~ label, +.p-input-filled .p-float-label textarea.p-filled ~ label, +.p-input-filled .p-float-label .p-inputwrapper-focus ~ label, +.p-input-filled .p-float-label .p-inputwrapper-filled ~ label { + top: 0.25rem !important; + margin-top: 0; + background: transparent; +} + +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-toolbar .fc-button:focus { + background: rgba(63, 81, 181, 0.76); +} +.fc.fc-unthemed .fc-toolbar .fc-button:active { + background: rgba(63, 81, 181, 0.68); +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:focus { + background: rgba(63, 81, 181, 0.76); +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:active { + background: rgba(63, 81, 181, 0.68); +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { + background: #e0e0e1; + border-color: #e0e0e1; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { + background: #d9d8d9; + border-color: #d9d8d9; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + background: rgba(63, 81, 181, 0.76); +} +.fc.fc-theme-standard .fc-toolbar .fc-button:active { + background: rgba(63, 81, 181, 0.68); +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:focus { + background: rgba(63, 81, 181, 0.76); +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:active { + background: rgba(63, 81, 181, 0.68); +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { + background: #e0e0e1; + border-color: #e0e0e1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { + background: #d9d8d9; + border-color: #d9d8d9; +} + +.p-listbox .p-listbox-list .p-listbox-item .p-ink { + background-color: rgba(63, 81, 181, 0.16); +} +.p-listbox .p-listbox-list .p-listbox-item:focus { + background: rgba(0, 0, 0, 0.12); +} +.p-listbox .p-listbox-list .p-listbox-item:focus.p-highlight { + background: rgba(63, 81, 181, 0.24); +} + +.p-megamenu .p-menuitem .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); +} + +.p-menu .p-menuitem .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); +} + +.p-menubar .p-menuitem .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); +} + +.p-multiselect .p-multiselect-label, .p-multiselect .p-multiselect-trigger { + background-image: none; + background: transparent; +} +.p-multiselect .p-multiselect-label { + border: 0 none; +} +.p-multiselect:not(.p-disabled).p-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; +} + +.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-ink { + background-color: rgba(63, 81, 181, 0.16); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + background: rgba(0, 0, 0, 0.12); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus.p-highlight { + background: rgba(63, 81, 181, 0.24); +} +.p-multiselect-panel .p-multiselect-close:focus { + background: rgba(0, 0, 0, 0.12); +} + +.p-input-filled .p-multiselect { + 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; +} +.p-input-filled .p-multiselect .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-multiselect:not(.p-disabled):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)); +} +.p-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-multiselect .p-inputtext:enabled:hover, .p-input-filled .p-multiselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-multiselect .p-multiselect-label:hover { + background-image: none; + background: transparent; +} + +.p-float-label .p-multiselect-label .p-multiselect-token { + padding: 0.25rem 1rem; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} + +.p-input-filled .p-float-label .p-multiselect .p-multiselect-label { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect .p-multiselect-label { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding-top: 0; + padding-bottom: 0; + margin-top: 0; + margin-bottom: 0; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + font-size: 75%; +} +.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus, .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} + +p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-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; +} + +.p-orderlist .p-orderlist-list .p-orderlist-item:focus { + background: rgba(0, 0, 0, 0.12); +} +.p-orderlist .p-orderlist-list .p-orderlist-item:focus.p-highlight { + background: rgba(63, 81, 181, 0.24); +} + +.p-overlaypanel .p-overlaypanel-content { + padding: 1.5rem; +} + +.p-paginator { + justify-content: flex-end; +} +.p-paginator .p-paginator-element:focus { + background: rgba(0, 0, 0, 0.12); +} +.p-paginator .p-paginator-element:focus.p-highlight { + background: rgba(63, 81, 181, 0.24); +} + +.p-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); +} +.p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + border: 0 none; +} +.p-panel .p-panel-content { + padding-top: 0; +} +.p-panel .p-panel-title { + font-size: 1.25rem; +} +.p-panel .p-panel-header-icon:focus { + background: rgba(0, 0, 0, 0.12); +} + +.p-panelmenu .p-panelmenu-panel { + 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); + margin-bottom: 0; + border-radius: 0; + position: relative; + transition: margin-bottom 225ms; +} +.p-panelmenu .p-panelmenu-panel:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +.p-panelmenu .p-panelmenu-panel:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-icon { + order: 1; + margin-left: auto; + margin-right: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled { + opacity: 1; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-link > * { + opacity: 0.38; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-link:focus { + background: #f6f6f6; +} +.p-panelmenu .p-panelmenu-panel .p-menuitem .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); +} + +.p-picklist .p-picklist-list .p-picklist-item:focus { + background: rgba(0, 0, 0, 0.12); +} +.p-picklist .p-picklist-list .p-picklist-item:focus.p-highlight { + background: rgba(63, 81, 181, 0.24); +} + +.p-progressbar { + border-radius: 0; +} +.p-progressbar .p-progressbar-label { + display: none !important; +} + +.p-radiobutton { + border-radius: 50%; + transition: box-shadow 0.2s; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border: 2px solid #757575; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + border: 2px solid #757575; +} +.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus { + border-color: #3F51B5; +} +.p-radiobutton:not(.p-radiobutton-disabled):hover { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +.p-radiobutton:not(.p-radiobutton-disabled).p-radiobutton-focused { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); +} +.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled):hover { + box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.04); +} +.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled).p-radiobutton-focused { + box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12); +} + +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #ffffff; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #ffffff; +} + +.p-rating .p-rating-icon { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-left: 0; +} +.p-rating .p-rating-icon:focus { + background: rgba(63, 81, 181, 0.12); +} +.p-rating .p-rating-icon.p-rating-cancel:focus { + background: rgba(176, 0, 32, 0.12); +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + background-color: rgba(0, 0, 0, 0.04); +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + background: rgba(176, 0, 32, 0.04); +} + +.p-selectbutton .p-button:focus { + background: #e0e0e1; + border-color: #e0e0e1; +} +.p-selectbutton .p-button:focus.p-highlight { + background: #d9d8d9; + border-color: #d9d8d9; +} + +.p-slidemenu .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); +} + +.p-slider .p-slider-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); +} +.p-slider .p-slider-handle:focus { + box-shadow: 0 0 1px 10px rgba(255, 64, 129, 0.2); +} +.p-slider.p-slider-sliding .p-slider-handle { + transform: scale(1); +} + +.p-steps { + padding: 1rem 0; +} +.p-steps .p-steps-item { + justify-content: flex-start; + flex-direction: row-reverse; + align-items: center; +} +.p-steps .p-steps-item:before { + position: static; + left: auto; + top: auto; + margin-top: 0; +} +.p-steps .p-steps-item:last-child { + flex-grow: 0; +} +.p-steps .p-steps-item:last-child:before { + display: none; +} +.p-steps .p-steps-item .p-menuitem-link { + flex-direction: row; + flex: 1 1 auto; + overflow: visible; + padding: 1rem 0.5rem; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-number { + background-color: #9e9d9e; + color: #ffffff; + font-size: 0.857rem; + min-width: 1.714rem; + height: 1.714rem; + line-height: 1.714rem; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin: 0; + padding-left: 0.5rem; +} +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + background: rgba(0, 0, 0, 0.12); +} +.p-steps .p-steps-item.p-highlight .p-steps-number { + background-color: #3F51B5; + color: #ffffff; +} +.p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 600; + color: rgba(0, 0, 0, 0.87); +} +.p-steps .p-steps-item.p-disabled { + opacity: 1; +} + +.p-tabview .p-tabview-nav { + position: relative; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s; + border-radius: 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link > .p-ink { + background-color: rgba(63, 81, 181, 0.16); +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link:focus { + background-color: rgba(63, 81, 181, 0.12); +} +.p-tabview .p-tabview-nav .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 2px; + background-color: #3F51B5; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); +} + +.p-toolbar { + border: 0 none; +} + +.p-tooltip .p-tooltip-text { + box-shadow: none; + font-size: 0.875rem; +} +.p-tooltip .p-tooltip-arrow { + display: none; +} + +.p-tieredmenu .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); +} + +.p-treeselect .p-treeselect-label, .p-treeselect .p-treeselect-trigger { + background-image: none; + background: transparent; +} +.p-treeselect .p-treeselect-label { + border: 0 none; +} +.p-treeselect:not(.p-disabled).p-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; +} + +.p-treeselect-item .p-ink { + background-color: rgba(63, 81, 181, 0.16); +} + +.p-input-filled .p-treeselect { + 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; +} +.p-input-filled .p-treeselect .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-treeselect:not(.p-disabled):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)); +} +.p-input-filled .p-treeselect:not(.p-disabled).p-focus, .p-input-filled .p-treeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-treeselect .p-inputtext:enabled:hover, .p-input-filled .p-treeselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-treeselect .p-treeselect-label:hover { + background-image: none; + background: transparent; +} + +.p-float-label .p-treeselect-label .p-treeselect-token { + padding: 0.25rem 1rem; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} + +.p-input-filled .p-float-label .p-treeselect .p-treeselect-label { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect .p-treeselect-label { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding-top: 0; + padding-bottom: 0; + margin-top: 0; + margin-bottom: 0; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-token .p-treeselect-token-icon { + font-size: 75%; +} +.p-input-filled .p-treeselect.p-invalid { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled .p-treeselect.p-invalid:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} + +.p-treeselect.p-invalid:not(.p-disabled).p-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; +} + +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + background: rgba(0, 0, 0, 0.12); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus.p-highlight { + background: rgba(63, 81, 181, 0.24); +} + +.p-treetable .p-sortable-column { + outline: 0 none; +} +.p-treetable .p-sortable-column:focus { + background-color: rgba(0, 0, 0, 0.03); +} +.p-treetable .p-treetable-tbody > tr { + outline: 0 none; +} +.p-treetable .p-treetable-tbody > tr:not(.p-highlight):focus { + background-color: rgba(0, 0, 0, 0.03); +} + +.p-tabmenu .p-tabmenu-nav { + position: relative; +} +.p-tabmenu .p-tabmenu-nav li .p-menuitem-link { + transition: background-color 0.2s; + border-radius: 0; +} +.p-tabmenu .p-tabmenu-nav li .p-menuitem-link > .p-ink { + background-color: rgba(63, 81, 181, 0.16); +} +.p-tabmenu .p-tabmenu-nav li .p-menuitem-link:focus { + background-color: rgba(63, 81, 181, 0.12); +} +.p-tabmenu .p-tabmenu-nav li.p-highlight .p-menuitem-link:focus { + background-color: rgba(63, 81, 181, 0.12); +} +.p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar { + display: block; + position: absolute; + bottom: 0; + height: 2px; + background-color: #3F51B5; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); +} + +.p-timeline.p-timeline-vertical .p-timeline-event-connector { + margin: 0.5rem 0; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-connector { + margin: 0 0.5rem; +} + +.p-togglebutton.p-button:focus { + background: #e0e0e1; + border-color: #e0e0e1; +} +.p-togglebutton.p-button:focus.p-highlight { + background: #d9d8d9; + border-color: #d9d8d9; +} + +.p-splitbutton.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + background: rgba(63, 81, 181, 0.12); +} +.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(63, 81, 181, 0.16); +} +.p-splitbutton.p-button-outlined > .p-button { + box-shadow: inset 0 0 0 1px; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:focus { + box-shadow: inset 0 0 0 1px; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:active { + box-shadow: inset 0 0 0 1px; +} +.p-splitbutton.p-button-outlined > .p-button.p-splitbutton-menubutton { + margin-left: -1px; + width: calc(2.75rem + 1px); +} +.p-splitbutton.p-disabled.p-button-text > .p-button { + background-color: transparent !important; + color: rgba(0, 0, 0, 0.38) !important; +} +.p-splitbutton.p-disabled.p-button-outlined > .p-button { + background-color: transparent !important; + color: rgba(0, 0, 0, 0.38) !important; + border-color: rgba(0, 0, 0, 0.38) !important; +} +.p-splitbutton.p-button-raised > .p-button:enabled:focus, .p-splitbutton.p-button-raised > .p-button:not(button):not(a):not(.p-disabled):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); +} + +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + background: rgba(255, 64, 129, 0.12); +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 64, 129, 0.16); +} + +.p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + background: rgba(33, 150, 243, 0.12); +} +.p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(33, 150, 243, 0.16); +} + +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + background: rgba(104, 159, 56, 0.12); +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(104, 159, 56, 0.16); +} + +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + background: rgba(251, 192, 45, 0.12); +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(251, 192, 45, 0.16); +} + +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + background: rgba(156, 39, 176, 0.12); +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(156, 39, 176, 0.16); +} + +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + background: rgba(211, 47, 47, 0.12); +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(211, 47, 47, 0.16); +} + +/* Customizations to the designer theme should be defined here */ diff --git a/assets/layout/styles/theme/mdc-light-indigo/theme.css.br b/assets/layout/styles/theme/mdc-light-indigo/theme.css.br new file mode 100644 index 0000000..1b76f86 Binary files /dev/null and b/assets/layout/styles/theme/mdc-light-indigo/theme.css.br differ diff --git a/assets/layout/styles/theme/mdc-light-indigo/theme.css.gz b/assets/layout/styles/theme/mdc-light-indigo/theme.css.gz new file mode 100644 index 0000000..e3b7ef6 Binary files /dev/null and b/assets/layout/styles/theme/mdc-light-indigo/theme.css.gz differ diff --git a/assets/layout/styles/theme/saga-blue/theme.css b/assets/layout/styles/theme/saga-blue/theme.css new file mode 100644 index 0000000..0edb7cf --- /dev/null +++ b/assets/layout/styles/theme/saga-blue/theme.css @@ -0,0 +1,6304 @@ +:root { + --surface-a:#ffffff; + --surface-b:#f8f9fa; + --surface-c:#e9ecef; + --surface-d:#dee2e6; + --surface-e:#ffffff; + --surface-f:#ffffff; + --text-color:#495057; + --text-color-secondary:#6c757d; + --primary-color:#2196F3; + --primary-color-text:#ffffff; + --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --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:3px; + --surface-ground:#f8f9fa; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#dee2e6; + --surface-hover: #e9ecef; + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 0.2rem #a6d5fa; + color-scheme: light; +} + +* { + box-sizing: border-box; +} + +.p-component { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + font-weight: normal; +} + +.p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; +} + +.p-disabled, .p-component:disabled { + opacity: 0.6; +} + +.p-error { + color: #f44336; +} + +.p-text-secondary { + color: #6c757d; +} + +.pi { + font-size: 1rem; +} + +.p-link { + font-size: 1rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + border-radius: 3px; +} +.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; +} + +.p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; +} + +.p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; +} + +@keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } +} +@keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } +} + +: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:#f6fbf6; + --green-100:#d4ecd5; + --green-200:#b2ddb4; + --green-300:#90cd93; + --green-400:#6ebe71; + --green-500:#4caf50; + --green-600:#419544; + --green-700:#357b38; + --green-800:#2a602c; + --green-900:#1e4620; + --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:#f5f6fb; + --indigo-100:#d1d5ed; + --indigo-200:#acb4df; + --indigo-300:#8893d1; + --indigo-400:#6372c3; + --indigo-500:#3f51b5; + --indigo-600:#36459a; + --indigo-700:#2c397f; + --indigo-800:#232d64; + --indigo-900:#192048; + --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:#fff8f2; + --orange-100:#fde0c2; + --orange-200:#fbc791; + --orange-300:#f9ae61; + --orange-400:#f79530; + --orange-500:#f57c00; + --orange-600:#d06900; + --orange-700:#ac5700; + --orange-800:#874400; + --orange-900:#623200; + --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:#fff5f5; + --red-100:#ffd1ce; + --red-200:#ffada7; + --red-300:#ff8980; + --red-400:#ff6459; + --red-500:#ff4032; + --red-600:#d9362b; + --red-700:#b32d23; + --red-800:#8c231c; + --red-900:#661a14; + --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; +} + +.p-autocomplete .p-autocomplete-loader { + right: 0.5rem; +} +.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 2.857rem; +} +.p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; + gap: 0.5rem; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + border-color: #2196F3; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; + border-color: #2196F3; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.25rem 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #495057; + padding: 0; + margin: 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.5rem; + background: #E3F2FD; + color: #495057; + border-radius: 3px; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; +} + +p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f44336; +} + +.p-autocomplete-panel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 3px; + 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); +} +.p-autocomplete-panel .p-autocomplete-items { + padding: 0.5rem 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { + color: #495057; + background: #e9ecef; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #495057; + background: #E3F2FD; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 1rem; + color: #495057; + background: transparent; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: #495057; + background: #ffffff; + font-weight: 600; +} + +p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2rem; +} +p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #6c757d; + right: 0.5rem; +} + +p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #6c757d; + right: 2.857rem; +} + +p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #f44336; +} + +.p-datepicker { + padding: 0.5rem; + background: #ffffff; + color: #495057; + border: 1px solid #ced4da; + border-radius: 3px; +} +.p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + 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); +} +.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; +} +.p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: #495057; + background: #ffffff; + font-weight: 600; + margin: 0; + border-bottom: 1px solid #dee2e6; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #495057; + border-color: transparent; + background: #e9ecef; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; +} +.p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 2rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #495057; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + font-weight: 600; + padding: 0.5rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #2196F3; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; +} +.p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0; +} +.p-datepicker table th { + padding: 0.5rem; +} +.p-datepicker table th > span { + width: 2.5rem; + height: 2.5rem; +} +.p-datepicker table td { + padding: 0.5rem; +} +.p-datepicker table td > span { + width: 2.5rem; + height: 2.5rem; + border-radius: 50%; + transition: box-shadow 0.2s; + border: 1px solid transparent; +} +.p-datepicker table td > span.p-highlight { + color: #495057; + background: #E3F2FD; +} +.p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; +} +.p-datepicker table td.p-datepicker-today > span { + background: #ced4da; + color: #495057; + border-color: transparent; +} +.p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #495057; + background: #E3F2FD; +} +.p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #dee2e6; +} +.p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; +} +.p-datepicker .p-timepicker { + border-top: 1px solid #dee2e6; + padding: 0.5rem; +} +.p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-timepicker button:enabled:hover { + color: #495057; + border-color: transparent; + background: #e9ecef; +} +.p-datepicker .p-timepicker button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; +} +.p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; +} +.p-datepicker .p-timepicker span { + font-size: 1.25rem; +} +.p-datepicker .p-timepicker > div { + padding: 0 0.5rem; +} +.p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; +} +.p-datepicker .p-monthpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.5rem; + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #495057; + background: #E3F2FD; +} +.p-datepicker .p-yearpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.5rem; + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #495057; + background: #E3F2FD; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #dee2e6; + padding-right: 0.5rem; + padding-left: 0.5rem; + padding-top: 0; + padding-bottom: 0; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: #e9ecef; +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: #e9ecef; +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: #e9ecef; +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; +} + +p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2rem; +} +p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #6c757d; + right: 0.5rem; +} + +p-calendar.p-calendar-clearable.p-calendar-w-btn .p-calendar-clear-icon { + color: #6c757d; + right: 2.857rem; +} + +@media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } +} +.p-cascadeselect { + background: #ffffff; + border: 1px solid #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-cascadeselect:not(.p-disabled):hover { + border-color: #2196F3; +} +.p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; + border-color: #2196F3; +} +.p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.5rem; +} +.p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #6c757d; +} +.p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #6c757d; + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-cascadeselect-panel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 3px; + 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); +} +.p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.5rem 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 1rem; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a6d5fa; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #495057; + background: #E3F2FD; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #495057; + background: #e9ecef; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; +} + +p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f44336; +} + +.p-input-filled .p-cascadeselect { + background: #f8f9fa; +} +.p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #f8f9fa; +} +.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #ffffff; +} + +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.5rem; +} +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #6c757d; + right: 2.357rem; +} + +.p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; +} +.p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); +} + +.p-checkbox { + width: 20px; + height: 20px; +} +.p-checkbox .p-checkbox-box { + border: 2px solid #ced4da; + background: #ffffff; + width: 20px; + height: 20px; + color: #495057; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #ffffff; + font-size: 14px; +} +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #2196F3; + background: #2196F3; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #2196F3; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; + border-color: #2196F3; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #0b7ad1; + background: #0b7ad1; + color: #ffffff; +} + +p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f44336; +} + +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f8f9fa; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #2196F3; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f8f9fa; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #0b7ad1; +} + +.p-checkbox-label { + margin-left: 0.5rem; +} + +.p-chips .p-chips-multiple-container { + padding: 0.25rem 0.5rem; + gap: 0.5rem; +} +.p-chips .p-chips-multiple-container:not(.p-disabled):hover { + border-color: #2196F3; +} +.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; + border-color: #2196F3; +} +.p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.5rem; + background: #E3F2FD; + color: #495057; + border-radius: 3px; +} +.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; +} +.p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.25rem 0; +} +.p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #495057; + padding: 0; + margin: 0; +} + +p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #f44336; +} + +p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.5rem; +} +p-chips.p-chips-clearable .p-chips-clear-icon { + color: #6c757d; + right: 0.5rem; +} + +.p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; +} + +.p-colorpicker-panel { + background: #323232; + border: 1px solid #191919; +} +.p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; +} + +.p-colorpicker-overlay-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); +} + +.p-dropdown { + background: #ffffff; + border: 1px solid #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-dropdown:not(.p-disabled):hover { + border-color: #2196F3; +} +.p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; + border-color: #2196F3; +} +.p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.5rem; +} +.p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; +} +.p-dropdown .p-dropdown-label.p-placeholder { + color: #6c757d; +} +.p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-dropdown .p-dropdown-trigger { + background: transparent; + color: #6c757d; + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.p-dropdown .p-dropdown-clear-icon { + color: #6c757d; + right: 2.357rem; +} + +.p-dropdown-panel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 3px; + 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); +} +.p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: #495057; + background: #f8f9fa; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.5rem; + margin-right: -1.5rem; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.5rem; + color: #6c757d; +} +.p-dropdown-panel .p-dropdown-items { + padding: 0.5rem 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #495057; + background: #E3F2FD; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #495057; + background: #e9ecef; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1rem; + color: #495057; + background: transparent; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: #495057; + background: #ffffff; + font-weight: 600; +} + +p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #f44336; +} + +.p-input-filled .p-dropdown { + background: #f8f9fa; +} +.p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #f8f9fa; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #ffffff; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; +} + +.p-editor-container .p-editor-toolbar { + background: #f8f9fa; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #dee2e6; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #6c757d; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #6c757d; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #6c757d; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + 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); + border-radius: 3px; + padding: 0.5rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #495057; + background: #e9ecef; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #dee2e6; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #495057; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #495057; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #495057; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #495057; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #2196F3; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #2196F3; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #2196F3; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #2196F3; +} + +.p-inputgroup-addon { + background: #e9ecef; + color: #6c757d; + border-top: 1px solid #ced4da; + border-left: 1px solid #ced4da; + border-bottom: 1px solid #ced4da; + padding: 0.5rem 0.5rem; + min-width: 2.357rem; +} +.p-inputgroup-addon:last-child { + border-right: 1px solid #ced4da; +} + +.p-inputgroup > .p-component, +.p-inputgroup > .p-element, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; +} +.p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-element + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; +} +.p-inputgroup > .p-component:focus, +.p-inputgroup > .p-element:focus, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; +} +.p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-element:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; +} + +.p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} + +.p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} + +.p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-fluid .p-inputgroup .p-button { + width: auto; +} +.p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.357rem; +} + +p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #f44336; +} + +p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2rem; +} +p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #6c757d; + right: 0.5rem; +} + +p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #f44336; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #6c757d; + right: 0.5rem; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 2.857rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 2.857rem; +} + +.p-inputswitch { + width: 3rem; + height: 1.75rem; +} +.p-inputswitch .p-inputswitch-slider { + background: #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; +} +.p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition-duration: 0.2s; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1.25rem); +} +.p-inputswitch.p-focus .p-inputswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; +} +.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #b6bfc8; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #2196F3; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; +} +.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #0d89ec; +} + +p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + border-color: #f44336; +} + +.p-inputtext { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #495057; + background: #ffffff; + padding: 0.5rem 0.5rem; + border: 1px solid #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + appearance: none; + border-radius: 3px; +} +.p-inputtext:enabled:hover { + border-color: #2196F3; +} +.p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; + border-color: #2196F3; +} +.p-inputtext.ng-dirty.ng-invalid { + border-color: #f44336; +} +.p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.4375rem; +} +.p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.625rem; +} + +.p-float-label > label { + left: 0.5rem; + color: #6c757d; + transition-duration: 0.2s; +} + +.p-float-label > .ng-invalid.ng-dirty + label { + color: #f44336; +} + +.p-input-icon-left > i:first-of-type { + left: 0.5rem; + color: #6c757d; +} + +.p-input-icon-left > .p-inputtext { + padding-left: 2rem; +} + +.p-input-icon-left.p-float-label > label { + left: 2rem; +} + +.p-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #6c757d; +} + +.p-input-icon-right > .p-inputtext { + padding-right: 2rem; +} + +::-webkit-input-placeholder { + color: #6c757d; +} + +:-moz-placeholder { + color: #6c757d; +} + +::-moz-placeholder { + color: #6c757d; +} + +:-ms-input-placeholder { + color: #6c757d; +} + +.p-input-filled .p-inputtext { + background-color: #f8f9fa; +} +.p-input-filled .p-inputtext:enabled:hover { + background-color: #f8f9fa; +} +.p-input-filled .p-inputtext:enabled:focus { + background-color: #ffffff; +} + +.p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.4375rem; +} + +.p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.625rem; +} + +.p-listbox { + background: #ffffff; + color: #495057; + border: 1px solid #ced4da; + border-radius: 3px; +} +.p-listbox .p-listbox-header { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: #495057; + background: #f8f9fa; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.5rem; +} +.p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.5rem; + color: #6c757d; +} +.p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list { + padding: 0.5rem 0; +} +.p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: #495057; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #495057; + background: #E3F2FD; +} +.p-listbox .p-listbox-list .p-listbox-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a6d5fa; +} +.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: #495057; + background: #ffffff; + font-weight: 600; +} +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 1rem; + color: #495057; + background: transparent; +} +.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #495057; + background: #e9ecef; +} + +p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #f44336; +} + +.p-multiselect { + background: #ffffff; + border: 1px solid #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-multiselect:not(.p-disabled):hover { + border-color: #2196F3; +} +.p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; + border-color: #2196F3; +} +.p-multiselect .p-multiselect-label { + padding: 0.5rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-multiselect .p-multiselect-label.p-placeholder { + color: #6c757d; +} +.p-multiselect.p-multiselect-chip .p-multiselect-label { + gap: 0.5rem; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.5rem; + background: #E3F2FD; + color: #495057; + border-radius: 3px; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; +} +.p-multiselect .p-multiselect-trigger { + background: transparent; + color: #6c757d; + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.5rem; +} + +.p-multiselect-panel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 3px; + 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); +} +.p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: #495057; + background: #f8f9fa; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.5rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.5rem; + color: #6c757d; +} +.p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #495057; + border-color: transparent; + background: #e9ecef; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; +} +.p-multiselect-panel .p-multiselect-items { + padding: 0.5rem 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #495057; + background: #E3F2FD; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #495057; + background: #e9ecef; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a6d5fa; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: #495057; + background: #ffffff; + font-weight: 600; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 1rem; + color: #495057; + background: transparent; +} + +p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f44336; +} + +.p-input-filled .p-multiselect { + background: #f8f9fa; +} +.p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #f8f9fa; +} +.p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #ffffff; +} + +p-multiselect.p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.5rem; +} +p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { + color: #6c757d; + right: 2.357rem; +} + +p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #f44336; +} + +.p-password-panel { + padding: 1rem; + background: #ffffff; + color: #495057; + 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); + border-radius: 3px; +} +.p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #dee2e6; +} +.p-password-panel .p-password-meter .p-password-strength.weak { + background: #D32F2F; +} +.p-password-panel .p-password-meter .p-password-strength.medium { + background: #FBC02D; +} +.p-password-panel .p-password-meter .p-password-strength.strong { + background: #689F38; +} + +p-password.p-password-clearable .p-password-input { + padding-right: 2rem; +} +p-password.p-password-clearable .p-password-clear-icon { + color: #6c757d; + right: 0.5rem; +} + +p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 3.5rem; +} +p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #6c757d; + right: 2rem; +} + +.p-radiobutton { + width: 20px; + height: 20px; +} +.p-radiobutton .p-radiobutton-box { + border: 2px solid #ced4da; + background: #ffffff; + width: 20px; + height: 20px; + color: #495057; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #2196F3; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; + border-color: #2196F3; +} +.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 12px; + height: 12px; + transition-duration: 0.2s; + background-color: #ffffff; +} +.p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #2196F3; + background: #2196F3; +} +.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #0b7ad1; + background: #0b7ad1; + color: #ffffff; +} + +p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #f44336; +} + +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f8f9fa; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f8f9fa; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #2196F3; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #0b7ad1; +} + +.p-radiobutton-label { + margin-left: 0.5rem; +} + +.p-rating .p-rating-icon { + color: #495057; + margin-left: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + font-size: 1.143rem; +} +.p-rating .p-rating-icon.p-rating-cancel { + color: #e74c3c; +} +.p-rating .p-rating-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; +} +.p-rating .p-rating-icon:first-child { + margin-left: 0; +} +.p-rating .p-rating-icon.pi-star-fill { + color: #2196F3; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + color: #2196F3; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + color: #c0392b; +} + +.p-selectbutton .p-button { + background: #ffffff; + border: 1px solid #ced4da; + color: #495057; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #6c757d; +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #e9ecef; + border-color: #ced4da; + color: #495057; +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #6c757d; +} +.p-selectbutton .p-button.p-highlight { + background: #2196F3; + border-color: #2196F3; + color: #ffffff; +} +.p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #ffffff; +} +.p-selectbutton .p-button.p-highlight:hover { + background: #0d89ec; + border-color: #0d89ec; + color: #ffffff; +} +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; +} + +p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #f44336; +} + +.p-slider { + background: #dee2e6; + border: 0 none; + border-radius: 3px; +} +.p-slider.p-slider-horizontal { + height: 0.286rem; +} +.p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -0.5715rem; + margin-left: -0.5715rem; +} +.p-slider.p-slider-vertical { + width: 0.286rem; +} +.p-slider.p-slider-vertical .p-slider-handle { + margin-left: -0.5715rem; + margin-bottom: -0.5715rem; +} +.p-slider .p-slider-handle { + height: 1.143rem; + width: 1.143rem; + background: #ffffff; + border: 2px solid #2196F3; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; +} +.p-slider .p-slider-range { + background: #2196F3; +} +.p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #2196F3; + border-color: #2196F3; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; +} + +.p-togglebutton.p-button { + background: #ffffff; + border: 1px solid #ced4da; + color: #495057; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #6c757d; +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #e9ecef; + border-color: #ced4da; + color: #495057; +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #6c757d; +} +.p-togglebutton.p-button.p-highlight { + background: #2196F3; + border-color: #2196F3; + color: #ffffff; +} +.p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #ffffff; +} +.p-togglebutton.p-button.p-highlight:hover { + background: #0d89ec; + border-color: #0d89ec; + color: #ffffff; +} +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; +} + +p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #f44336; +} + +.p-treeselect { + background: #ffffff; + border: 1px solid #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-treeselect:not(.p-disabled):hover { + border-color: #2196F3; +} +.p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; + border-color: #2196F3; +} +.p-treeselect .p-treeselect-label { + padding: 0.5rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-treeselect .p-treeselect-label.p-placeholder { + color: #6c757d; +} +.p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.5rem; + margin-right: 0.5rem; + background: #dee2e6; + color: #495057; + border-radius: 16px; +} +.p-treeselect .p-treeselect-trigger { + background: transparent; + color: #6c757d; + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #f44336; +} + +.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.5rem; +} + +.p-treeselect-panel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 3px; + 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); +} +.p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: #495057; + background: #f8f9fa; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.5rem; + color: #6c757d; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #495057; + border-color: transparent; + background: #e9ecef; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.5rem 1rem; + color: #495057; + background: transparent; +} + +.p-input-filled .p-treeselect { + background: #f8f9fa; +} +.p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #f8f9fa; +} +.p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #ffffff; +} + +p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.5rem; +} +p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #6c757d; + right: 2.357rem; +} + +.p-button { + color: #ffffff; + background: #2196F3; + border: 1px solid #2196F3; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-button:enabled:hover { + background: #0d89ec; + color: #ffffff; + border-color: #0d89ec; +} +.p-button:enabled:active { + background: #0b7ad1; + color: #ffffff; + border-color: #0b7ad1; +} +.p-button.p-button-outlined { + background-color: transparent; + color: #2196F3; + border: 1px solid; +} +.p-button.p-button-outlined:enabled:hover { + background: rgba(33, 150, 243, 0.04); + color: #2196F3; + border: 1px solid; +} +.p-button.p-button-outlined:enabled:active { + background: rgba(33, 150, 243, 0.16); + color: #2196F3; + border: 1px solid; +} +.p-button.p-button-outlined.p-button-plain { + color: #6c757d; + border-color: #6c757d; +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: #e9ecef; + color: #6c757d; +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: #dee2e6; + color: #6c757d; +} +.p-button.p-button-text { + background-color: transparent; + color: #2196F3; + border-color: transparent; +} +.p-button.p-button-text:enabled:hover { + background: rgba(33, 150, 243, 0.04); + color: #2196F3; + border-color: transparent; +} +.p-button.p-button-text:enabled:active { + background: rgba(33, 150, 243, 0.16); + color: #2196F3; + border-color: transparent; +} +.p-button.p-button-text.p-button-plain { + color: #6c757d; +} +.p-button.p-button-text.p-button-plain:enabled:hover { + background: #e9ecef; + color: #6c757d; +} +.p-button.p-button-text.p-button-plain:enabled:active { + background: #dee2e6; + color: #6c757d; +} +.p-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; +} +.p-button .p-button-label { + transition-duration: 0.2s; +} +.p-button .p-button-icon-left { + margin-right: 0.5rem; +} +.p-button .p-button-icon-right { + margin-left: 0.5rem; +} +.p-button .p-button-icon-bottom { + margin-top: 0.5rem; +} +.p-button .p-button-icon-top { + margin-bottom: 0.5rem; +} +.p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #2196F3; + background-color: #ffffff; +} +.p-button.p-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); +} +.p-button.p-button-rounded { + border-radius: 2rem; +} +.p-button.p-button-icon-only { + width: 2.357rem; + padding: 0.5rem 0; +} +.p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; +} +.p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.357rem; +} +.p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; +} +.p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; +} +.p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; +} +.p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; +} +.p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; +} +.p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; +} + +.p-fluid .p-button { + width: 100%; +} +.p-fluid .p-button-icon-only { + width: 2.357rem; +} +.p-fluid .p-buttonset { + display: flex; +} +.p-fluid .p-buttonset .p-button { + flex: 1; +} + +.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + color: #ffffff; + background: #607D8B; + border: 1px solid #607D8B; +} +.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + background: #56717d; + color: #ffffff; + border-color: #56717d; +} +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #beccd2; +} +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: #4d646f; + color: #ffffff; + border-color: #4d646f; +} +.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + background-color: transparent; + color: #607D8B; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + background: rgba(96, 125, 139, 0.04); + color: #607D8B; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(96, 125, 139, 0.16); + color: #607D8B; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + background-color: transparent; + color: #607D8B; + border-color: transparent; +} +.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + background: rgba(96, 125, 139, 0.04); + border-color: transparent; + color: #607D8B; +} +.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + background: rgba(96, 125, 139, 0.16); + border-color: transparent; + color: #607D8B; +} + +.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #0288D1; + border: 1px solid #0288D1; +} +.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + background: #027abc; + color: #ffffff; + border-color: #027abc; +} +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #89d4fe; +} +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: #026da7; + color: #ffffff; + border-color: #026da7; +} +.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + background-color: transparent; + color: #0288D1; + border: 1px solid; +} +.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + background: rgba(2, 136, 209, 0.04); + color: #0288D1; + border: 1px solid; +} +.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(2, 136, 209, 0.16); + color: #0288D1; + border: 1px solid; +} +.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + background-color: transparent; + color: #0288D1; + border-color: transparent; +} +.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + background: rgba(2, 136, 209, 0.04); + border-color: transparent; + color: #0288D1; +} +.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + background: rgba(2, 136, 209, 0.16); + border-color: transparent; + color: #0288D1; +} + +.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #689F38; + border: 1px solid #689F38; +} +.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + background: #5e8f32; + color: #ffffff; + border-color: #5e8f32; +} +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #c2e0a8; +} +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: #537f2d; + color: #ffffff; + border-color: #537f2d; +} +.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + background-color: transparent; + color: #689F38; + border: 1px solid; +} +.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + background: rgba(104, 159, 56, 0.04); + color: #689F38; + border: 1px solid; +} +.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(104, 159, 56, 0.16); + color: #689F38; + border: 1px solid; +} +.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + background-color: transparent; + color: #689F38; + border-color: transparent; +} +.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + background: rgba(104, 159, 56, 0.04); + border-color: transparent; + color: #689F38; +} +.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + background: rgba(104, 159, 56, 0.16); + border-color: transparent; + color: #689F38; +} + +.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #212529; + background: #FBC02D; + border: 1px solid #FBC02D; +} +.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + background: #fab710; + color: #212529; + border-color: #fab710; +} +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #fde6ab; +} +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: #e8a704; + color: #212529; + border-color: #e8a704; +} +.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + background-color: transparent; + color: #FBC02D; + border: 1px solid; +} +.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + background: rgba(251, 192, 45, 0.04); + color: #FBC02D; + border: 1px solid; +} +.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(251, 192, 45, 0.16); + color: #FBC02D; + border: 1px solid; +} +.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + background-color: transparent; + color: #FBC02D; + border-color: transparent; +} +.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + background: rgba(251, 192, 45, 0.04); + border-color: transparent; + color: #FBC02D; +} +.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + background: rgba(251, 192, 45, 0.16); + border-color: transparent; + color: #FBC02D; +} + +.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #9C27B0; + border: 1px solid #9C27B0; +} +.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + background: #8c239e; + color: #ffffff; + border-color: #8c239e; +} +.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #df9eea; +} +.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: #7d1f8d; + color: #ffffff; + border-color: #7d1f8d; +} +.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + background-color: transparent; + color: #9C27B0; + border: 1px solid; +} +.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + background: rgba(156, 39, 176, 0.04); + color: #9C27B0; + border: 1px solid; +} +.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(156, 39, 176, 0.16); + color: #9C27B0; + border: 1px solid; +} +.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + background-color: transparent; + color: #9C27B0; + border-color: transparent; +} +.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + background: rgba(156, 39, 176, 0.04); + border-color: transparent; + color: #9C27B0; +} +.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + background: rgba(156, 39, 176, 0.16); + border-color: transparent; + color: #9C27B0; +} + +.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #D32F2F; + border: 1px solid #D32F2F; +} +.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + background: #c02929; + color: #ffffff; + border-color: #c02929; +} +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #edacac; +} +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: #aa2424; + color: #ffffff; + border-color: #aa2424; +} +.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + background-color: transparent; + color: #D32F2F; + border: 1px solid; +} +.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + background: rgba(211, 47, 47, 0.04); + color: #D32F2F; + border: 1px solid; +} +.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(211, 47, 47, 0.16); + color: #D32F2F; + border: 1px solid; +} +.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + background-color: transparent; + color: #D32F2F; + border-color: transparent; +} +.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + background: rgba(211, 47, 47, 0.04); + border-color: transparent; + color: #D32F2F; +} +.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} + +.p-button.p-button-link { + color: #0b7ad1; + background: transparent; + border: transparent; +} +.p-button.p-button-link:enabled:hover { + background: transparent; + color: #0b7ad1; + border-color: transparent; +} +.p-button.p-button-link:enabled:hover .p-button-label { + text-decoration: underline; +} +.p-button.p-button-link:enabled:focus { + background: transparent; + box-shadow: 0 0 0 0.2rem #a6d5fa; + border-color: transparent; +} +.p-button.p-button-link:enabled:active { + background: transparent; + color: #0b7ad1; + border-color: transparent; +} + +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: #495057; + color: #fff; +} +.p-speeddial-action:hover { + background: #343a40; + color: #fff; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +.p-splitbutton { + border-radius: 3px; +} +.p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #2196F3; + border: 1px solid; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(33, 150, 243, 0.04); + color: #2196F3; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(33, 150, 243, 0.16); + color: #2196F3; +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: #6c757d; + border-color: #6c757d; +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: #e9ecef; + color: #6c757d; +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: #dee2e6; + color: #6c757d; +} +.p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #2196F3; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(33, 150, 243, 0.04); + color: #2196F3; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(33, 150, 243, 0.16); + color: #2196F3; + border-color: transparent; +} +.p-splitbutton.p-button-text.p-button-plain > .p-button { + color: #6c757d; +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: #e9ecef; + color: #6c757d; +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: #dee2e6; + color: #6c757d; +} +.p-splitbutton.p-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); +} +.p-splitbutton.p-button-rounded { + border-radius: 2rem; +} +.p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; +} +.p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; +} +.p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; +} +.p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; +} +.p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; +} + +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #607D8B; + border: 1px solid; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(96, 125, 139, 0.04); + color: #607D8B; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(96, 125, 139, 0.16); + color: #607D8B; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #607D8B; + border-color: transparent; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(96, 125, 139, 0.04); + border-color: transparent; + color: #607D8B; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(96, 125, 139, 0.16); + border-color: transparent; + color: #607D8B; +} + +.p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #0288D1; + border: 1px solid; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(2, 136, 209, 0.04); + color: #0288D1; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(2, 136, 209, 0.16); + color: #0288D1; +} +.p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #0288D1; + border-color: transparent; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(2, 136, 209, 0.04); + border-color: transparent; + color: #0288D1; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(2, 136, 209, 0.16); + border-color: transparent; + color: #0288D1; +} + +.p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #689F38; + border: 1px solid; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(104, 159, 56, 0.04); + color: #689F38; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(104, 159, 56, 0.16); + color: #689F38; +} +.p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #689F38; + border-color: transparent; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(104, 159, 56, 0.04); + border-color: transparent; + color: #689F38; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(104, 159, 56, 0.16); + border-color: transparent; + color: #689F38; +} + +.p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #FBC02D; + border: 1px solid; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(251, 192, 45, 0.04); + color: #FBC02D; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(251, 192, 45, 0.16); + color: #FBC02D; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #FBC02D; + border-color: transparent; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(251, 192, 45, 0.04); + border-color: transparent; + color: #FBC02D; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(251, 192, 45, 0.16); + border-color: transparent; + color: #FBC02D; +} + +.p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #9C27B0; + border: 1px solid; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(156, 39, 176, 0.04); + color: #9C27B0; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(156, 39, 176, 0.16); + color: #9C27B0; +} +.p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #9C27B0; + border-color: transparent; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(156, 39, 176, 0.04); + border-color: transparent; + color: #9C27B0; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(156, 39, 176, 0.16); + border-color: transparent; + color: #9C27B0; +} + +.p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #D32F2F; + border: 1px solid; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(211, 47, 47, 0.04); + color: #D32F2F; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(211, 47, 47, 0.16); + color: #D32F2F; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #D32F2F; + border-color: transparent; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(211, 47, 47, 0.04); + border-color: transparent; + color: #D32F2F; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} + +.p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; +} +.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #495057; + border-color: transparent; + background: #e9ecef; +} +.p-carousel .p-carousel-content .p-carousel-prev:focus, +.p-carousel .p-carousel-content .p-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; +} +.p-carousel .p-carousel-indicators { + padding: 1rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #e9ecef; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #dee2e6; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #E3F2FD; + color: #495057; +} + +.p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-datatable .p-datatable-header { + background: #f8f9fa; + color: #495057; + border: 1px solid #e9ecef; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-datatable .p-datatable-footer { + background: #f8f9fa; + color: #495057; + border: 1px solid #e9ecef; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e9ecef; + border-width: 0 0 1px 0; + font-weight: 600; + color: #495057; + background: #f8f9fa; + transition: box-shadow 0.2s; +} +.p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e9ecef; + border-width: 0 0 1px 0; + font-weight: 600; + color: #495057; + background: #f8f9fa; +} +.p-datatable .p-sortable-column .p-sortable-column-icon { + color: #6c757d; + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #495057; + background: #E3F2FD; + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #6c757d; +} +.p-datatable .p-sortable-column.p-highlight { + background: #f8f9fa; + color: #2196F3; +} +.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #2196F3; +} +.p-datatable .p-sortable-column.p-highlight:hover { + background: #e9ecef; + color: #2196F3; +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #2196F3; +} +.p-datatable .p-sortable-column:focus { + box-shadow: inset 0 0 0 0.15rem #a6d5fa; + outline: 0 none; +} +.p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #495057; + transition: box-shadow 0.2s; +} +.p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #e9ecef; + border-width: 0 0 1px 0; + padding: 1rem 1rem; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: #495057; + border-color: transparent; + background: #e9ecef; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; +} +.p-datatable .p-datatable-tbody > tr:focus { + outline: 0.15rem solid #a6d5fa; + outline-offset: 0.15rem; +} +.p-datatable .p-datatable-tbody > tr.p-highlight { + background: #E3F2FD; + color: #495057; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #E3F2FD; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #E3F2FD; +} +.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-datatable .p-column-resizer-helper { + background: #2196F3; +} +.p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #f8f9fa; +} +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #f8f9fa; +} +.p-datatable .p-datatable-loading-icon { + font-size: 2rem; +} +.p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #fcfcfc; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #E3F2FD; + color: #495057; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #495057; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #495057; +} +.p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; +} + +.p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-dataview .p-dataview-header { + background: #f8f9fa; + color: #495057; + border: 1px solid #e9ecef; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-dataview .p-dataview-content { + background: #ffffff; + color: #495057; + border: 0 none; + padding: 0; +} +.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { + border: solid #e9ecef; + border-width: 0 0 1px 0; +} +.p-dataview .p-dataview-footer { + background: #f8f9fa; + color: #495057; + border: 1px solid #e9ecef; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +.p-dataview .p-dataview-loading-icon { + font-size: 2rem; +} +.p-dataview .p-dataview-emptymessage { + padding: 1rem; +} + +.p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; +} + +.p-column-filter-menu-button { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-menu-button:hover { + color: #495057; + border-color: transparent; + background: #e9ecef; +} +.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: #e9ecef; + color: #495057; +} +.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #E3F2FD; + color: #495057; +} +.p-column-filter-menu-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; +} + +.p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-clear-button:hover { + color: #495057; + border-color: transparent; + background: #e9ecef; +} +.p-column-filter-clear-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; +} + +.p-column-filter-overlay { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 3px; + 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); + min-width: 12.5rem; +} +.p-column-filter-overlay .p-column-filter-row-items { + padding: 0.5rem 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #495057; + background: #E3F2FD; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #495057; + background: #e9ecef; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a6d5fa; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} + +.p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: #495057; + background: #f8f9fa; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1rem; + border-bottom: 1px solid #dee2e6; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; +} +.p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.5rem 1rem; +} +.p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1rem; +} + +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { + background: #f8f9fa; + border: 1px solid #dee2e6; + color: #495057; +} +.fc.fc-unthemed .fc-view-container td.fc-widget-content { + background: #ffffff; + border: 1px solid #dee2e6; + color: #495057; +} +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #dee2e6; +} +.fc.fc-unthemed .fc-view-container .fc-row { + border-right: 1px solid #dee2e6; +} +.fc.fc-unthemed .fc-view-container .fc-event { + background: #0d89ec; + border: 1px solid #0d89ec; + color: #ffffff; +} +.fc.fc-unthemed .fc-view-container .fc-divider { + background: #f8f9fa; + border: 1px solid #dee2e6; +} +.fc.fc-unthemed .fc-toolbar .fc-button { + color: #ffffff; + background: #2196F3; + border: 1px solid #2196F3; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + display: flex; + align-items: center; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { + background: #0d89ec; + color: #ffffff; + border-color: #0d89ec; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { + background: #0b7ad1; + color: #ffffff; + border-color: #0b7ad1; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-unthemed .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #ffffff; + border: 1px solid #ced4da; + color: #495057; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #e9ecef; + border-color: #ced4da; + color: #495057; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #2196F3; + border-color: #2196F3; + color: #ffffff; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #0d89ec; + border-color: #0d89ec; + color: #ffffff; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; + z-index: 1; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #dee2e6; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #f8f9fa; + border-color: #dee2e6; + color: #495057; +} +.fc.fc-theme-standard .fc-view-harness td { + color: #495057; + border-color: #dee2e6; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover { + background: none; + border: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { + border: 1px solid #dee2e6; + padding: 1rem; + background: #f8f9fa; + color: #495057; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { + opacity: 1; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; + font-family: "PrimeIcons" !important; + font-size: 1rem; + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { + content: "\e90b"; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { + color: #495057; + border-color: transparent; + background: #e9ecef; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { + padding: 1rem; + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + border-top: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #ffffff; + background: #0d89ec; + border-color: #0d89ec; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: #0d89ec; + border-color: #0d89ec; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: #e9ecef; + color: #495057; +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #f8f9fa; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #ffffff; + background: #2196F3; + border: 1px solid #2196F3; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: #0d89ec; + color: #ffffff; + border-color: #0d89ec; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: #0b7ad1; + color: #ffffff; + border-color: #0b7ad1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.6; + color: #ffffff; + background: #2196F3; + border: 1px solid #2196F3; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #ffffff; + border: 1px solid #ced4da; + color: #495057; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #e9ecef; + border-color: #ced4da; + color: #495057; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #2196F3; + border-color: #2196F3; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #0d89ec; + border-color: #0d89ec; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.fc.fc-theme-standard a { + color: #495057; +} +.fc.fc-theme-standard .fc-highlight { + color: #495057; + background: #E3F2FD; +} + +.p-orderlist .p-orderlist-controls { + padding: 1rem; +} +.p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; +} +.p-orderlist .p-orderlist-header { + background: #f8f9fa; + color: #495057; + border: 1px solid #dee2e6; + padding: 1rem; + border-bottom: 0 none; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; +} +.p-orderlist .p-orderlist-filter-container { + padding: 1rem; + background: #ffffff; + border: 1px solid #dee2e6; + border-bottom: 0 none; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.5rem; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.5rem; + color: #6c757d; +} +.p-orderlist .p-orderlist-list { + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + padding: 0.5rem 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; +} +.p-orderlist .p-orderlist-list .p-orderlist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a6d5fa; +} +.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #495057; + background: #E3F2FD; +} +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 1rem; + color: #495057; +} +.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #e9ecef; +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: #e9ecef; +} + +.p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 1rem; + 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); + border: 0 none; + color: #495057; + background: #ffffff; + margin: 0; +} + +.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #E3F2FD; + color: #495057; +} +.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #6cbbf5; +} +.p-organizationchart .p-organizationchart-line-down { + background: #dee2e6; +} +.p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #dee2e6; + border-color: #dee2e6; +} +.p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #dee2e6; + border-color: #dee2e6; +} +.p-organizationchart .p-organizationchart-node-content { + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + padding: 1rem; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; +} + +.p-paginator { + background: #ffffff; + color: #6c757d; + border: solid #e9ecef; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 3px; +} +.p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: #6c757d; + min-width: 2.357rem; + height: 2.357rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: #e9ecef; + border-color: transparent; + color: #495057; +} +.p-paginator .p-paginator-first { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.357rem; +} +.p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; +} +.p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; +} +.p-paginator .p-paginator-page-input .p-inputtext { + max-width: 2.357rem; +} +.p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #6c757d; + min-width: 2.357rem; + height: 2.357rem; + margin: 0.143rem; + padding: 0 0.5rem; +} +.p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #6c757d; + min-width: 2.357rem; + height: 2.357rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #E3F2FD; + border-color: #E3F2FD; + color: #495057; +} +.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #e9ecef; + border-color: transparent; + color: #495057; +} + +.p-picklist .p-picklist-buttons { + padding: 1rem; +} +.p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; +} +.p-picklist .p-picklist-header { + background: #f8f9fa; + color: #495057; + border: 1px solid #dee2e6; + padding: 1rem; + border-bottom: 0 none; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; +} +.p-picklist .p-picklist-filter-container { + padding: 1rem; + background: #ffffff; + border: 1px solid #dee2e6; + border-bottom: 0 none; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.5rem; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.5rem; + color: #6c757d; +} +.p-picklist .p-picklist-list { + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + padding: 0.5rem 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; +} +.p-picklist .p-picklist-list .p-picklist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a6d5fa; +} +.p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #495057; + background: #E3F2FD; +} +.p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 1rem; + color: #495057; +} +.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #e9ecef; +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: #e9ecef; +} + +.p-picklist-item.cdk-drag-preview { + padding: 0.5rem 1rem; + 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); + border: 0 none; + color: #495057; + background: #ffffff; + margin: 0; +} + +.p-timeline .p-timeline-event-marker { + border: 2px solid #2196F3; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #ffffff; +} +.p-timeline .p-timeline-event-connector { + background-color: #dee2e6; +} +.p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; +} +.p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; +} + +.p-tree { + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + padding: 1rem; + border-radius: 3px; +} +.p-tree .p-tree-container .p-treenode { + padding: 0.143rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 3px; + transition: box-shadow 0.2s; + padding: 0; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #495057; + border-color: transparent; + background: #e9ecef; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #6c757d; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #495057; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a6d5fa; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #E3F2FD; + color: #495057; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #495057; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #495057; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #e9ecef; + color: #495057; +} +.p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; +} +.p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.5rem; +} +.p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.5rem; + color: #6c757d; +} +.p-tree .p-treenode-children { + padding: 0 0 0 1rem; +} +.p-tree .p-tree-loading-icon { + font-size: 2rem; +} +.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: #89c8f7; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 3px; + border: 1px solid #dee2e6; + background-color: #ffffff; + color: #495057; + padding: 0; + transition: box-shadow 0.2s; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #E3F2FD; + color: #495057; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #495057; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; +} + +.p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-treetable .p-treetable-header { + background: #f8f9fa; + color: #495057; + border: 1px solid #e9ecef; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-treetable .p-treetable-footer { + background: #f8f9fa; + color: #495057; + border: 1px solid #e9ecef; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e9ecef; + border-width: 0 0 1px 0; + font-weight: 600; + color: #495057; + background: #f8f9fa; + transition: box-shadow 0.2s; +} +.p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e9ecef; + border-width: 0 0 1px 0; + font-weight: 600; + color: #495057; + background: #f8f9fa; +} +.p-treetable .p-sortable-column { + outline-color: #a6d5fa; +} +.p-treetable .p-sortable-column .p-sortable-column-icon { + color: #6c757d; + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #495057; + background: #E3F2FD; + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #6c757d; +} +.p-treetable .p-sortable-column.p-highlight { + background: #f8f9fa; + color: #2196F3; +} +.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #2196F3; +} +.p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #495057; + transition: box-shadow 0.2s; +} +.p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #e9ecef; + border-width: 0 0 1px 0; + padding: 1rem 1rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #495057; + border-color: transparent; + background: #e9ecef; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #495057; +} +.p-treetable .p-treetable-tbody > tr:focus { + outline: 0.15rem solid #a6d5fa; + outline-offset: -0.15rem; +} +.p-treetable .p-treetable-tbody > tr.p-highlight { + background: #E3F2FD; + color: #495057; +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #495057; +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #495057; +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #495057; +} +.p-treetable .p-column-resizer-helper { + background: #2196F3; +} +.p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #f8f9fa; +} +.p-treetable .p-treetable-loading-icon { + font-size: 2rem; +} +.p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.875rem 0.875rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 1.25rem 1.25rem; +} + +.p-virtualscroller .p-virtualscroller-header { + background: #f8f9fa; + color: #495057; + border: 1px solid #e9ecef; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #495057; + border: 0 none; + padding: 0; +} +.p-virtualscroller .p-virtualscroller-footer { + background: #f8f9fa; + color: #495057; + border: 1px solid #e9ecef; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1rem; + border: 1px solid #dee2e6; + color: #495057; + background: #f8f9fa; + font-weight: 600; + border-radius: 3px; + transition: box-shadow 0.2s; +} +.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; +} +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; +} +.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #e9ecef; + border-color: #dee2e6; + color: #495057; +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #f8f9fa; + border-color: #dee2e6; + color: #495057; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #dee2e6; + background: #e9ecef; + color: #495057; +} +.p-accordion .p-accordion-content { + padding: 1rem; + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; +} +.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; +} +.p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; +} +.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 none; +} +.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-top: 0 none; +} +.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +.p-card { + background: #ffffff; + color: #495057; + 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: 3px; +} +.p-card .p-card-body { + padding: 1rem; +} +.p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +.p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #6c757d; +} +.p-card .p-card-content { + padding: 1rem 0; +} +.p-card .p-card-footer { + padding: 1rem 0 0 0; +} + +.p-divider .p-divider-content { + background-color: #ffffff; +} +.p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +.p-divider.p-divider-horizontal:before { + border-top: 1px #dee2e6; +} +.p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; +} +.p-divider.p-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; +} +.p-divider.p-divider-vertical:before { + border-left: 1px #dee2e6; +} +.p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; +} + +.p-fieldset { + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + border-radius: 3px; +} +.p-fieldset .p-fieldset-legend { + padding: 1rem; + border: 1px solid #dee2e6; + color: #495057; + background: #f8f9fa; + font-weight: 600; + border-radius: 3px; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1rem; + color: #495057; + border-radius: 3px; + transition: box-shadow 0.2s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #e9ecef; + border-color: #dee2e6; + color: #495057; +} +.p-fieldset .p-fieldset-content { + padding: 1rem; +} + +.p-panel .p-panel-header { + border: 1px solid #dee2e6; + padding: 1rem; + background: #f8f9fa; + color: #495057; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-panel .p-panel-header .p-panel-title { + font-weight: 600; +} +.p-panel .p-panel-header .p-panel-header-icon { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #495057; + border-color: transparent; + background: #e9ecef; +} +.p-panel .p-panel-header .p-panel-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; +} +.p-panel.p-panel-toggleable .p-panel-header { + padding: 0.5rem 1rem; +} +.p-panel .p-panel-content { + padding: 1rem; + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + border-top: 0 none; +} +.p-panel .p-panel-footer { + padding: 0.5rem 1rem; + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + border-top: 0 none; +} +.p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; +} +.p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; +} +.p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; +} + +.p-scrollpanel .p-scrollpanel-bar { + background: #f8f9fa; + border: 0 none; +} + +.p-splitter { + border: 1px solid #dee2e6; + background: #ffffff; + border-radius: 3px; + color: #495057; +} +.p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: #f8f9fa; +} +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #dee2e6; +} +.p-splitter .p-splitter-gutter-resizing { + background: #dee2e6; +} + +.p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #dee2e6; + border-width: 0 0 2px 0; +} +.p-tabview .p-tabview-nav li { + margin-right: 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #dee2e6; + border-width: 0 0 2px 0; + border-color: transparent transparent #dee2e6 transparent; + background: #ffffff; + color: #6c757d; + padding: 1rem; + font-weight: 600; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #a6d5fa; +} +.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #6c757d; + color: #6c757d; +} +.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #2196F3; + color: #2196F3; +} +.p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; +} +.p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-close { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #2196F3; + width: 2.357rem; + 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); + border-radius: 0; +} +.p-tabview .p-tabview-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #a6d5fa; +} +.p-tabview .p-tabview-panels { + background: #ffffff; + padding: 1rem; + border: 0 none; + color: #495057; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +.p-toolbar { + background: #f8f9fa; + border: 1px solid #dee2e6; + padding: 1rem; + border-radius: 3px; + gap: 0.5rem; +} +.p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; +} + +.p-confirm-popup { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 3px; + 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); +} +.p-confirm-popup .p-confirm-popup-content { + padding: 1rem; +} +.p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.5rem 1rem; +} +.p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; +} +.p-confirm-popup:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +.p-confirm-popup:before { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +.p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #ffffff; +} +.p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #ffffff; +} +.p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; +} +.p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; +} + +.p-dialog { + border-radius: 3px; + 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; +} +.p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: #495057; + padding: 1.5rem; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.25rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #495057; + border-color: transparent; + background: #e9ecef; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; +} +.p-dialog .p-dialog-content { + background: #ffffff; + color: #495057; + padding: 0 1.5rem 2rem 1.5rem; +} +.p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-dialog .p-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: #495057; + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; +} + +.p-overlaypanel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 3px; + 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); +} +.p-overlaypanel .p-overlaypanel-content { + padding: 1rem; +} +.p-overlaypanel .p-overlaypanel-close { + background: #2196F3; + color: #ffffff; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + position: absolute; + top: -1rem; + right: -1rem; +} +.p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #0d89ec; + color: #ffffff; +} +.p-overlaypanel:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +.p-overlaypanel:before { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #f2f2f2; +} +.p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #ffffff; +} +.p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #ffffff; +} + +.p-sidebar { + background: #ffffff; + color: #495057; + 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); +} +.p-sidebar .p-sidebar-header { + padding: 1rem; +} +.p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #495057; + border-color: transparent; + background: #e9ecef; +} +.p-sidebar .p-sidebar-header .p-sidebar-close:focus, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; +} +.p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; +} +.p-sidebar .p-sidebar-content { + padding: 1rem; +} +.p-sidebar .p-sidebar-footer { + padding: 1rem; +} + +.p-tooltip .p-tooltip-text { + background: #495057; + color: #ffffff; + padding: 0.5rem 0.5rem; + 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); + border-radius: 3px; +} +.p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #495057; +} +.p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #495057; +} +.p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #495057; +} +.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #495057; +} + +.p-fileupload .p-fileupload-buttonbar { + background: #f8f9fa; + padding: 1rem; + border: 1px solid #dee2e6; + color: #495057; + border-bottom: 0 none; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; +} +.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; +} +.p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 2rem 1rem; + border: 1px solid #dee2e6; + color: #495057; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-fileupload .p-progressbar { + height: 0.25rem; +} +.p-fileupload .p-fileupload-row > div { + padding: 1rem 1rem; +} +.p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; +} + +.p-fileupload-choose:not(.p-disabled):hover { + background: #0d89ec; + color: #ffffff; + border-color: #0d89ec; +} +.p-fileupload-choose:not(.p-disabled):active { + background: #0b7ad1; + color: #ffffff; + border-color: #0b7ad1; +} + +.p-breadcrumb { + background: #ffffff; + border: 1px solid #dee2e6; + border-radius: 3px; + padding: 1rem; +} +.p-breadcrumb ul li .p-menuitem-link { + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-breadcrumb ul li .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { + color: #6c757d; +} +.p-breadcrumb ul li.p-breadcrumb-chevron { + margin: 0 0.5rem 0 0.5rem; + color: #495057; +} +.p-breadcrumb ul li:last-child .p-menuitem-text { + color: #495057; +} +.p-breadcrumb ul li:last-child .p-menuitem-icon { + color: #6c757d; +} + +.p-contextmenu { + padding: 0.25rem 0; + background: #ffffff; + color: #495057; + 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); + border-radius: 3px; + width: 12.5rem; +} +.p-contextmenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-contextmenu .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-contextmenu .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-contextmenu .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-contextmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a6d5fa; +} +.p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #ffffff; + 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); + border-radius: 3px; +} +.p-contextmenu .p-menuitem { + margin: 0; +} +.p-contextmenu .p-menuitem:last-child { + margin: 0; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #e9ecef; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-contextmenu .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} +.p-contextmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-contextmenu .p-menuitem-badge { + background: #2196F3; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + +@media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } +} +.p-megamenu { + padding: 0.5rem; + background: #f8f9fa; + color: #495057; + border: 1px solid #dee2e6; + border-radius: 3px; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: #495057; + border-radius: 3px; + transition: box-shadow 0.2s; + user-select: none; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #6c757d; + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a6d5fa; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-megamenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-megamenu .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-megamenu .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-megamenu .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-megamenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a6d5fa; +} +.p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #495057; + 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); +} +.p-megamenu .p-megamenu-submenu-header { + margin: 0; + padding: 0.75rem 1rem; + color: #495057; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-megamenu .p-megamenu-submenu { + padding: 0.25rem 0; + width: 12.5rem; +} +.p-megamenu .p-megamenu-submenu .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem { + margin: 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #e9ecef; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem { + margin: 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem-badge { + background: #2196F3; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menu { + padding: 0.25rem 0; + background: #ffffff; + color: #495057; + border: 1px solid #dee2e6; + border-radius: 3px; + width: 12.5rem; +} +.p-menu .p-menuitem-link { + padding: 0.75rem 1rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menu .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-menu .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-menu .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-menu .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-menu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a6d5fa; +} +.p-menu.p-menu-overlay { + background: #ffffff; + 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); +} +.p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem 1rem; + color: #495057; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.p-menu .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} +.p-menu .p-menuitem { + margin: 0; +} +.p-menu .p-menuitem:last-child { + margin: 0; +} +.p-menu .p-menuitem-badge { + background: #2196F3; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menubar { + padding: 0.5rem; + background: #f8f9fa; + color: #495057; + border: 1px solid #dee2e6; + border-radius: 3px; +} +.p-menubar .p-menuitem-link { + padding: 0.75rem 1rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menubar .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-menubar .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-menubar .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-menubar .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a6d5fa; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: #495057; + border-radius: 3px; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #6c757d; + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a6d5fa; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-menubar .p-submenu-list { + padding: 0.25rem 0; + background: #ffffff; + 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); + width: 12.5rem; +} +.p-menubar .p-submenu-list .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} +.p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; +} +.p-menubar .p-submenu-list .p-menuitem { + margin: 0; +} +.p-menubar .p-submenu-list .p-menuitem:last-child { + margin: 0; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #e9ecef; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-menubar .p-menuitem-badge { + background: #2196F3; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +@media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 2rem; + height: 2rem; + color: #6c757d; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #6c757d; + background: #e9ecef; + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0; + background: #ffffff; + 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); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #6c757d; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a6d5fa; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } +} +.p-panelmenu .p-panelmenu-header > a { + padding: 1rem; + border: 1px solid #dee2e6; + color: #495057; + background: #f8f9fa; + font-weight: 600; + border-radius: 3px; + transition: box-shadow 0.2s; +} +.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; +} +.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + background: #e9ecef; + border-color: #dee2e6; + color: #495057; +} +.p-panelmenu .p-panelmenu-header.p-highlight { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight > a { + background: #f8f9fa; + border-color: #dee2e6; + color: #495057; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + border-color: #dee2e6; + background: #e9ecef; + color: #495057; +} +.p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0; + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + margin-bottom: 0; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { + padding: 0.75rem 1rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a6d5fa; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { + padding: 0 0 0 1rem; +} +.p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { + border-radius: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; +} +.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { + border-top: 0 none; +} +.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { + border-top: 0 none; +} +.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-panelmenu .p-menuitem-badge { + background: #2196F3; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-slidemenu { + padding: 0.25rem 0; + background: #ffffff; + color: #495057; + border: 1px solid #dee2e6; + border-radius: 3px; + width: 12.5rem; +} +.p-slidemenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-slidemenu .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-slidemenu .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-slidemenu .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-slidemenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a6d5fa; +} +.p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + 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); +} +.p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0; + background: #ffffff; + 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); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { + background: #e9ecef; +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { + color: #495057; +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { + color: #6c757d; +} +.p-slidemenu .p-slidemenu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} +.p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; +} +.p-slidemenu .p-slidemenu-backward { + padding: 0.75rem 1rem; + color: #495057; +} +.p-slidemenu .p-menuitem-badge { + background: #2196F3; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: box-shadow 0.2s; + border-radius: 3px; + background: #ffffff; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #495057; + border: 1px solid #e9ecef; + background: #ffffff; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: #6c757d; +} +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; +} +.p-steps .p-steps-item.p-highlight .p-steps-number { + background: #E3F2FD; + color: #495057; +} +.p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 600; + color: #495057; +} +.p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #dee2e6; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; +} + +.p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: 1px solid #dee2e6; + border-width: 0 0 2px 0; +} +.p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #2196F3; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #dee2e6; + border-width: 0 0 2px 0; + border-color: transparent transparent #dee2e6 transparent; + background: #ffffff; + color: #6c757d; + padding: 1rem; + font-weight: 600; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #a6d5fa; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #6c757d; + color: #6c757d; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #2196F3; + color: #2196F3; +} +.p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #ffffff; + color: #2196F3; + width: 2.357rem; + 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); + border-radius: 0; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #a6d5fa; +} + +.p-tieredmenu { + padding: 0.25rem 0; + background: #ffffff; + color: #495057; + border: 1px solid #dee2e6; + border-radius: 3px; + width: 12.5rem; +} +.p-tieredmenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-tieredmenu .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-tieredmenu .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-tieredmenu .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-tieredmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a6d5fa; +} +.p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + 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); +} +.p-tieredmenu .p-submenu-list { + padding: 0.25rem 0; + background: #ffffff; + 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); +} +.p-tieredmenu .p-menuitem { + margin: 0; +} +.p-tieredmenu .p-menuitem:last-child { + margin: 0; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #e9ecef; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-tieredmenu .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} +.p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-tieredmenu .p-menuitem-badge { + background: #2196F3; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-inline-message { + padding: 0.5rem 0.5rem; + margin: 0; + border-radius: 3px; +} +.p-inline-message.p-inline-message-info { + background: #B3E5FC; + border: solid #0891cf; + border-width: 0px; + color: #044868; +} +.p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #044868; +} +.p-inline-message.p-inline-message-success { + background: #C8E6C9; + border: solid #439446; + border-width: 0px; + color: #224a23; +} +.p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #224a23; +} +.p-inline-message.p-inline-message-warn { + background: #FFECB3; + border: solid #d9a300; + border-width: 0px; + color: #6d5100; +} +.p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #6d5100; +} +.p-inline-message.p-inline-message-error { + background: #FFCDD2; + border: solid #e60017; + border-width: 0px; + color: #73000c; +} +.p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #73000c; +} +.p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; +} +.p-inline-message .p-inline-message-text { + font-size: 1rem; +} +.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; +} + +.p-message { + margin: 1rem 0; + border-radius: 3px; +} +.p-message .p-message-wrapper { + padding: 1rem 1.5rem; +} +.p-message .p-message-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-message .p-message-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; +} +.p-message.p-message-info { + background: #B3E5FC; + border: solid #0891cf; + border-width: 0 0 0 6px; + color: #044868; +} +.p-message.p-message-info .p-message-icon { + color: #044868; +} +.p-message.p-message-info .p-message-close { + color: #044868; +} +.p-message.p-message-success { + background: #C8E6C9; + border: solid #439446; + border-width: 0 0 0 6px; + color: #224a23; +} +.p-message.p-message-success .p-message-icon { + color: #224a23; +} +.p-message.p-message-success .p-message-close { + color: #224a23; +} +.p-message.p-message-warn { + background: #FFECB3; + border: solid #d9a300; + border-width: 0 0 0 6px; + color: #6d5100; +} +.p-message.p-message-warn .p-message-icon { + color: #6d5100; +} +.p-message.p-message-warn .p-message-close { + color: #6d5100; +} +.p-message.p-message-error { + background: #FFCDD2; + border: solid #e60017; + border-width: 0 0 0 6px; + color: #73000c; +} +.p-message.p-message-error .p-message-icon { + color: #73000c; +} +.p-message.p-message-error .p-message-close { + color: #73000c; +} +.p-message .p-message-text { + font-size: 1rem; + font-weight: 500; +} +.p-message .p-message-icon { + font-size: 1.5rem; + margin-right: 0.5rem; +} +.p-message .p-message-summary { + font-weight: 700; +} +.p-message .p-message-detail { + margin-left: 0.5rem; +} + +.p-toast { + opacity: 0.9; +} +.p-toast .p-toast-message { + margin: 0 0 1rem 0; + 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); + border-radius: 3px; +} +.p-toast .p-toast-message .p-toast-message-content { + padding: 1rem; + border-width: 0 0 0 6px; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 1rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 2rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 700; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; +} +.p-toast .p-toast-message .p-toast-icon-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-toast .p-toast-message .p-toast-icon-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; +} +.p-toast .p-toast-message.p-toast-message-info { + background: #B3E5FC; + border: solid #0891cf; + border-width: 0 0 0 6px; + color: #044868; +} +.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #044868; +} +.p-toast .p-toast-message.p-toast-message-success { + background: #C8E6C9; + border: solid #439446; + border-width: 0 0 0 6px; + color: #224a23; +} +.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #224a23; +} +.p-toast .p-toast-message.p-toast-message-warn { + background: #FFECB3; + border: solid #d9a300; + border-width: 0 0 0 6px; + color: #6d5100; +} +.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #6d5100; +} +.p-toast .p-toast-message.p-toast-message-error { + background: #FFCDD2; + border: solid #e60017; + border-width: 0 0 0 6px; + color: #73000c; +} +.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #73000c; +} + +.p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-item-nav { + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 3px; + margin: 0 0.5rem; +} +.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f8f9fa; + padding: 1rem; +} +.p-galleria .p-galleria-indicators { + padding: 1rem; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #e9ecef; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #dee2e6; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #E3F2FD; + color: #495057; +} +.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; +} +.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #E3F2FD; + color: #495057; +} +.p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f8f9fa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; +} + +.p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-preview-indicator { + background-color: transparent; + color: #f8f9fa; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} + +.p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); +} + +.p-image-toolbar { + padding: 1rem; +} + +.p-image-action.p-link { + color: #f8f9fa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-image-action.p-link:last-child { + margin-right: 0; +} +.p-image-action.p-link:hover { + color: #f8f9fa; + background-color: rgba(255, 255, 255, 0.1); +} +.p-image-action.p-link i { + font-size: 1.5rem; +} + +.p-avatar { + background-color: #dee2e6; + border-radius: 3px; +} +.p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +.p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; +} +.p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +.p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; +} + +.p-avatar-group .p-avatar { + border: 2px solid #ffffff; +} + +.p-badge { + background: #2196F3; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +.p-badge.p-badge-secondary { + background-color: #607D8B; + color: #ffffff; +} +.p-badge.p-badge-success { + background-color: #689F38; + color: #ffffff; +} +.p-badge.p-badge-info { + background-color: #0288D1; + color: #ffffff; +} +.p-badge.p-badge-warning { + background-color: #FBC02D; + color: #212529; +} +.p-badge.p-badge-danger { + background-color: #D32F2F; + color: #ffffff; +} +.p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +.p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} + +.p-chip { + background-color: #dee2e6; + color: #495057; + border-radius: 16px; + padding: 0 0.5rem; +} +.p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} +.p-chip .p-chip-icon { + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; +} +.p-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.5rem; + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; +} + +.p-inplace .p-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-inplace .p-inplace-display:not(.p-disabled):hover { + background: #e9ecef; + color: #495057; +} +.p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; +} + +.p-progressbar { + border: 0 none; + height: 1.5rem; + background: #dee2e6; + border-radius: 3px; +} +.p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #2196F3; +} +.p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.5rem; +} + +.p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + 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); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-scrolltop.p-link { + background: rgba(0, 0, 0, 0.7); +} +.p-scrolltop.p-link:hover { + background: rgba(0, 0, 0, 0.8); +} +.p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #f8f9fa; +} + +.p-skeleton { + background-color: #e9ecef; + border-radius: 3px; +} +.p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); +} + +.p-tag { + background: #2196F3; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 3px; +} +.p-tag.p-tag-success { + background-color: #689F38; + color: #ffffff; +} +.p-tag.p-tag-info { + background-color: #0288D1; + color: #ffffff; +} +.p-tag.p-tag-warning { + background-color: #FBC02D; + color: #212529; +} +.p-tag.p-tag-danger { + background-color: #D32F2F; + color: #ffffff; +} +.p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +.p-terminal { + background: #ffffff; + color: #495057; + border: 1px solid #dee2e6; + padding: 1rem; +} +.p-terminal .p-terminal-input { + font-size: 1rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; +} + +/* Customizations to the designer theme should be defined here */ +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #2196F3; +} + +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #2196F3; +} + +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #2196F3; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #2196F3; +} diff --git a/assets/layout/styles/theme/saga-blue/theme.css.br b/assets/layout/styles/theme/saga-blue/theme.css.br new file mode 100644 index 0000000..e959b49 Binary files /dev/null and b/assets/layout/styles/theme/saga-blue/theme.css.br differ diff --git a/assets/layout/styles/theme/saga-blue/theme.css.gz b/assets/layout/styles/theme/saga-blue/theme.css.gz new file mode 100644 index 0000000..5e716cf Binary files /dev/null and b/assets/layout/styles/theme/saga-blue/theme.css.gz differ diff --git a/assets/layout/styles/theme/saga-green/theme.css b/assets/layout/styles/theme/saga-green/theme.css new file mode 100644 index 0000000..558206b --- /dev/null +++ b/assets/layout/styles/theme/saga-green/theme.css @@ -0,0 +1,6304 @@ +:root { + --surface-a:#ffffff; + --surface-b:#f8f9fa; + --surface-c:#e9ecef; + --surface-d:#dee2e6; + --surface-e:#ffffff; + --surface-f:#ffffff; + --text-color:#495057; + --text-color-secondary:#6c757d; + --primary-color:#4CAF50; + --primary-color-text:#ffffff; + --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --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:3px; + --surface-ground:#f8f9fa; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#dee2e6; + --surface-hover: #e9ecef; + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 0.2rem #b7e0b8; + color-scheme: light; +} + +* { + box-sizing: border-box; +} + +.p-component { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + font-weight: normal; +} + +.p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; +} + +.p-disabled, .p-component:disabled { + opacity: 0.6; +} + +.p-error { + color: #f44336; +} + +.p-text-secondary { + color: #6c757d; +} + +.pi { + font-size: 1rem; +} + +.p-link { + font-size: 1rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + border-radius: 3px; +} +.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; +} + +.p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; +} + +.p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; +} + +@keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } +} +@keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } +} + +: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:#f6fbf6; + --green-100:#d4ecd5; + --green-200:#b2ddb4; + --green-300:#90cd93; + --green-400:#6ebe71; + --green-500:#4caf50; + --green-600:#419544; + --green-700:#357b38; + --green-800:#2a602c; + --green-900:#1e4620; + --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:#f5f6fb; + --indigo-100:#d1d5ed; + --indigo-200:#acb4df; + --indigo-300:#8893d1; + --indigo-400:#6372c3; + --indigo-500:#3f51b5; + --indigo-600:#36459a; + --indigo-700:#2c397f; + --indigo-800:#232d64; + --indigo-900:#192048; + --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:#fff8f2; + --orange-100:#fde0c2; + --orange-200:#fbc791; + --orange-300:#f9ae61; + --orange-400:#f79530; + --orange-500:#f57c00; + --orange-600:#d06900; + --orange-700:#ac5700; + --orange-800:#874400; + --orange-900:#623200; + --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:#fff5f5; + --red-100:#ffd1ce; + --red-200:#ffada7; + --red-300:#ff8980; + --red-400:#ff6459; + --red-500:#ff4032; + --red-600:#d9362b; + --red-700:#b32d23; + --red-800:#8c231c; + --red-900:#661a14; + --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; +} + +.p-autocomplete .p-autocomplete-loader { + right: 0.5rem; +} +.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 2.857rem; +} +.p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; + gap: 0.5rem; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + border-color: #4CAF50; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; + border-color: #4CAF50; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.25rem 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #495057; + padding: 0; + margin: 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.5rem; + background: #E8F5E9; + color: #495057; + border-radius: 3px; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; +} + +p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f44336; +} + +.p-autocomplete-panel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 3px; + 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); +} +.p-autocomplete-panel .p-autocomplete-items { + padding: 0.5rem 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { + color: #495057; + background: #e9ecef; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #495057; + background: #E8F5E9; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 1rem; + color: #495057; + background: transparent; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: #495057; + background: #ffffff; + font-weight: 600; +} + +p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2rem; +} +p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #6c757d; + right: 0.5rem; +} + +p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #6c757d; + right: 2.857rem; +} + +p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #f44336; +} + +.p-datepicker { + padding: 0.5rem; + background: #ffffff; + color: #495057; + border: 1px solid #ced4da; + border-radius: 3px; +} +.p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + 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); +} +.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; +} +.p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: #495057; + background: #ffffff; + font-weight: 600; + margin: 0; + border-bottom: 1px solid #dee2e6; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #495057; + border-color: transparent; + background: #e9ecef; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; +} +.p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 2rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #495057; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + font-weight: 600; + padding: 0.5rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #4CAF50; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; +} +.p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0; +} +.p-datepicker table th { + padding: 0.5rem; +} +.p-datepicker table th > span { + width: 2.5rem; + height: 2.5rem; +} +.p-datepicker table td { + padding: 0.5rem; +} +.p-datepicker table td > span { + width: 2.5rem; + height: 2.5rem; + border-radius: 50%; + transition: box-shadow 0.2s; + border: 1px solid transparent; +} +.p-datepicker table td > span.p-highlight { + color: #495057; + background: #E8F5E9; +} +.p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; +} +.p-datepicker table td.p-datepicker-today > span { + background: #ced4da; + color: #495057; + border-color: transparent; +} +.p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #495057; + background: #E8F5E9; +} +.p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #dee2e6; +} +.p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; +} +.p-datepicker .p-timepicker { + border-top: 1px solid #dee2e6; + padding: 0.5rem; +} +.p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-timepicker button:enabled:hover { + color: #495057; + border-color: transparent; + background: #e9ecef; +} +.p-datepicker .p-timepicker button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; +} +.p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; +} +.p-datepicker .p-timepicker span { + font-size: 1.25rem; +} +.p-datepicker .p-timepicker > div { + padding: 0 0.5rem; +} +.p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; +} +.p-datepicker .p-monthpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.5rem; + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #495057; + background: #E8F5E9; +} +.p-datepicker .p-yearpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.5rem; + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #495057; + background: #E8F5E9; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #dee2e6; + padding-right: 0.5rem; + padding-left: 0.5rem; + padding-top: 0; + padding-bottom: 0; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: #e9ecef; +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: #e9ecef; +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: #e9ecef; +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; +} + +p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2rem; +} +p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #6c757d; + right: 0.5rem; +} + +p-calendar.p-calendar-clearable.p-calendar-w-btn .p-calendar-clear-icon { + color: #6c757d; + right: 2.857rem; +} + +@media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } +} +.p-cascadeselect { + background: #ffffff; + border: 1px solid #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-cascadeselect:not(.p-disabled):hover { + border-color: #4CAF50; +} +.p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; + border-color: #4CAF50; +} +.p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.5rem; +} +.p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #6c757d; +} +.p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #6c757d; + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-cascadeselect-panel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 3px; + 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); +} +.p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.5rem 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 1rem; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #b7e0b8; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #495057; + background: #E8F5E9; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #495057; + background: #e9ecef; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; +} + +p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f44336; +} + +.p-input-filled .p-cascadeselect { + background: #f8f9fa; +} +.p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #f8f9fa; +} +.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #ffffff; +} + +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.5rem; +} +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #6c757d; + right: 2.357rem; +} + +.p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; +} +.p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); +} + +.p-checkbox { + width: 20px; + height: 20px; +} +.p-checkbox .p-checkbox-box { + border: 2px solid #ced4da; + background: #ffffff; + width: 20px; + height: 20px; + color: #495057; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #ffffff; + font-size: 14px; +} +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #4CAF50; + background: #4CAF50; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #4CAF50; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; + border-color: #4CAF50; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #3d8c40; + background: #3d8c40; + color: #ffffff; +} + +p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f44336; +} + +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f8f9fa; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #4CAF50; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f8f9fa; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #3d8c40; +} + +.p-checkbox-label { + margin-left: 0.5rem; +} + +.p-chips .p-chips-multiple-container { + padding: 0.25rem 0.5rem; + gap: 0.5rem; +} +.p-chips .p-chips-multiple-container:not(.p-disabled):hover { + border-color: #4CAF50; +} +.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; + border-color: #4CAF50; +} +.p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.5rem; + background: #E8F5E9; + color: #495057; + border-radius: 3px; +} +.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; +} +.p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.25rem 0; +} +.p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #495057; + padding: 0; + margin: 0; +} + +p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #f44336; +} + +p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.5rem; +} +p-chips.p-chips-clearable .p-chips-clear-icon { + color: #6c757d; + right: 0.5rem; +} + +.p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; +} + +.p-colorpicker-panel { + background: #323232; + border: 1px solid #191919; +} +.p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; +} + +.p-colorpicker-overlay-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); +} + +.p-dropdown { + background: #ffffff; + border: 1px solid #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-dropdown:not(.p-disabled):hover { + border-color: #4CAF50; +} +.p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; + border-color: #4CAF50; +} +.p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.5rem; +} +.p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; +} +.p-dropdown .p-dropdown-label.p-placeholder { + color: #6c757d; +} +.p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-dropdown .p-dropdown-trigger { + background: transparent; + color: #6c757d; + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.p-dropdown .p-dropdown-clear-icon { + color: #6c757d; + right: 2.357rem; +} + +.p-dropdown-panel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 3px; + 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); +} +.p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: #495057; + background: #f8f9fa; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.5rem; + margin-right: -1.5rem; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.5rem; + color: #6c757d; +} +.p-dropdown-panel .p-dropdown-items { + padding: 0.5rem 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #495057; + background: #E8F5E9; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #495057; + background: #e9ecef; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1rem; + color: #495057; + background: transparent; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: #495057; + background: #ffffff; + font-weight: 600; +} + +p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #f44336; +} + +.p-input-filled .p-dropdown { + background: #f8f9fa; +} +.p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #f8f9fa; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #ffffff; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; +} + +.p-editor-container .p-editor-toolbar { + background: #f8f9fa; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #dee2e6; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #6c757d; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #6c757d; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #6c757d; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + 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); + border-radius: 3px; + padding: 0.5rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #495057; + background: #e9ecef; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #dee2e6; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #495057; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #495057; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #495057; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #495057; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #4CAF50; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #4CAF50; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #4CAF50; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #4CAF50; +} + +.p-inputgroup-addon { + background: #e9ecef; + color: #6c757d; + border-top: 1px solid #ced4da; + border-left: 1px solid #ced4da; + border-bottom: 1px solid #ced4da; + padding: 0.5rem 0.5rem; + min-width: 2.357rem; +} +.p-inputgroup-addon:last-child { + border-right: 1px solid #ced4da; +} + +.p-inputgroup > .p-component, +.p-inputgroup > .p-element, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; +} +.p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-element + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; +} +.p-inputgroup > .p-component:focus, +.p-inputgroup > .p-element:focus, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; +} +.p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-element:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; +} + +.p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} + +.p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} + +.p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-fluid .p-inputgroup .p-button { + width: auto; +} +.p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.357rem; +} + +p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #f44336; +} + +p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2rem; +} +p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #6c757d; + right: 0.5rem; +} + +p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #f44336; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #6c757d; + right: 0.5rem; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 2.857rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 2.857rem; +} + +.p-inputswitch { + width: 3rem; + height: 1.75rem; +} +.p-inputswitch .p-inputswitch-slider { + background: #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; +} +.p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition-duration: 0.2s; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1.25rem); +} +.p-inputswitch.p-focus .p-inputswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; +} +.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #b6bfc8; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #4CAF50; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; +} +.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #449e48; +} + +p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + border-color: #f44336; +} + +.p-inputtext { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #495057; + background: #ffffff; + padding: 0.5rem 0.5rem; + border: 1px solid #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + appearance: none; + border-radius: 3px; +} +.p-inputtext:enabled:hover { + border-color: #4CAF50; +} +.p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; + border-color: #4CAF50; +} +.p-inputtext.ng-dirty.ng-invalid { + border-color: #f44336; +} +.p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.4375rem; +} +.p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.625rem; +} + +.p-float-label > label { + left: 0.5rem; + color: #6c757d; + transition-duration: 0.2s; +} + +.p-float-label > .ng-invalid.ng-dirty + label { + color: #f44336; +} + +.p-input-icon-left > i:first-of-type { + left: 0.5rem; + color: #6c757d; +} + +.p-input-icon-left > .p-inputtext { + padding-left: 2rem; +} + +.p-input-icon-left.p-float-label > label { + left: 2rem; +} + +.p-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #6c757d; +} + +.p-input-icon-right > .p-inputtext { + padding-right: 2rem; +} + +::-webkit-input-placeholder { + color: #6c757d; +} + +:-moz-placeholder { + color: #6c757d; +} + +::-moz-placeholder { + color: #6c757d; +} + +:-ms-input-placeholder { + color: #6c757d; +} + +.p-input-filled .p-inputtext { + background-color: #f8f9fa; +} +.p-input-filled .p-inputtext:enabled:hover { + background-color: #f8f9fa; +} +.p-input-filled .p-inputtext:enabled:focus { + background-color: #ffffff; +} + +.p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.4375rem; +} + +.p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.625rem; +} + +.p-listbox { + background: #ffffff; + color: #495057; + border: 1px solid #ced4da; + border-radius: 3px; +} +.p-listbox .p-listbox-header { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: #495057; + background: #f8f9fa; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.5rem; +} +.p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.5rem; + color: #6c757d; +} +.p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list { + padding: 0.5rem 0; +} +.p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: #495057; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #495057; + background: #E8F5E9; +} +.p-listbox .p-listbox-list .p-listbox-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #b7e0b8; +} +.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: #495057; + background: #ffffff; + font-weight: 600; +} +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 1rem; + color: #495057; + background: transparent; +} +.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #495057; + background: #e9ecef; +} + +p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #f44336; +} + +.p-multiselect { + background: #ffffff; + border: 1px solid #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-multiselect:not(.p-disabled):hover { + border-color: #4CAF50; +} +.p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; + border-color: #4CAF50; +} +.p-multiselect .p-multiselect-label { + padding: 0.5rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-multiselect .p-multiselect-label.p-placeholder { + color: #6c757d; +} +.p-multiselect.p-multiselect-chip .p-multiselect-label { + gap: 0.5rem; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.5rem; + background: #E8F5E9; + color: #495057; + border-radius: 3px; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; +} +.p-multiselect .p-multiselect-trigger { + background: transparent; + color: #6c757d; + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.5rem; +} + +.p-multiselect-panel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 3px; + 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); +} +.p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: #495057; + background: #f8f9fa; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.5rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.5rem; + color: #6c757d; +} +.p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #495057; + border-color: transparent; + background: #e9ecef; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; +} +.p-multiselect-panel .p-multiselect-items { + padding: 0.5rem 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #495057; + background: #E8F5E9; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #495057; + background: #e9ecef; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #b7e0b8; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: #495057; + background: #ffffff; + font-weight: 600; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 1rem; + color: #495057; + background: transparent; +} + +p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f44336; +} + +.p-input-filled .p-multiselect { + background: #f8f9fa; +} +.p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #f8f9fa; +} +.p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #ffffff; +} + +p-multiselect.p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.5rem; +} +p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { + color: #6c757d; + right: 2.357rem; +} + +p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #f44336; +} + +.p-password-panel { + padding: 1rem; + background: #ffffff; + color: #495057; + 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); + border-radius: 3px; +} +.p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #dee2e6; +} +.p-password-panel .p-password-meter .p-password-strength.weak { + background: #D32F2F; +} +.p-password-panel .p-password-meter .p-password-strength.medium { + background: #FBC02D; +} +.p-password-panel .p-password-meter .p-password-strength.strong { + background: #689F38; +} + +p-password.p-password-clearable .p-password-input { + padding-right: 2rem; +} +p-password.p-password-clearable .p-password-clear-icon { + color: #6c757d; + right: 0.5rem; +} + +p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 3.5rem; +} +p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #6c757d; + right: 2rem; +} + +.p-radiobutton { + width: 20px; + height: 20px; +} +.p-radiobutton .p-radiobutton-box { + border: 2px solid #ced4da; + background: #ffffff; + width: 20px; + height: 20px; + color: #495057; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #4CAF50; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; + border-color: #4CAF50; +} +.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 12px; + height: 12px; + transition-duration: 0.2s; + background-color: #ffffff; +} +.p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #4CAF50; + background: #4CAF50; +} +.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #3d8c40; + background: #3d8c40; + color: #ffffff; +} + +p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #f44336; +} + +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f8f9fa; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f8f9fa; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #4CAF50; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #3d8c40; +} + +.p-radiobutton-label { + margin-left: 0.5rem; +} + +.p-rating .p-rating-icon { + color: #495057; + margin-left: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + font-size: 1.143rem; +} +.p-rating .p-rating-icon.p-rating-cancel { + color: #e74c3c; +} +.p-rating .p-rating-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; +} +.p-rating .p-rating-icon:first-child { + margin-left: 0; +} +.p-rating .p-rating-icon.pi-star-fill { + color: #4CAF50; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + color: #4CAF50; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + color: #c0392b; +} + +.p-selectbutton .p-button { + background: #ffffff; + border: 1px solid #ced4da; + color: #495057; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #6c757d; +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #e9ecef; + border-color: #ced4da; + color: #495057; +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #6c757d; +} +.p-selectbutton .p-button.p-highlight { + background: #4CAF50; + border-color: #4CAF50; + color: #ffffff; +} +.p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #ffffff; +} +.p-selectbutton .p-button.p-highlight:hover { + background: #449e48; + border-color: #449e48; + color: #ffffff; +} +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; +} + +p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #f44336; +} + +.p-slider { + background: #dee2e6; + border: 0 none; + border-radius: 3px; +} +.p-slider.p-slider-horizontal { + height: 0.286rem; +} +.p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -0.5715rem; + margin-left: -0.5715rem; +} +.p-slider.p-slider-vertical { + width: 0.286rem; +} +.p-slider.p-slider-vertical .p-slider-handle { + margin-left: -0.5715rem; + margin-bottom: -0.5715rem; +} +.p-slider .p-slider-handle { + height: 1.143rem; + width: 1.143rem; + background: #ffffff; + border: 2px solid #4CAF50; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; +} +.p-slider .p-slider-range { + background: #4CAF50; +} +.p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #4CAF50; + border-color: #4CAF50; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; +} + +.p-togglebutton.p-button { + background: #ffffff; + border: 1px solid #ced4da; + color: #495057; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #6c757d; +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #e9ecef; + border-color: #ced4da; + color: #495057; +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #6c757d; +} +.p-togglebutton.p-button.p-highlight { + background: #4CAF50; + border-color: #4CAF50; + color: #ffffff; +} +.p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #ffffff; +} +.p-togglebutton.p-button.p-highlight:hover { + background: #449e48; + border-color: #449e48; + color: #ffffff; +} +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; +} + +p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #f44336; +} + +.p-treeselect { + background: #ffffff; + border: 1px solid #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-treeselect:not(.p-disabled):hover { + border-color: #4CAF50; +} +.p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; + border-color: #4CAF50; +} +.p-treeselect .p-treeselect-label { + padding: 0.5rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-treeselect .p-treeselect-label.p-placeholder { + color: #6c757d; +} +.p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.5rem; + margin-right: 0.5rem; + background: #dee2e6; + color: #495057; + border-radius: 16px; +} +.p-treeselect .p-treeselect-trigger { + background: transparent; + color: #6c757d; + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #f44336; +} + +.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.5rem; +} + +.p-treeselect-panel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 3px; + 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); +} +.p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: #495057; + background: #f8f9fa; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.5rem; + color: #6c757d; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #495057; + border-color: transparent; + background: #e9ecef; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.5rem 1rem; + color: #495057; + background: transparent; +} + +.p-input-filled .p-treeselect { + background: #f8f9fa; +} +.p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #f8f9fa; +} +.p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #ffffff; +} + +p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.5rem; +} +p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #6c757d; + right: 2.357rem; +} + +.p-button { + color: #ffffff; + background: #4CAF50; + border: 1px solid #4CAF50; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-button:enabled:hover { + background: #449e48; + color: #ffffff; + border-color: #449e48; +} +.p-button:enabled:active { + background: #3d8c40; + color: #ffffff; + border-color: #3d8c40; +} +.p-button.p-button-outlined { + background-color: transparent; + color: #4CAF50; + border: 1px solid; +} +.p-button.p-button-outlined:enabled:hover { + background: rgba(76, 175, 80, 0.04); + color: #4CAF50; + border: 1px solid; +} +.p-button.p-button-outlined:enabled:active { + background: rgba(76, 175, 80, 0.16); + color: #4CAF50; + border: 1px solid; +} +.p-button.p-button-outlined.p-button-plain { + color: #6c757d; + border-color: #6c757d; +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: #e9ecef; + color: #6c757d; +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: #dee2e6; + color: #6c757d; +} +.p-button.p-button-text { + background-color: transparent; + color: #4CAF50; + border-color: transparent; +} +.p-button.p-button-text:enabled:hover { + background: rgba(76, 175, 80, 0.04); + color: #4CAF50; + border-color: transparent; +} +.p-button.p-button-text:enabled:active { + background: rgba(76, 175, 80, 0.16); + color: #4CAF50; + border-color: transparent; +} +.p-button.p-button-text.p-button-plain { + color: #6c757d; +} +.p-button.p-button-text.p-button-plain:enabled:hover { + background: #e9ecef; + color: #6c757d; +} +.p-button.p-button-text.p-button-plain:enabled:active { + background: #dee2e6; + color: #6c757d; +} +.p-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; +} +.p-button .p-button-label { + transition-duration: 0.2s; +} +.p-button .p-button-icon-left { + margin-right: 0.5rem; +} +.p-button .p-button-icon-right { + margin-left: 0.5rem; +} +.p-button .p-button-icon-bottom { + margin-top: 0.5rem; +} +.p-button .p-button-icon-top { + margin-bottom: 0.5rem; +} +.p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #4CAF50; + background-color: #ffffff; +} +.p-button.p-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); +} +.p-button.p-button-rounded { + border-radius: 2rem; +} +.p-button.p-button-icon-only { + width: 2.357rem; + padding: 0.5rem 0; +} +.p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; +} +.p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.357rem; +} +.p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; +} +.p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; +} +.p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; +} +.p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; +} +.p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; +} +.p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; +} + +.p-fluid .p-button { + width: 100%; +} +.p-fluid .p-button-icon-only { + width: 2.357rem; +} +.p-fluid .p-buttonset { + display: flex; +} +.p-fluid .p-buttonset .p-button { + flex: 1; +} + +.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + color: #ffffff; + background: #607D8B; + border: 1px solid #607D8B; +} +.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + background: #56717d; + color: #ffffff; + border-color: #56717d; +} +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #beccd2; +} +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: #4d646f; + color: #ffffff; + border-color: #4d646f; +} +.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + background-color: transparent; + color: #607D8B; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + background: rgba(96, 125, 139, 0.04); + color: #607D8B; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(96, 125, 139, 0.16); + color: #607D8B; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + background-color: transparent; + color: #607D8B; + border-color: transparent; +} +.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + background: rgba(96, 125, 139, 0.04); + border-color: transparent; + color: #607D8B; +} +.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + background: rgba(96, 125, 139, 0.16); + border-color: transparent; + color: #607D8B; +} + +.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #0288D1; + border: 1px solid #0288D1; +} +.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + background: #027abc; + color: #ffffff; + border-color: #027abc; +} +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #89d4fe; +} +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: #026da7; + color: #ffffff; + border-color: #026da7; +} +.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + background-color: transparent; + color: #0288D1; + border: 1px solid; +} +.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + background: rgba(2, 136, 209, 0.04); + color: #0288D1; + border: 1px solid; +} +.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(2, 136, 209, 0.16); + color: #0288D1; + border: 1px solid; +} +.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + background-color: transparent; + color: #0288D1; + border-color: transparent; +} +.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + background: rgba(2, 136, 209, 0.04); + border-color: transparent; + color: #0288D1; +} +.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + background: rgba(2, 136, 209, 0.16); + border-color: transparent; + color: #0288D1; +} + +.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #689F38; + border: 1px solid #689F38; +} +.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + background: #5e8f32; + color: #ffffff; + border-color: #5e8f32; +} +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #c2e0a8; +} +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: #537f2d; + color: #ffffff; + border-color: #537f2d; +} +.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + background-color: transparent; + color: #689F38; + border: 1px solid; +} +.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + background: rgba(104, 159, 56, 0.04); + color: #689F38; + border: 1px solid; +} +.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(104, 159, 56, 0.16); + color: #689F38; + border: 1px solid; +} +.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + background-color: transparent; + color: #689F38; + border-color: transparent; +} +.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + background: rgba(104, 159, 56, 0.04); + border-color: transparent; + color: #689F38; +} +.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + background: rgba(104, 159, 56, 0.16); + border-color: transparent; + color: #689F38; +} + +.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #212529; + background: #FBC02D; + border: 1px solid #FBC02D; +} +.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + background: #fab710; + color: #212529; + border-color: #fab710; +} +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #fde6ab; +} +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: #e8a704; + color: #212529; + border-color: #e8a704; +} +.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + background-color: transparent; + color: #FBC02D; + border: 1px solid; +} +.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + background: rgba(251, 192, 45, 0.04); + color: #FBC02D; + border: 1px solid; +} +.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(251, 192, 45, 0.16); + color: #FBC02D; + border: 1px solid; +} +.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + background-color: transparent; + color: #FBC02D; + border-color: transparent; +} +.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + background: rgba(251, 192, 45, 0.04); + border-color: transparent; + color: #FBC02D; +} +.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + background: rgba(251, 192, 45, 0.16); + border-color: transparent; + color: #FBC02D; +} + +.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #9C27B0; + border: 1px solid #9C27B0; +} +.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + background: #8c239e; + color: #ffffff; + border-color: #8c239e; +} +.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #df9eea; +} +.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: #7d1f8d; + color: #ffffff; + border-color: #7d1f8d; +} +.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + background-color: transparent; + color: #9C27B0; + border: 1px solid; +} +.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + background: rgba(156, 39, 176, 0.04); + color: #9C27B0; + border: 1px solid; +} +.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(156, 39, 176, 0.16); + color: #9C27B0; + border: 1px solid; +} +.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + background-color: transparent; + color: #9C27B0; + border-color: transparent; +} +.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + background: rgba(156, 39, 176, 0.04); + border-color: transparent; + color: #9C27B0; +} +.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + background: rgba(156, 39, 176, 0.16); + border-color: transparent; + color: #9C27B0; +} + +.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #D32F2F; + border: 1px solid #D32F2F; +} +.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + background: #c02929; + color: #ffffff; + border-color: #c02929; +} +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #edacac; +} +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: #aa2424; + color: #ffffff; + border-color: #aa2424; +} +.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + background-color: transparent; + color: #D32F2F; + border: 1px solid; +} +.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + background: rgba(211, 47, 47, 0.04); + color: #D32F2F; + border: 1px solid; +} +.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(211, 47, 47, 0.16); + color: #D32F2F; + border: 1px solid; +} +.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + background-color: transparent; + color: #D32F2F; + border-color: transparent; +} +.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + background: rgba(211, 47, 47, 0.04); + border-color: transparent; + color: #D32F2F; +} +.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} + +.p-button.p-button-link { + color: #3d8c40; + background: transparent; + border: transparent; +} +.p-button.p-button-link:enabled:hover { + background: transparent; + color: #3d8c40; + border-color: transparent; +} +.p-button.p-button-link:enabled:hover .p-button-label { + text-decoration: underline; +} +.p-button.p-button-link:enabled:focus { + background: transparent; + box-shadow: 0 0 0 0.2rem #b7e0b8; + border-color: transparent; +} +.p-button.p-button-link:enabled:active { + background: transparent; + color: #3d8c40; + border-color: transparent; +} + +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: #495057; + color: #fff; +} +.p-speeddial-action:hover { + background: #343a40; + color: #fff; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +.p-splitbutton { + border-radius: 3px; +} +.p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #4CAF50; + border: 1px solid; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(76, 175, 80, 0.04); + color: #4CAF50; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(76, 175, 80, 0.16); + color: #4CAF50; +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: #6c757d; + border-color: #6c757d; +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: #e9ecef; + color: #6c757d; +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: #dee2e6; + color: #6c757d; +} +.p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #4CAF50; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(76, 175, 80, 0.04); + color: #4CAF50; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(76, 175, 80, 0.16); + color: #4CAF50; + border-color: transparent; +} +.p-splitbutton.p-button-text.p-button-plain > .p-button { + color: #6c757d; +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: #e9ecef; + color: #6c757d; +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: #dee2e6; + color: #6c757d; +} +.p-splitbutton.p-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); +} +.p-splitbutton.p-button-rounded { + border-radius: 2rem; +} +.p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; +} +.p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; +} +.p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; +} +.p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; +} +.p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; +} + +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #607D8B; + border: 1px solid; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(96, 125, 139, 0.04); + color: #607D8B; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(96, 125, 139, 0.16); + color: #607D8B; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #607D8B; + border-color: transparent; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(96, 125, 139, 0.04); + border-color: transparent; + color: #607D8B; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(96, 125, 139, 0.16); + border-color: transparent; + color: #607D8B; +} + +.p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #0288D1; + border: 1px solid; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(2, 136, 209, 0.04); + color: #0288D1; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(2, 136, 209, 0.16); + color: #0288D1; +} +.p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #0288D1; + border-color: transparent; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(2, 136, 209, 0.04); + border-color: transparent; + color: #0288D1; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(2, 136, 209, 0.16); + border-color: transparent; + color: #0288D1; +} + +.p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #689F38; + border: 1px solid; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(104, 159, 56, 0.04); + color: #689F38; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(104, 159, 56, 0.16); + color: #689F38; +} +.p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #689F38; + border-color: transparent; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(104, 159, 56, 0.04); + border-color: transparent; + color: #689F38; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(104, 159, 56, 0.16); + border-color: transparent; + color: #689F38; +} + +.p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #FBC02D; + border: 1px solid; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(251, 192, 45, 0.04); + color: #FBC02D; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(251, 192, 45, 0.16); + color: #FBC02D; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #FBC02D; + border-color: transparent; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(251, 192, 45, 0.04); + border-color: transparent; + color: #FBC02D; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(251, 192, 45, 0.16); + border-color: transparent; + color: #FBC02D; +} + +.p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #9C27B0; + border: 1px solid; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(156, 39, 176, 0.04); + color: #9C27B0; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(156, 39, 176, 0.16); + color: #9C27B0; +} +.p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #9C27B0; + border-color: transparent; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(156, 39, 176, 0.04); + border-color: transparent; + color: #9C27B0; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(156, 39, 176, 0.16); + border-color: transparent; + color: #9C27B0; +} + +.p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #D32F2F; + border: 1px solid; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(211, 47, 47, 0.04); + color: #D32F2F; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(211, 47, 47, 0.16); + color: #D32F2F; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #D32F2F; + border-color: transparent; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(211, 47, 47, 0.04); + border-color: transparent; + color: #D32F2F; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} + +.p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; +} +.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #495057; + border-color: transparent; + background: #e9ecef; +} +.p-carousel .p-carousel-content .p-carousel-prev:focus, +.p-carousel .p-carousel-content .p-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; +} +.p-carousel .p-carousel-indicators { + padding: 1rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #e9ecef; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #dee2e6; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #E8F5E9; + color: #495057; +} + +.p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-datatable .p-datatable-header { + background: #f8f9fa; + color: #495057; + border: 1px solid #e9ecef; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-datatable .p-datatable-footer { + background: #f8f9fa; + color: #495057; + border: 1px solid #e9ecef; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e9ecef; + border-width: 0 0 1px 0; + font-weight: 600; + color: #495057; + background: #f8f9fa; + transition: box-shadow 0.2s; +} +.p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e9ecef; + border-width: 0 0 1px 0; + font-weight: 600; + color: #495057; + background: #f8f9fa; +} +.p-datatable .p-sortable-column .p-sortable-column-icon { + color: #6c757d; + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #495057; + background: #E8F5E9; + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #6c757d; +} +.p-datatable .p-sortable-column.p-highlight { + background: #f8f9fa; + color: #4CAF50; +} +.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #4CAF50; +} +.p-datatable .p-sortable-column.p-highlight:hover { + background: #e9ecef; + color: #4CAF50; +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #4CAF50; +} +.p-datatable .p-sortable-column:focus { + box-shadow: inset 0 0 0 0.15rem #b7e0b8; + outline: 0 none; +} +.p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #495057; + transition: box-shadow 0.2s; +} +.p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #e9ecef; + border-width: 0 0 1px 0; + padding: 1rem 1rem; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: #495057; + border-color: transparent; + background: #e9ecef; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; +} +.p-datatable .p-datatable-tbody > tr:focus { + outline: 0.15rem solid #b7e0b8; + outline-offset: 0.15rem; +} +.p-datatable .p-datatable-tbody > tr.p-highlight { + background: #E8F5E9; + color: #495057; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #E8F5E9; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #E8F5E9; +} +.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-datatable .p-column-resizer-helper { + background: #4CAF50; +} +.p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #f8f9fa; +} +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #f8f9fa; +} +.p-datatable .p-datatable-loading-icon { + font-size: 2rem; +} +.p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #fcfcfc; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #E8F5E9; + color: #495057; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #495057; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #495057; +} +.p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; +} + +.p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-dataview .p-dataview-header { + background: #f8f9fa; + color: #495057; + border: 1px solid #e9ecef; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-dataview .p-dataview-content { + background: #ffffff; + color: #495057; + border: 0 none; + padding: 0; +} +.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { + border: solid #e9ecef; + border-width: 0 0 1px 0; +} +.p-dataview .p-dataview-footer { + background: #f8f9fa; + color: #495057; + border: 1px solid #e9ecef; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +.p-dataview .p-dataview-loading-icon { + font-size: 2rem; +} +.p-dataview .p-dataview-emptymessage { + padding: 1rem; +} + +.p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; +} + +.p-column-filter-menu-button { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-menu-button:hover { + color: #495057; + border-color: transparent; + background: #e9ecef; +} +.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: #e9ecef; + color: #495057; +} +.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #E8F5E9; + color: #495057; +} +.p-column-filter-menu-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; +} + +.p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-clear-button:hover { + color: #495057; + border-color: transparent; + background: #e9ecef; +} +.p-column-filter-clear-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; +} + +.p-column-filter-overlay { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 3px; + 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); + min-width: 12.5rem; +} +.p-column-filter-overlay .p-column-filter-row-items { + padding: 0.5rem 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #495057; + background: #E8F5E9; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #495057; + background: #e9ecef; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #b7e0b8; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} + +.p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: #495057; + background: #f8f9fa; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1rem; + border-bottom: 1px solid #dee2e6; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; +} +.p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.5rem 1rem; +} +.p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1rem; +} + +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { + background: #f8f9fa; + border: 1px solid #dee2e6; + color: #495057; +} +.fc.fc-unthemed .fc-view-container td.fc-widget-content { + background: #ffffff; + border: 1px solid #dee2e6; + color: #495057; +} +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #dee2e6; +} +.fc.fc-unthemed .fc-view-container .fc-row { + border-right: 1px solid #dee2e6; +} +.fc.fc-unthemed .fc-view-container .fc-event { + background: #449e48; + border: 1px solid #449e48; + color: #ffffff; +} +.fc.fc-unthemed .fc-view-container .fc-divider { + background: #f8f9fa; + border: 1px solid #dee2e6; +} +.fc.fc-unthemed .fc-toolbar .fc-button { + color: #ffffff; + background: #4CAF50; + border: 1px solid #4CAF50; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + display: flex; + align-items: center; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { + background: #449e48; + color: #ffffff; + border-color: #449e48; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { + background: #3d8c40; + color: #ffffff; + border-color: #3d8c40; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-unthemed .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #ffffff; + border: 1px solid #ced4da; + color: #495057; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #e9ecef; + border-color: #ced4da; + color: #495057; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #4CAF50; + border-color: #4CAF50; + color: #ffffff; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #449e48; + border-color: #449e48; + color: #ffffff; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; + z-index: 1; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #dee2e6; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #f8f9fa; + border-color: #dee2e6; + color: #495057; +} +.fc.fc-theme-standard .fc-view-harness td { + color: #495057; + border-color: #dee2e6; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover { + background: none; + border: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { + border: 1px solid #dee2e6; + padding: 1rem; + background: #f8f9fa; + color: #495057; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { + opacity: 1; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; + font-family: "PrimeIcons" !important; + font-size: 1rem; + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { + content: "\e90b"; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { + color: #495057; + border-color: transparent; + background: #e9ecef; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { + padding: 1rem; + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + border-top: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #ffffff; + background: #449e48; + border-color: #449e48; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: #449e48; + border-color: #449e48; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: #e9ecef; + color: #495057; +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #f8f9fa; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #ffffff; + background: #4CAF50; + border: 1px solid #4CAF50; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: #449e48; + color: #ffffff; + border-color: #449e48; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: #3d8c40; + color: #ffffff; + border-color: #3d8c40; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.6; + color: #ffffff; + background: #4CAF50; + border: 1px solid #4CAF50; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #ffffff; + border: 1px solid #ced4da; + color: #495057; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #e9ecef; + border-color: #ced4da; + color: #495057; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #4CAF50; + border-color: #4CAF50; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #449e48; + border-color: #449e48; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.fc.fc-theme-standard a { + color: #495057; +} +.fc.fc-theme-standard .fc-highlight { + color: #495057; + background: #E8F5E9; +} + +.p-orderlist .p-orderlist-controls { + padding: 1rem; +} +.p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; +} +.p-orderlist .p-orderlist-header { + background: #f8f9fa; + color: #495057; + border: 1px solid #dee2e6; + padding: 1rem; + border-bottom: 0 none; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; +} +.p-orderlist .p-orderlist-filter-container { + padding: 1rem; + background: #ffffff; + border: 1px solid #dee2e6; + border-bottom: 0 none; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.5rem; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.5rem; + color: #6c757d; +} +.p-orderlist .p-orderlist-list { + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + padding: 0.5rem 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; +} +.p-orderlist .p-orderlist-list .p-orderlist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #b7e0b8; +} +.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #495057; + background: #E8F5E9; +} +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 1rem; + color: #495057; +} +.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #e9ecef; +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: #e9ecef; +} + +.p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 1rem; + 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); + border: 0 none; + color: #495057; + background: #ffffff; + margin: 0; +} + +.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #E8F5E9; + color: #495057; +} +.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #8fce94; +} +.p-organizationchart .p-organizationchart-line-down { + background: #dee2e6; +} +.p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #dee2e6; + border-color: #dee2e6; +} +.p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #dee2e6; + border-color: #dee2e6; +} +.p-organizationchart .p-organizationchart-node-content { + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + padding: 1rem; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; +} + +.p-paginator { + background: #ffffff; + color: #6c757d; + border: solid #e9ecef; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 3px; +} +.p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: #6c757d; + min-width: 2.357rem; + height: 2.357rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: #e9ecef; + border-color: transparent; + color: #495057; +} +.p-paginator .p-paginator-first { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.357rem; +} +.p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; +} +.p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; +} +.p-paginator .p-paginator-page-input .p-inputtext { + max-width: 2.357rem; +} +.p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #6c757d; + min-width: 2.357rem; + height: 2.357rem; + margin: 0.143rem; + padding: 0 0.5rem; +} +.p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #6c757d; + min-width: 2.357rem; + height: 2.357rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #E8F5E9; + border-color: #E8F5E9; + color: #495057; +} +.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #e9ecef; + border-color: transparent; + color: #495057; +} + +.p-picklist .p-picklist-buttons { + padding: 1rem; +} +.p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; +} +.p-picklist .p-picklist-header { + background: #f8f9fa; + color: #495057; + border: 1px solid #dee2e6; + padding: 1rem; + border-bottom: 0 none; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; +} +.p-picklist .p-picklist-filter-container { + padding: 1rem; + background: #ffffff; + border: 1px solid #dee2e6; + border-bottom: 0 none; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.5rem; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.5rem; + color: #6c757d; +} +.p-picklist .p-picklist-list { + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + padding: 0.5rem 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; +} +.p-picklist .p-picklist-list .p-picklist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #b7e0b8; +} +.p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #495057; + background: #E8F5E9; +} +.p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 1rem; + color: #495057; +} +.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #e9ecef; +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: #e9ecef; +} + +.p-picklist-item.cdk-drag-preview { + padding: 0.5rem 1rem; + 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); + border: 0 none; + color: #495057; + background: #ffffff; + margin: 0; +} + +.p-timeline .p-timeline-event-marker { + border: 2px solid #4CAF50; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #ffffff; +} +.p-timeline .p-timeline-event-connector { + background-color: #dee2e6; +} +.p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; +} +.p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; +} + +.p-tree { + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + padding: 1rem; + border-radius: 3px; +} +.p-tree .p-tree-container .p-treenode { + padding: 0.143rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 3px; + transition: box-shadow 0.2s; + padding: 0; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #495057; + border-color: transparent; + background: #e9ecef; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #6c757d; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #495057; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #b7e0b8; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #E8F5E9; + color: #495057; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #495057; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #495057; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #e9ecef; + color: #495057; +} +.p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; +} +.p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.5rem; +} +.p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.5rem; + color: #6c757d; +} +.p-tree .p-treenode-children { + padding: 0 0 0 1rem; +} +.p-tree .p-tree-loading-icon { + font-size: 2rem; +} +.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: #a6d8a9; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 3px; + border: 1px solid #dee2e6; + background-color: #ffffff; + color: #495057; + padding: 0; + transition: box-shadow 0.2s; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #E8F5E9; + color: #495057; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #495057; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; +} + +.p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-treetable .p-treetable-header { + background: #f8f9fa; + color: #495057; + border: 1px solid #e9ecef; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-treetable .p-treetable-footer { + background: #f8f9fa; + color: #495057; + border: 1px solid #e9ecef; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e9ecef; + border-width: 0 0 1px 0; + font-weight: 600; + color: #495057; + background: #f8f9fa; + transition: box-shadow 0.2s; +} +.p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e9ecef; + border-width: 0 0 1px 0; + font-weight: 600; + color: #495057; + background: #f8f9fa; +} +.p-treetable .p-sortable-column { + outline-color: #b7e0b8; +} +.p-treetable .p-sortable-column .p-sortable-column-icon { + color: #6c757d; + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #495057; + background: #E8F5E9; + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #6c757d; +} +.p-treetable .p-sortable-column.p-highlight { + background: #f8f9fa; + color: #4CAF50; +} +.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #4CAF50; +} +.p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #495057; + transition: box-shadow 0.2s; +} +.p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #e9ecef; + border-width: 0 0 1px 0; + padding: 1rem 1rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #495057; + border-color: transparent; + background: #e9ecef; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #495057; +} +.p-treetable .p-treetable-tbody > tr:focus { + outline: 0.15rem solid #b7e0b8; + outline-offset: -0.15rem; +} +.p-treetable .p-treetable-tbody > tr.p-highlight { + background: #E8F5E9; + color: #495057; +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #495057; +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #495057; +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #495057; +} +.p-treetable .p-column-resizer-helper { + background: #4CAF50; +} +.p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #f8f9fa; +} +.p-treetable .p-treetable-loading-icon { + font-size: 2rem; +} +.p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.875rem 0.875rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 1.25rem 1.25rem; +} + +.p-virtualscroller .p-virtualscroller-header { + background: #f8f9fa; + color: #495057; + border: 1px solid #e9ecef; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #495057; + border: 0 none; + padding: 0; +} +.p-virtualscroller .p-virtualscroller-footer { + background: #f8f9fa; + color: #495057; + border: 1px solid #e9ecef; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1rem; + border: 1px solid #dee2e6; + color: #495057; + background: #f8f9fa; + font-weight: 600; + border-radius: 3px; + transition: box-shadow 0.2s; +} +.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; +} +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; +} +.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #e9ecef; + border-color: #dee2e6; + color: #495057; +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #f8f9fa; + border-color: #dee2e6; + color: #495057; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #dee2e6; + background: #e9ecef; + color: #495057; +} +.p-accordion .p-accordion-content { + padding: 1rem; + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; +} +.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; +} +.p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; +} +.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 none; +} +.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-top: 0 none; +} +.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +.p-card { + background: #ffffff; + color: #495057; + 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: 3px; +} +.p-card .p-card-body { + padding: 1rem; +} +.p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +.p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #6c757d; +} +.p-card .p-card-content { + padding: 1rem 0; +} +.p-card .p-card-footer { + padding: 1rem 0 0 0; +} + +.p-divider .p-divider-content { + background-color: #ffffff; +} +.p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +.p-divider.p-divider-horizontal:before { + border-top: 1px #dee2e6; +} +.p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; +} +.p-divider.p-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; +} +.p-divider.p-divider-vertical:before { + border-left: 1px #dee2e6; +} +.p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; +} + +.p-fieldset { + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + border-radius: 3px; +} +.p-fieldset .p-fieldset-legend { + padding: 1rem; + border: 1px solid #dee2e6; + color: #495057; + background: #f8f9fa; + font-weight: 600; + border-radius: 3px; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1rem; + color: #495057; + border-radius: 3px; + transition: box-shadow 0.2s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #e9ecef; + border-color: #dee2e6; + color: #495057; +} +.p-fieldset .p-fieldset-content { + padding: 1rem; +} + +.p-panel .p-panel-header { + border: 1px solid #dee2e6; + padding: 1rem; + background: #f8f9fa; + color: #495057; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-panel .p-panel-header .p-panel-title { + font-weight: 600; +} +.p-panel .p-panel-header .p-panel-header-icon { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #495057; + border-color: transparent; + background: #e9ecef; +} +.p-panel .p-panel-header .p-panel-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; +} +.p-panel.p-panel-toggleable .p-panel-header { + padding: 0.5rem 1rem; +} +.p-panel .p-panel-content { + padding: 1rem; + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + border-top: 0 none; +} +.p-panel .p-panel-footer { + padding: 0.5rem 1rem; + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + border-top: 0 none; +} +.p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; +} +.p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; +} +.p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; +} + +.p-scrollpanel .p-scrollpanel-bar { + background: #f8f9fa; + border: 0 none; +} + +.p-splitter { + border: 1px solid #dee2e6; + background: #ffffff; + border-radius: 3px; + color: #495057; +} +.p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: #f8f9fa; +} +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #dee2e6; +} +.p-splitter .p-splitter-gutter-resizing { + background: #dee2e6; +} + +.p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #dee2e6; + border-width: 0 0 2px 0; +} +.p-tabview .p-tabview-nav li { + margin-right: 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #dee2e6; + border-width: 0 0 2px 0; + border-color: transparent transparent #dee2e6 transparent; + background: #ffffff; + color: #6c757d; + padding: 1rem; + font-weight: 600; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #b7e0b8; +} +.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #6c757d; + color: #6c757d; +} +.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #4CAF50; + color: #4CAF50; +} +.p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; +} +.p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-close { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #4CAF50; + width: 2.357rem; + 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); + border-radius: 0; +} +.p-tabview .p-tabview-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #b7e0b8; +} +.p-tabview .p-tabview-panels { + background: #ffffff; + padding: 1rem; + border: 0 none; + color: #495057; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +.p-toolbar { + background: #f8f9fa; + border: 1px solid #dee2e6; + padding: 1rem; + border-radius: 3px; + gap: 0.5rem; +} +.p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; +} + +.p-confirm-popup { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 3px; + 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); +} +.p-confirm-popup .p-confirm-popup-content { + padding: 1rem; +} +.p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.5rem 1rem; +} +.p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; +} +.p-confirm-popup:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +.p-confirm-popup:before { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +.p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #ffffff; +} +.p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #ffffff; +} +.p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; +} +.p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; +} + +.p-dialog { + border-radius: 3px; + 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; +} +.p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: #495057; + padding: 1.5rem; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.25rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #495057; + border-color: transparent; + background: #e9ecef; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; +} +.p-dialog .p-dialog-content { + background: #ffffff; + color: #495057; + padding: 0 1.5rem 2rem 1.5rem; +} +.p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-dialog .p-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: #495057; + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; +} + +.p-overlaypanel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 3px; + 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); +} +.p-overlaypanel .p-overlaypanel-content { + padding: 1rem; +} +.p-overlaypanel .p-overlaypanel-close { + background: #4CAF50; + color: #ffffff; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + position: absolute; + top: -1rem; + right: -1rem; +} +.p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #449e48; + color: #ffffff; +} +.p-overlaypanel:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +.p-overlaypanel:before { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #f2f2f2; +} +.p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #ffffff; +} +.p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #ffffff; +} + +.p-sidebar { + background: #ffffff; + color: #495057; + 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); +} +.p-sidebar .p-sidebar-header { + padding: 1rem; +} +.p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #495057; + border-color: transparent; + background: #e9ecef; +} +.p-sidebar .p-sidebar-header .p-sidebar-close:focus, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; +} +.p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; +} +.p-sidebar .p-sidebar-content { + padding: 1rem; +} +.p-sidebar .p-sidebar-footer { + padding: 1rem; +} + +.p-tooltip .p-tooltip-text { + background: #495057; + color: #ffffff; + padding: 0.5rem 0.5rem; + 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); + border-radius: 3px; +} +.p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #495057; +} +.p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #495057; +} +.p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #495057; +} +.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #495057; +} + +.p-fileupload .p-fileupload-buttonbar { + background: #f8f9fa; + padding: 1rem; + border: 1px solid #dee2e6; + color: #495057; + border-bottom: 0 none; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; +} +.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; +} +.p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 2rem 1rem; + border: 1px solid #dee2e6; + color: #495057; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-fileupload .p-progressbar { + height: 0.25rem; +} +.p-fileupload .p-fileupload-row > div { + padding: 1rem 1rem; +} +.p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; +} + +.p-fileupload-choose:not(.p-disabled):hover { + background: #449e48; + color: #ffffff; + border-color: #449e48; +} +.p-fileupload-choose:not(.p-disabled):active { + background: #3d8c40; + color: #ffffff; + border-color: #3d8c40; +} + +.p-breadcrumb { + background: #ffffff; + border: 1px solid #dee2e6; + border-radius: 3px; + padding: 1rem; +} +.p-breadcrumb ul li .p-menuitem-link { + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-breadcrumb ul li .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { + color: #6c757d; +} +.p-breadcrumb ul li.p-breadcrumb-chevron { + margin: 0 0.5rem 0 0.5rem; + color: #495057; +} +.p-breadcrumb ul li:last-child .p-menuitem-text { + color: #495057; +} +.p-breadcrumb ul li:last-child .p-menuitem-icon { + color: #6c757d; +} + +.p-contextmenu { + padding: 0.25rem 0; + background: #ffffff; + color: #495057; + 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); + border-radius: 3px; + width: 12.5rem; +} +.p-contextmenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-contextmenu .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-contextmenu .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-contextmenu .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-contextmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #b7e0b8; +} +.p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #ffffff; + 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); + border-radius: 3px; +} +.p-contextmenu .p-menuitem { + margin: 0; +} +.p-contextmenu .p-menuitem:last-child { + margin: 0; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #e9ecef; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-contextmenu .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} +.p-contextmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-contextmenu .p-menuitem-badge { + background: #4CAF50; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + +@media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } +} +.p-megamenu { + padding: 0.5rem; + background: #f8f9fa; + color: #495057; + border: 1px solid #dee2e6; + border-radius: 3px; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: #495057; + border-radius: 3px; + transition: box-shadow 0.2s; + user-select: none; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #6c757d; + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #b7e0b8; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-megamenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-megamenu .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-megamenu .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-megamenu .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-megamenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #b7e0b8; +} +.p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #495057; + 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); +} +.p-megamenu .p-megamenu-submenu-header { + margin: 0; + padding: 0.75rem 1rem; + color: #495057; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-megamenu .p-megamenu-submenu { + padding: 0.25rem 0; + width: 12.5rem; +} +.p-megamenu .p-megamenu-submenu .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem { + margin: 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #e9ecef; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem { + margin: 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem-badge { + background: #4CAF50; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menu { + padding: 0.25rem 0; + background: #ffffff; + color: #495057; + border: 1px solid #dee2e6; + border-radius: 3px; + width: 12.5rem; +} +.p-menu .p-menuitem-link { + padding: 0.75rem 1rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menu .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-menu .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-menu .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-menu .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-menu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #b7e0b8; +} +.p-menu.p-menu-overlay { + background: #ffffff; + 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); +} +.p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem 1rem; + color: #495057; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.p-menu .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} +.p-menu .p-menuitem { + margin: 0; +} +.p-menu .p-menuitem:last-child { + margin: 0; +} +.p-menu .p-menuitem-badge { + background: #4CAF50; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menubar { + padding: 0.5rem; + background: #f8f9fa; + color: #495057; + border: 1px solid #dee2e6; + border-radius: 3px; +} +.p-menubar .p-menuitem-link { + padding: 0.75rem 1rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menubar .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-menubar .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-menubar .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-menubar .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #b7e0b8; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: #495057; + border-radius: 3px; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #6c757d; + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #b7e0b8; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-menubar .p-submenu-list { + padding: 0.25rem 0; + background: #ffffff; + 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); + width: 12.5rem; +} +.p-menubar .p-submenu-list .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} +.p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; +} +.p-menubar .p-submenu-list .p-menuitem { + margin: 0; +} +.p-menubar .p-submenu-list .p-menuitem:last-child { + margin: 0; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #e9ecef; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-menubar .p-menuitem-badge { + background: #4CAF50; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +@media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 2rem; + height: 2rem; + color: #6c757d; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #6c757d; + background: #e9ecef; + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0; + background: #ffffff; + 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); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #6c757d; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #b7e0b8; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } +} +.p-panelmenu .p-panelmenu-header > a { + padding: 1rem; + border: 1px solid #dee2e6; + color: #495057; + background: #f8f9fa; + font-weight: 600; + border-radius: 3px; + transition: box-shadow 0.2s; +} +.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; +} +.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + background: #e9ecef; + border-color: #dee2e6; + color: #495057; +} +.p-panelmenu .p-panelmenu-header.p-highlight { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight > a { + background: #f8f9fa; + border-color: #dee2e6; + color: #495057; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + border-color: #dee2e6; + background: #e9ecef; + color: #495057; +} +.p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0; + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + margin-bottom: 0; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { + padding: 0.75rem 1rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #b7e0b8; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { + padding: 0 0 0 1rem; +} +.p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { + border-radius: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; +} +.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { + border-top: 0 none; +} +.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { + border-top: 0 none; +} +.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-panelmenu .p-menuitem-badge { + background: #4CAF50; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-slidemenu { + padding: 0.25rem 0; + background: #ffffff; + color: #495057; + border: 1px solid #dee2e6; + border-radius: 3px; + width: 12.5rem; +} +.p-slidemenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-slidemenu .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-slidemenu .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-slidemenu .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-slidemenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #b7e0b8; +} +.p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + 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); +} +.p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0; + background: #ffffff; + 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); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { + background: #e9ecef; +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { + color: #495057; +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { + color: #6c757d; +} +.p-slidemenu .p-slidemenu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} +.p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; +} +.p-slidemenu .p-slidemenu-backward { + padding: 0.75rem 1rem; + color: #495057; +} +.p-slidemenu .p-menuitem-badge { + background: #4CAF50; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: box-shadow 0.2s; + border-radius: 3px; + background: #ffffff; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #495057; + border: 1px solid #e9ecef; + background: #ffffff; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: #6c757d; +} +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; +} +.p-steps .p-steps-item.p-highlight .p-steps-number { + background: #E8F5E9; + color: #495057; +} +.p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 600; + color: #495057; +} +.p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #dee2e6; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; +} + +.p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: 1px solid #dee2e6; + border-width: 0 0 2px 0; +} +.p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #4CAF50; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #dee2e6; + border-width: 0 0 2px 0; + border-color: transparent transparent #dee2e6 transparent; + background: #ffffff; + color: #6c757d; + padding: 1rem; + font-weight: 600; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #b7e0b8; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #6c757d; + color: #6c757d; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #4CAF50; + color: #4CAF50; +} +.p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #ffffff; + color: #4CAF50; + width: 2.357rem; + 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); + border-radius: 0; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #b7e0b8; +} + +.p-tieredmenu { + padding: 0.25rem 0; + background: #ffffff; + color: #495057; + border: 1px solid #dee2e6; + border-radius: 3px; + width: 12.5rem; +} +.p-tieredmenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-tieredmenu .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-tieredmenu .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-tieredmenu .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-tieredmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #b7e0b8; +} +.p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + 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); +} +.p-tieredmenu .p-submenu-list { + padding: 0.25rem 0; + background: #ffffff; + 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); +} +.p-tieredmenu .p-menuitem { + margin: 0; +} +.p-tieredmenu .p-menuitem:last-child { + margin: 0; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #e9ecef; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-tieredmenu .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} +.p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-tieredmenu .p-menuitem-badge { + background: #4CAF50; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-inline-message { + padding: 0.5rem 0.5rem; + margin: 0; + border-radius: 3px; +} +.p-inline-message.p-inline-message-info { + background: #B3E5FC; + border: solid #0891cf; + border-width: 0px; + color: #044868; +} +.p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #044868; +} +.p-inline-message.p-inline-message-success { + background: #C8E6C9; + border: solid #439446; + border-width: 0px; + color: #224a23; +} +.p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #224a23; +} +.p-inline-message.p-inline-message-warn { + background: #FFECB3; + border: solid #d9a300; + border-width: 0px; + color: #6d5100; +} +.p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #6d5100; +} +.p-inline-message.p-inline-message-error { + background: #FFCDD2; + border: solid #e60017; + border-width: 0px; + color: #73000c; +} +.p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #73000c; +} +.p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; +} +.p-inline-message .p-inline-message-text { + font-size: 1rem; +} +.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; +} + +.p-message { + margin: 1rem 0; + border-radius: 3px; +} +.p-message .p-message-wrapper { + padding: 1rem 1.5rem; +} +.p-message .p-message-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-message .p-message-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; +} +.p-message.p-message-info { + background: #B3E5FC; + border: solid #0891cf; + border-width: 0 0 0 6px; + color: #044868; +} +.p-message.p-message-info .p-message-icon { + color: #044868; +} +.p-message.p-message-info .p-message-close { + color: #044868; +} +.p-message.p-message-success { + background: #C8E6C9; + border: solid #439446; + border-width: 0 0 0 6px; + color: #224a23; +} +.p-message.p-message-success .p-message-icon { + color: #224a23; +} +.p-message.p-message-success .p-message-close { + color: #224a23; +} +.p-message.p-message-warn { + background: #FFECB3; + border: solid #d9a300; + border-width: 0 0 0 6px; + color: #6d5100; +} +.p-message.p-message-warn .p-message-icon { + color: #6d5100; +} +.p-message.p-message-warn .p-message-close { + color: #6d5100; +} +.p-message.p-message-error { + background: #FFCDD2; + border: solid #e60017; + border-width: 0 0 0 6px; + color: #73000c; +} +.p-message.p-message-error .p-message-icon { + color: #73000c; +} +.p-message.p-message-error .p-message-close { + color: #73000c; +} +.p-message .p-message-text { + font-size: 1rem; + font-weight: 500; +} +.p-message .p-message-icon { + font-size: 1.5rem; + margin-right: 0.5rem; +} +.p-message .p-message-summary { + font-weight: 700; +} +.p-message .p-message-detail { + margin-left: 0.5rem; +} + +.p-toast { + opacity: 0.9; +} +.p-toast .p-toast-message { + margin: 0 0 1rem 0; + 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); + border-radius: 3px; +} +.p-toast .p-toast-message .p-toast-message-content { + padding: 1rem; + border-width: 0 0 0 6px; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 1rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 2rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 700; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; +} +.p-toast .p-toast-message .p-toast-icon-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-toast .p-toast-message .p-toast-icon-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; +} +.p-toast .p-toast-message.p-toast-message-info { + background: #B3E5FC; + border: solid #0891cf; + border-width: 0 0 0 6px; + color: #044868; +} +.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #044868; +} +.p-toast .p-toast-message.p-toast-message-success { + background: #C8E6C9; + border: solid #439446; + border-width: 0 0 0 6px; + color: #224a23; +} +.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #224a23; +} +.p-toast .p-toast-message.p-toast-message-warn { + background: #FFECB3; + border: solid #d9a300; + border-width: 0 0 0 6px; + color: #6d5100; +} +.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #6d5100; +} +.p-toast .p-toast-message.p-toast-message-error { + background: #FFCDD2; + border: solid #e60017; + border-width: 0 0 0 6px; + color: #73000c; +} +.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #73000c; +} + +.p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-item-nav { + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 3px; + margin: 0 0.5rem; +} +.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f8f9fa; + padding: 1rem; +} +.p-galleria .p-galleria-indicators { + padding: 1rem; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #e9ecef; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #dee2e6; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #E8F5E9; + color: #495057; +} +.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; +} +.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #E8F5E9; + color: #495057; +} +.p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f8f9fa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; +} + +.p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-preview-indicator { + background-color: transparent; + color: #f8f9fa; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} + +.p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); +} + +.p-image-toolbar { + padding: 1rem; +} + +.p-image-action.p-link { + color: #f8f9fa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-image-action.p-link:last-child { + margin-right: 0; +} +.p-image-action.p-link:hover { + color: #f8f9fa; + background-color: rgba(255, 255, 255, 0.1); +} +.p-image-action.p-link i { + font-size: 1.5rem; +} + +.p-avatar { + background-color: #dee2e6; + border-radius: 3px; +} +.p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +.p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; +} +.p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +.p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; +} + +.p-avatar-group .p-avatar { + border: 2px solid #ffffff; +} + +.p-badge { + background: #4CAF50; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +.p-badge.p-badge-secondary { + background-color: #607D8B; + color: #ffffff; +} +.p-badge.p-badge-success { + background-color: #689F38; + color: #ffffff; +} +.p-badge.p-badge-info { + background-color: #0288D1; + color: #ffffff; +} +.p-badge.p-badge-warning { + background-color: #FBC02D; + color: #212529; +} +.p-badge.p-badge-danger { + background-color: #D32F2F; + color: #ffffff; +} +.p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +.p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} + +.p-chip { + background-color: #dee2e6; + color: #495057; + border-radius: 16px; + padding: 0 0.5rem; +} +.p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} +.p-chip .p-chip-icon { + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; +} +.p-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.5rem; + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; +} + +.p-inplace .p-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-inplace .p-inplace-display:not(.p-disabled):hover { + background: #e9ecef; + color: #495057; +} +.p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; +} + +.p-progressbar { + border: 0 none; + height: 1.5rem; + background: #dee2e6; + border-radius: 3px; +} +.p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #4CAF50; +} +.p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.5rem; +} + +.p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + 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); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-scrolltop.p-link { + background: rgba(0, 0, 0, 0.7); +} +.p-scrolltop.p-link:hover { + background: rgba(0, 0, 0, 0.8); +} +.p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #f8f9fa; +} + +.p-skeleton { + background-color: #e9ecef; + border-radius: 3px; +} +.p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); +} + +.p-tag { + background: #4CAF50; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 3px; +} +.p-tag.p-tag-success { + background-color: #689F38; + color: #ffffff; +} +.p-tag.p-tag-info { + background-color: #0288D1; + color: #ffffff; +} +.p-tag.p-tag-warning { + background-color: #FBC02D; + color: #212529; +} +.p-tag.p-tag-danger { + background-color: #D32F2F; + color: #ffffff; +} +.p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +.p-terminal { + background: #ffffff; + color: #495057; + border: 1px solid #dee2e6; + padding: 1rem; +} +.p-terminal .p-terminal-input { + font-size: 1rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; +} + +/* Customizations to the designer theme should be defined here */ +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #4CAF50; +} + +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #4CAF50; +} + +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #4CAF50; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #4CAF50; +} diff --git a/assets/layout/styles/theme/saga-green/theme.css.br b/assets/layout/styles/theme/saga-green/theme.css.br new file mode 100644 index 0000000..99bf646 Binary files /dev/null and b/assets/layout/styles/theme/saga-green/theme.css.br differ diff --git a/assets/layout/styles/theme/saga-green/theme.css.gz b/assets/layout/styles/theme/saga-green/theme.css.gz new file mode 100644 index 0000000..fe54d6a Binary files /dev/null and b/assets/layout/styles/theme/saga-green/theme.css.gz differ diff --git a/assets/layout/styles/theme/saga-orange/theme.css b/assets/layout/styles/theme/saga-orange/theme.css new file mode 100644 index 0000000..531e463 --- /dev/null +++ b/assets/layout/styles/theme/saga-orange/theme.css @@ -0,0 +1,6304 @@ +:root { + --surface-a:#ffffff; + --surface-b:#f8f9fa; + --surface-c:#e9ecef; + --surface-d:#dee2e6; + --surface-e:#ffffff; + --surface-f:#ffffff; + --text-color:#495057; + --text-color-secondary:#6c757d; + --primary-color:#FFC107; + --primary-color-text:#212529; + --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --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:3px; + --surface-ground:#f8f9fa; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#dee2e6; + --surface-hover: #e9ecef; + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 0.2rem #ffe69c; + color-scheme: light; +} + +* { + box-sizing: border-box; +} + +.p-component { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + font-weight: normal; +} + +.p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; +} + +.p-disabled, .p-component:disabled { + opacity: 0.6; +} + +.p-error { + color: #f44336; +} + +.p-text-secondary { + color: #6c757d; +} + +.pi { + font-size: 1rem; +} + +.p-link { + font-size: 1rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + border-radius: 3px; +} +.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; +} + +.p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; +} + +.p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; +} + +@keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } +} +@keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } +} + +: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:#f6fbf6; + --green-100:#d4ecd5; + --green-200:#b2ddb4; + --green-300:#90cd93; + --green-400:#6ebe71; + --green-500:#4caf50; + --green-600:#419544; + --green-700:#357b38; + --green-800:#2a602c; + --green-900:#1e4620; + --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:#f5f6fb; + --indigo-100:#d1d5ed; + --indigo-200:#acb4df; + --indigo-300:#8893d1; + --indigo-400:#6372c3; + --indigo-500:#3f51b5; + --indigo-600:#36459a; + --indigo-700:#2c397f; + --indigo-800:#232d64; + --indigo-900:#192048; + --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:#fff8f2; + --orange-100:#fde0c2; + --orange-200:#fbc791; + --orange-300:#f9ae61; + --orange-400:#f79530; + --orange-500:#f57c00; + --orange-600:#d06900; + --orange-700:#ac5700; + --orange-800:#874400; + --orange-900:#623200; + --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:#fff5f5; + --red-100:#ffd1ce; + --red-200:#ffada7; + --red-300:#ff8980; + --red-400:#ff6459; + --red-500:#ff4032; + --red-600:#d9362b; + --red-700:#b32d23; + --red-800:#8c231c; + --red-900:#661a14; + --primary-50:#fffcf3; + --primary-100:#fff0c3; + --primary-200:#ffe494; + --primary-300:#ffd965; + --primary-400:#ffcd36; + --primary-500:#ffc107; + --primary-600:#d9a406; + --primary-700:#b38705; + --primary-800:#8c6a04; + --primary-900:#664d03; +} + +.p-autocomplete .p-autocomplete-loader { + right: 0.5rem; +} +.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 2.857rem; +} +.p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; + gap: 0.5rem; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + border-color: #FFC107; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; + border-color: #FFC107; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.25rem 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #495057; + padding: 0; + margin: 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.5rem; + background: #FFF3E0; + color: #495057; + border-radius: 3px; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; +} + +p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f44336; +} + +.p-autocomplete-panel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 3px; + 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); +} +.p-autocomplete-panel .p-autocomplete-items { + padding: 0.5rem 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { + color: #495057; + background: #e9ecef; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #495057; + background: #FFF3E0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 1rem; + color: #495057; + background: transparent; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: #495057; + background: #ffffff; + font-weight: 600; +} + +p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2rem; +} +p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #6c757d; + right: 0.5rem; +} + +p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #6c757d; + right: 2.857rem; +} + +p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #f44336; +} + +.p-datepicker { + padding: 0.5rem; + background: #ffffff; + color: #495057; + border: 1px solid #ced4da; + border-radius: 3px; +} +.p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + 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); +} +.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; +} +.p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: #495057; + background: #ffffff; + font-weight: 600; + margin: 0; + border-bottom: 1px solid #dee2e6; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #495057; + border-color: transparent; + background: #e9ecef; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; +} +.p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 2rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #495057; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + font-weight: 600; + padding: 0.5rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #FFC107; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; +} +.p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0; +} +.p-datepicker table th { + padding: 0.5rem; +} +.p-datepicker table th > span { + width: 2.5rem; + height: 2.5rem; +} +.p-datepicker table td { + padding: 0.5rem; +} +.p-datepicker table td > span { + width: 2.5rem; + height: 2.5rem; + border-radius: 50%; + transition: box-shadow 0.2s; + border: 1px solid transparent; +} +.p-datepicker table td > span.p-highlight { + color: #495057; + background: #FFF3E0; +} +.p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; +} +.p-datepicker table td.p-datepicker-today > span { + background: #ced4da; + color: #495057; + border-color: transparent; +} +.p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #495057; + background: #FFF3E0; +} +.p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #dee2e6; +} +.p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; +} +.p-datepicker .p-timepicker { + border-top: 1px solid #dee2e6; + padding: 0.5rem; +} +.p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-timepicker button:enabled:hover { + color: #495057; + border-color: transparent; + background: #e9ecef; +} +.p-datepicker .p-timepicker button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; +} +.p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; +} +.p-datepicker .p-timepicker span { + font-size: 1.25rem; +} +.p-datepicker .p-timepicker > div { + padding: 0 0.5rem; +} +.p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; +} +.p-datepicker .p-monthpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.5rem; + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #495057; + background: #FFF3E0; +} +.p-datepicker .p-yearpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.5rem; + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #495057; + background: #FFF3E0; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #dee2e6; + padding-right: 0.5rem; + padding-left: 0.5rem; + padding-top: 0; + padding-bottom: 0; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: #e9ecef; +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: #e9ecef; +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: #e9ecef; +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; +} + +p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2rem; +} +p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #6c757d; + right: 0.5rem; +} + +p-calendar.p-calendar-clearable.p-calendar-w-btn .p-calendar-clear-icon { + color: #6c757d; + right: 2.857rem; +} + +@media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } +} +.p-cascadeselect { + background: #ffffff; + border: 1px solid #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-cascadeselect:not(.p-disabled):hover { + border-color: #FFC107; +} +.p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; + border-color: #FFC107; +} +.p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.5rem; +} +.p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #6c757d; +} +.p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #6c757d; + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-cascadeselect-panel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 3px; + 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); +} +.p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.5rem 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 1rem; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #ffe69c; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #495057; + background: #FFF3E0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #495057; + background: #e9ecef; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; +} + +p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f44336; +} + +.p-input-filled .p-cascadeselect { + background: #f8f9fa; +} +.p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #f8f9fa; +} +.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #ffffff; +} + +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.5rem; +} +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #6c757d; + right: 2.357rem; +} + +.p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; +} +.p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); +} + +.p-checkbox { + width: 20px; + height: 20px; +} +.p-checkbox .p-checkbox-box { + border: 2px solid #ced4da; + background: #ffffff; + width: 20px; + height: 20px; + color: #495057; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #212529; + font-size: 14px; +} +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #FFC107; + background: #FFC107; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #FFC107; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; + border-color: #FFC107; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #d29d00; + background: #d29d00; + color: #212529; +} + +p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f44336; +} + +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f8f9fa; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #FFC107; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f8f9fa; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #d29d00; +} + +.p-checkbox-label { + margin-left: 0.5rem; +} + +.p-chips .p-chips-multiple-container { + padding: 0.25rem 0.5rem; + gap: 0.5rem; +} +.p-chips .p-chips-multiple-container:not(.p-disabled):hover { + border-color: #FFC107; +} +.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; + border-color: #FFC107; +} +.p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.5rem; + background: #FFF3E0; + color: #495057; + border-radius: 3px; +} +.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; +} +.p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.25rem 0; +} +.p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #495057; + padding: 0; + margin: 0; +} + +p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #f44336; +} + +p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.5rem; +} +p-chips.p-chips-clearable .p-chips-clear-icon { + color: #6c757d; + right: 0.5rem; +} + +.p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; +} + +.p-colorpicker-panel { + background: #323232; + border: 1px solid #191919; +} +.p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; +} + +.p-colorpicker-overlay-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); +} + +.p-dropdown { + background: #ffffff; + border: 1px solid #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-dropdown:not(.p-disabled):hover { + border-color: #FFC107; +} +.p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; + border-color: #FFC107; +} +.p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.5rem; +} +.p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; +} +.p-dropdown .p-dropdown-label.p-placeholder { + color: #6c757d; +} +.p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-dropdown .p-dropdown-trigger { + background: transparent; + color: #6c757d; + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.p-dropdown .p-dropdown-clear-icon { + color: #6c757d; + right: 2.357rem; +} + +.p-dropdown-panel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 3px; + 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); +} +.p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: #495057; + background: #f8f9fa; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.5rem; + margin-right: -1.5rem; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.5rem; + color: #6c757d; +} +.p-dropdown-panel .p-dropdown-items { + padding: 0.5rem 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #495057; + background: #FFF3E0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #495057; + background: #e9ecef; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1rem; + color: #495057; + background: transparent; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: #495057; + background: #ffffff; + font-weight: 600; +} + +p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #f44336; +} + +.p-input-filled .p-dropdown { + background: #f8f9fa; +} +.p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #f8f9fa; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #ffffff; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; +} + +.p-editor-container .p-editor-toolbar { + background: #f8f9fa; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #dee2e6; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #6c757d; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #6c757d; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #6c757d; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + 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); + border-radius: 3px; + padding: 0.5rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #495057; + background: #e9ecef; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #dee2e6; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #495057; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #495057; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #495057; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #495057; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #FFC107; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #FFC107; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #FFC107; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #FFC107; +} + +.p-inputgroup-addon { + background: #e9ecef; + color: #6c757d; + border-top: 1px solid #ced4da; + border-left: 1px solid #ced4da; + border-bottom: 1px solid #ced4da; + padding: 0.5rem 0.5rem; + min-width: 2.357rem; +} +.p-inputgroup-addon:last-child { + border-right: 1px solid #ced4da; +} + +.p-inputgroup > .p-component, +.p-inputgroup > .p-element, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; +} +.p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-element + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; +} +.p-inputgroup > .p-component:focus, +.p-inputgroup > .p-element:focus, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; +} +.p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-element:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; +} + +.p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} + +.p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} + +.p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-fluid .p-inputgroup .p-button { + width: auto; +} +.p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.357rem; +} + +p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #f44336; +} + +p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2rem; +} +p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #6c757d; + right: 0.5rem; +} + +p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #f44336; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #6c757d; + right: 0.5rem; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 2.857rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 2.857rem; +} + +.p-inputswitch { + width: 3rem; + height: 1.75rem; +} +.p-inputswitch .p-inputswitch-slider { + background: #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; +} +.p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition-duration: 0.2s; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1.25rem); +} +.p-inputswitch.p-focus .p-inputswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; +} +.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #b6bfc8; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #FFC107; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; +} +.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #ecb100; +} + +p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + border-color: #f44336; +} + +.p-inputtext { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #495057; + background: #ffffff; + padding: 0.5rem 0.5rem; + border: 1px solid #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + appearance: none; + border-radius: 3px; +} +.p-inputtext:enabled:hover { + border-color: #FFC107; +} +.p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; + border-color: #FFC107; +} +.p-inputtext.ng-dirty.ng-invalid { + border-color: #f44336; +} +.p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.4375rem; +} +.p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.625rem; +} + +.p-float-label > label { + left: 0.5rem; + color: #6c757d; + transition-duration: 0.2s; +} + +.p-float-label > .ng-invalid.ng-dirty + label { + color: #f44336; +} + +.p-input-icon-left > i:first-of-type { + left: 0.5rem; + color: #6c757d; +} + +.p-input-icon-left > .p-inputtext { + padding-left: 2rem; +} + +.p-input-icon-left.p-float-label > label { + left: 2rem; +} + +.p-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #6c757d; +} + +.p-input-icon-right > .p-inputtext { + padding-right: 2rem; +} + +::-webkit-input-placeholder { + color: #6c757d; +} + +:-moz-placeholder { + color: #6c757d; +} + +::-moz-placeholder { + color: #6c757d; +} + +:-ms-input-placeholder { + color: #6c757d; +} + +.p-input-filled .p-inputtext { + background-color: #f8f9fa; +} +.p-input-filled .p-inputtext:enabled:hover { + background-color: #f8f9fa; +} +.p-input-filled .p-inputtext:enabled:focus { + background-color: #ffffff; +} + +.p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.4375rem; +} + +.p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.625rem; +} + +.p-listbox { + background: #ffffff; + color: #495057; + border: 1px solid #ced4da; + border-radius: 3px; +} +.p-listbox .p-listbox-header { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: #495057; + background: #f8f9fa; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.5rem; +} +.p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.5rem; + color: #6c757d; +} +.p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list { + padding: 0.5rem 0; +} +.p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: #495057; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #495057; + background: #FFF3E0; +} +.p-listbox .p-listbox-list .p-listbox-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #ffe69c; +} +.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: #495057; + background: #ffffff; + font-weight: 600; +} +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 1rem; + color: #495057; + background: transparent; +} +.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #495057; + background: #e9ecef; +} + +p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #f44336; +} + +.p-multiselect { + background: #ffffff; + border: 1px solid #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-multiselect:not(.p-disabled):hover { + border-color: #FFC107; +} +.p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; + border-color: #FFC107; +} +.p-multiselect .p-multiselect-label { + padding: 0.5rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-multiselect .p-multiselect-label.p-placeholder { + color: #6c757d; +} +.p-multiselect.p-multiselect-chip .p-multiselect-label { + gap: 0.5rem; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.5rem; + background: #FFF3E0; + color: #495057; + border-radius: 3px; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; +} +.p-multiselect .p-multiselect-trigger { + background: transparent; + color: #6c757d; + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.5rem; +} + +.p-multiselect-panel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 3px; + 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); +} +.p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: #495057; + background: #f8f9fa; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.5rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.5rem; + color: #6c757d; +} +.p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #495057; + border-color: transparent; + background: #e9ecef; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; +} +.p-multiselect-panel .p-multiselect-items { + padding: 0.5rem 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #495057; + background: #FFF3E0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #495057; + background: #e9ecef; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #ffe69c; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: #495057; + background: #ffffff; + font-weight: 600; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 1rem; + color: #495057; + background: transparent; +} + +p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f44336; +} + +.p-input-filled .p-multiselect { + background: #f8f9fa; +} +.p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #f8f9fa; +} +.p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #ffffff; +} + +p-multiselect.p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.5rem; +} +p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { + color: #6c757d; + right: 2.357rem; +} + +p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #f44336; +} + +.p-password-panel { + padding: 1rem; + background: #ffffff; + color: #495057; + 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); + border-radius: 3px; +} +.p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #dee2e6; +} +.p-password-panel .p-password-meter .p-password-strength.weak { + background: #D32F2F; +} +.p-password-panel .p-password-meter .p-password-strength.medium { + background: #FBC02D; +} +.p-password-panel .p-password-meter .p-password-strength.strong { + background: #689F38; +} + +p-password.p-password-clearable .p-password-input { + padding-right: 2rem; +} +p-password.p-password-clearable .p-password-clear-icon { + color: #6c757d; + right: 0.5rem; +} + +p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 3.5rem; +} +p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #6c757d; + right: 2rem; +} + +.p-radiobutton { + width: 20px; + height: 20px; +} +.p-radiobutton .p-radiobutton-box { + border: 2px solid #ced4da; + background: #ffffff; + width: 20px; + height: 20px; + color: #495057; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #FFC107; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; + border-color: #FFC107; +} +.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 12px; + height: 12px; + transition-duration: 0.2s; + background-color: #212529; +} +.p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #FFC107; + background: #FFC107; +} +.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #d29d00; + background: #d29d00; + color: #212529; +} + +p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #f44336; +} + +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f8f9fa; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f8f9fa; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #FFC107; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #d29d00; +} + +.p-radiobutton-label { + margin-left: 0.5rem; +} + +.p-rating .p-rating-icon { + color: #495057; + margin-left: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + font-size: 1.143rem; +} +.p-rating .p-rating-icon.p-rating-cancel { + color: #e74c3c; +} +.p-rating .p-rating-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; +} +.p-rating .p-rating-icon:first-child { + margin-left: 0; +} +.p-rating .p-rating-icon.pi-star-fill { + color: #FFC107; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + color: #FFC107; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + color: #c0392b; +} + +.p-selectbutton .p-button { + background: #ffffff; + border: 1px solid #ced4da; + color: #495057; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #6c757d; +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #e9ecef; + border-color: #ced4da; + color: #495057; +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #6c757d; +} +.p-selectbutton .p-button.p-highlight { + background: #FFC107; + border-color: #FFC107; + color: #212529; +} +.p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #212529; +} +.p-selectbutton .p-button.p-highlight:hover { + background: #ecb100; + border-color: #ecb100; + color: #212529; +} +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #212529; +} + +p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #f44336; +} + +.p-slider { + background: #dee2e6; + border: 0 none; + border-radius: 3px; +} +.p-slider.p-slider-horizontal { + height: 0.286rem; +} +.p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -0.5715rem; + margin-left: -0.5715rem; +} +.p-slider.p-slider-vertical { + width: 0.286rem; +} +.p-slider.p-slider-vertical .p-slider-handle { + margin-left: -0.5715rem; + margin-bottom: -0.5715rem; +} +.p-slider .p-slider-handle { + height: 1.143rem; + width: 1.143rem; + background: #ffffff; + border: 2px solid #FFC107; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; +} +.p-slider .p-slider-range { + background: #FFC107; +} +.p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #FFC107; + border-color: #FFC107; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; +} + +.p-togglebutton.p-button { + background: #ffffff; + border: 1px solid #ced4da; + color: #495057; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #6c757d; +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #e9ecef; + border-color: #ced4da; + color: #495057; +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #6c757d; +} +.p-togglebutton.p-button.p-highlight { + background: #FFC107; + border-color: #FFC107; + color: #212529; +} +.p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #212529; +} +.p-togglebutton.p-button.p-highlight:hover { + background: #ecb100; + border-color: #ecb100; + color: #212529; +} +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #212529; +} + +p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #f44336; +} + +.p-treeselect { + background: #ffffff; + border: 1px solid #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-treeselect:not(.p-disabled):hover { + border-color: #FFC107; +} +.p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; + border-color: #FFC107; +} +.p-treeselect .p-treeselect-label { + padding: 0.5rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-treeselect .p-treeselect-label.p-placeholder { + color: #6c757d; +} +.p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.5rem; + margin-right: 0.5rem; + background: #dee2e6; + color: #495057; + border-radius: 16px; +} +.p-treeselect .p-treeselect-trigger { + background: transparent; + color: #6c757d; + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #f44336; +} + +.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.5rem; +} + +.p-treeselect-panel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 3px; + 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); +} +.p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: #495057; + background: #f8f9fa; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.5rem; + color: #6c757d; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #495057; + border-color: transparent; + background: #e9ecef; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.5rem 1rem; + color: #495057; + background: transparent; +} + +.p-input-filled .p-treeselect { + background: #f8f9fa; +} +.p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #f8f9fa; +} +.p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #ffffff; +} + +p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.5rem; +} +p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #6c757d; + right: 2.357rem; +} + +.p-button { + color: #212529; + background: #FFC107; + border: 1px solid #FFC107; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-button:enabled:hover { + background: #ecb100; + color: #212529; + border-color: #ecb100; +} +.p-button:enabled:active { + background: #d29d00; + color: #212529; + border-color: #d29d00; +} +.p-button.p-button-outlined { + background-color: transparent; + color: #FFC107; + border: 1px solid; +} +.p-button.p-button-outlined:enabled:hover { + background: rgba(255, 193, 7, 0.04); + color: #FFC107; + border: 1px solid; +} +.p-button.p-button-outlined:enabled:active { + background: rgba(255, 193, 7, 0.16); + color: #FFC107; + border: 1px solid; +} +.p-button.p-button-outlined.p-button-plain { + color: #6c757d; + border-color: #6c757d; +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: #e9ecef; + color: #6c757d; +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: #dee2e6; + color: #6c757d; +} +.p-button.p-button-text { + background-color: transparent; + color: #FFC107; + border-color: transparent; +} +.p-button.p-button-text:enabled:hover { + background: rgba(255, 193, 7, 0.04); + color: #FFC107; + border-color: transparent; +} +.p-button.p-button-text:enabled:active { + background: rgba(255, 193, 7, 0.16); + color: #FFC107; + border-color: transparent; +} +.p-button.p-button-text.p-button-plain { + color: #6c757d; +} +.p-button.p-button-text.p-button-plain:enabled:hover { + background: #e9ecef; + color: #6c757d; +} +.p-button.p-button-text.p-button-plain:enabled:active { + background: #dee2e6; + color: #6c757d; +} +.p-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; +} +.p-button .p-button-label { + transition-duration: 0.2s; +} +.p-button .p-button-icon-left { + margin-right: 0.5rem; +} +.p-button .p-button-icon-right { + margin-left: 0.5rem; +} +.p-button .p-button-icon-bottom { + margin-top: 0.5rem; +} +.p-button .p-button-icon-top { + margin-bottom: 0.5rem; +} +.p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #FFC107; + background-color: #212529; +} +.p-button.p-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); +} +.p-button.p-button-rounded { + border-radius: 2rem; +} +.p-button.p-button-icon-only { + width: 2.357rem; + padding: 0.5rem 0; +} +.p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; +} +.p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.357rem; +} +.p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; +} +.p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; +} +.p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; +} +.p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; +} +.p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; +} +.p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; +} + +.p-fluid .p-button { + width: 100%; +} +.p-fluid .p-button-icon-only { + width: 2.357rem; +} +.p-fluid .p-buttonset { + display: flex; +} +.p-fluid .p-buttonset .p-button { + flex: 1; +} + +.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + color: #ffffff; + background: #607D8B; + border: 1px solid #607D8B; +} +.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + background: #56717d; + color: #ffffff; + border-color: #56717d; +} +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #beccd2; +} +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: #4d646f; + color: #ffffff; + border-color: #4d646f; +} +.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + background-color: transparent; + color: #607D8B; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + background: rgba(96, 125, 139, 0.04); + color: #607D8B; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(96, 125, 139, 0.16); + color: #607D8B; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + background-color: transparent; + color: #607D8B; + border-color: transparent; +} +.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + background: rgba(96, 125, 139, 0.04); + border-color: transparent; + color: #607D8B; +} +.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + background: rgba(96, 125, 139, 0.16); + border-color: transparent; + color: #607D8B; +} + +.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #0288D1; + border: 1px solid #0288D1; +} +.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + background: #027abc; + color: #ffffff; + border-color: #027abc; +} +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #89d4fe; +} +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: #026da7; + color: #ffffff; + border-color: #026da7; +} +.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + background-color: transparent; + color: #0288D1; + border: 1px solid; +} +.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + background: rgba(2, 136, 209, 0.04); + color: #0288D1; + border: 1px solid; +} +.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(2, 136, 209, 0.16); + color: #0288D1; + border: 1px solid; +} +.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + background-color: transparent; + color: #0288D1; + border-color: transparent; +} +.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + background: rgba(2, 136, 209, 0.04); + border-color: transparent; + color: #0288D1; +} +.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + background: rgba(2, 136, 209, 0.16); + border-color: transparent; + color: #0288D1; +} + +.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #689F38; + border: 1px solid #689F38; +} +.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + background: #5e8f32; + color: #ffffff; + border-color: #5e8f32; +} +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #c2e0a8; +} +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: #537f2d; + color: #ffffff; + border-color: #537f2d; +} +.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + background-color: transparent; + color: #689F38; + border: 1px solid; +} +.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + background: rgba(104, 159, 56, 0.04); + color: #689F38; + border: 1px solid; +} +.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(104, 159, 56, 0.16); + color: #689F38; + border: 1px solid; +} +.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + background-color: transparent; + color: #689F38; + border-color: transparent; +} +.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + background: rgba(104, 159, 56, 0.04); + border-color: transparent; + color: #689F38; +} +.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + background: rgba(104, 159, 56, 0.16); + border-color: transparent; + color: #689F38; +} + +.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #212529; + background: #FBC02D; + border: 1px solid #FBC02D; +} +.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + background: #fab710; + color: #212529; + border-color: #fab710; +} +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #fde6ab; +} +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: #e8a704; + color: #212529; + border-color: #e8a704; +} +.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + background-color: transparent; + color: #FBC02D; + border: 1px solid; +} +.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + background: rgba(251, 192, 45, 0.04); + color: #FBC02D; + border: 1px solid; +} +.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(251, 192, 45, 0.16); + color: #FBC02D; + border: 1px solid; +} +.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + background-color: transparent; + color: #FBC02D; + border-color: transparent; +} +.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + background: rgba(251, 192, 45, 0.04); + border-color: transparent; + color: #FBC02D; +} +.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + background: rgba(251, 192, 45, 0.16); + border-color: transparent; + color: #FBC02D; +} + +.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #9C27B0; + border: 1px solid #9C27B0; +} +.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + background: #8c239e; + color: #ffffff; + border-color: #8c239e; +} +.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #df9eea; +} +.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: #7d1f8d; + color: #ffffff; + border-color: #7d1f8d; +} +.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + background-color: transparent; + color: #9C27B0; + border: 1px solid; +} +.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + background: rgba(156, 39, 176, 0.04); + color: #9C27B0; + border: 1px solid; +} +.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(156, 39, 176, 0.16); + color: #9C27B0; + border: 1px solid; +} +.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + background-color: transparent; + color: #9C27B0; + border-color: transparent; +} +.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + background: rgba(156, 39, 176, 0.04); + border-color: transparent; + color: #9C27B0; +} +.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + background: rgba(156, 39, 176, 0.16); + border-color: transparent; + color: #9C27B0; +} + +.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #D32F2F; + border: 1px solid #D32F2F; +} +.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + background: #c02929; + color: #ffffff; + border-color: #c02929; +} +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #edacac; +} +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: #aa2424; + color: #ffffff; + border-color: #aa2424; +} +.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + background-color: transparent; + color: #D32F2F; + border: 1px solid; +} +.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + background: rgba(211, 47, 47, 0.04); + color: #D32F2F; + border: 1px solid; +} +.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(211, 47, 47, 0.16); + color: #D32F2F; + border: 1px solid; +} +.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + background-color: transparent; + color: #D32F2F; + border-color: transparent; +} +.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + background: rgba(211, 47, 47, 0.04); + border-color: transparent; + color: #D32F2F; +} +.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} + +.p-button.p-button-link { + color: #d29d00; + background: transparent; + border: transparent; +} +.p-button.p-button-link:enabled:hover { + background: transparent; + color: #d29d00; + border-color: transparent; +} +.p-button.p-button-link:enabled:hover .p-button-label { + text-decoration: underline; +} +.p-button.p-button-link:enabled:focus { + background: transparent; + box-shadow: 0 0 0 0.2rem #ffe69c; + border-color: transparent; +} +.p-button.p-button-link:enabled:active { + background: transparent; + color: #d29d00; + border-color: transparent; +} + +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: #495057; + color: #fff; +} +.p-speeddial-action:hover { + background: #343a40; + color: #fff; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +.p-splitbutton { + border-radius: 3px; +} +.p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #FFC107; + border: 1px solid; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 193, 7, 0.04); + color: #FFC107; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 193, 7, 0.16); + color: #FFC107; +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: #6c757d; + border-color: #6c757d; +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: #e9ecef; + color: #6c757d; +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: #dee2e6; + color: #6c757d; +} +.p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #FFC107; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 193, 7, 0.04); + color: #FFC107; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 193, 7, 0.16); + color: #FFC107; + border-color: transparent; +} +.p-splitbutton.p-button-text.p-button-plain > .p-button { + color: #6c757d; +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: #e9ecef; + color: #6c757d; +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: #dee2e6; + color: #6c757d; +} +.p-splitbutton.p-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); +} +.p-splitbutton.p-button-rounded { + border-radius: 2rem; +} +.p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; +} +.p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; +} +.p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; +} +.p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; +} +.p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; +} + +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #607D8B; + border: 1px solid; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(96, 125, 139, 0.04); + color: #607D8B; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(96, 125, 139, 0.16); + color: #607D8B; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #607D8B; + border-color: transparent; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(96, 125, 139, 0.04); + border-color: transparent; + color: #607D8B; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(96, 125, 139, 0.16); + border-color: transparent; + color: #607D8B; +} + +.p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #0288D1; + border: 1px solid; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(2, 136, 209, 0.04); + color: #0288D1; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(2, 136, 209, 0.16); + color: #0288D1; +} +.p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #0288D1; + border-color: transparent; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(2, 136, 209, 0.04); + border-color: transparent; + color: #0288D1; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(2, 136, 209, 0.16); + border-color: transparent; + color: #0288D1; +} + +.p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #689F38; + border: 1px solid; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(104, 159, 56, 0.04); + color: #689F38; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(104, 159, 56, 0.16); + color: #689F38; +} +.p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #689F38; + border-color: transparent; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(104, 159, 56, 0.04); + border-color: transparent; + color: #689F38; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(104, 159, 56, 0.16); + border-color: transparent; + color: #689F38; +} + +.p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #FBC02D; + border: 1px solid; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(251, 192, 45, 0.04); + color: #FBC02D; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(251, 192, 45, 0.16); + color: #FBC02D; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #FBC02D; + border-color: transparent; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(251, 192, 45, 0.04); + border-color: transparent; + color: #FBC02D; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(251, 192, 45, 0.16); + border-color: transparent; + color: #FBC02D; +} + +.p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #9C27B0; + border: 1px solid; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(156, 39, 176, 0.04); + color: #9C27B0; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(156, 39, 176, 0.16); + color: #9C27B0; +} +.p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #9C27B0; + border-color: transparent; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(156, 39, 176, 0.04); + border-color: transparent; + color: #9C27B0; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(156, 39, 176, 0.16); + border-color: transparent; + color: #9C27B0; +} + +.p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #D32F2F; + border: 1px solid; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(211, 47, 47, 0.04); + color: #D32F2F; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(211, 47, 47, 0.16); + color: #D32F2F; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #D32F2F; + border-color: transparent; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(211, 47, 47, 0.04); + border-color: transparent; + color: #D32F2F; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} + +.p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; +} +.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #495057; + border-color: transparent; + background: #e9ecef; +} +.p-carousel .p-carousel-content .p-carousel-prev:focus, +.p-carousel .p-carousel-content .p-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; +} +.p-carousel .p-carousel-indicators { + padding: 1rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #e9ecef; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #dee2e6; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #FFF3E0; + color: #495057; +} + +.p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-datatable .p-datatable-header { + background: #f8f9fa; + color: #495057; + border: 1px solid #e9ecef; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-datatable .p-datatable-footer { + background: #f8f9fa; + color: #495057; + border: 1px solid #e9ecef; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e9ecef; + border-width: 0 0 1px 0; + font-weight: 600; + color: #495057; + background: #f8f9fa; + transition: box-shadow 0.2s; +} +.p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e9ecef; + border-width: 0 0 1px 0; + font-weight: 600; + color: #495057; + background: #f8f9fa; +} +.p-datatable .p-sortable-column .p-sortable-column-icon { + color: #6c757d; + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #495057; + background: #FFF3E0; + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #6c757d; +} +.p-datatable .p-sortable-column.p-highlight { + background: #f8f9fa; + color: #FFC107; +} +.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #FFC107; +} +.p-datatable .p-sortable-column.p-highlight:hover { + background: #e9ecef; + color: #FFC107; +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #FFC107; +} +.p-datatable .p-sortable-column:focus { + box-shadow: inset 0 0 0 0.15rem #ffe69c; + outline: 0 none; +} +.p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #495057; + transition: box-shadow 0.2s; +} +.p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #e9ecef; + border-width: 0 0 1px 0; + padding: 1rem 1rem; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: #495057; + border-color: transparent; + background: #e9ecef; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; +} +.p-datatable .p-datatable-tbody > tr:focus { + outline: 0.15rem solid #ffe69c; + outline-offset: 0.15rem; +} +.p-datatable .p-datatable-tbody > tr.p-highlight { + background: #FFF3E0; + color: #495057; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #FFF3E0; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #FFF3E0; +} +.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-datatable .p-column-resizer-helper { + background: #FFC107; +} +.p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #f8f9fa; +} +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #f8f9fa; +} +.p-datatable .p-datatable-loading-icon { + font-size: 2rem; +} +.p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #fcfcfc; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #FFF3E0; + color: #495057; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #495057; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #495057; +} +.p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; +} + +.p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-dataview .p-dataview-header { + background: #f8f9fa; + color: #495057; + border: 1px solid #e9ecef; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-dataview .p-dataview-content { + background: #ffffff; + color: #495057; + border: 0 none; + padding: 0; +} +.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { + border: solid #e9ecef; + border-width: 0 0 1px 0; +} +.p-dataview .p-dataview-footer { + background: #f8f9fa; + color: #495057; + border: 1px solid #e9ecef; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +.p-dataview .p-dataview-loading-icon { + font-size: 2rem; +} +.p-dataview .p-dataview-emptymessage { + padding: 1rem; +} + +.p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; +} + +.p-column-filter-menu-button { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-menu-button:hover { + color: #495057; + border-color: transparent; + background: #e9ecef; +} +.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: #e9ecef; + color: #495057; +} +.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #FFF3E0; + color: #495057; +} +.p-column-filter-menu-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; +} + +.p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-clear-button:hover { + color: #495057; + border-color: transparent; + background: #e9ecef; +} +.p-column-filter-clear-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; +} + +.p-column-filter-overlay { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 3px; + 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); + min-width: 12.5rem; +} +.p-column-filter-overlay .p-column-filter-row-items { + padding: 0.5rem 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #495057; + background: #FFF3E0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #495057; + background: #e9ecef; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #ffe69c; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} + +.p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: #495057; + background: #f8f9fa; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1rem; + border-bottom: 1px solid #dee2e6; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; +} +.p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.5rem 1rem; +} +.p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1rem; +} + +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { + background: #f8f9fa; + border: 1px solid #dee2e6; + color: #495057; +} +.fc.fc-unthemed .fc-view-container td.fc-widget-content { + background: #ffffff; + border: 1px solid #dee2e6; + color: #495057; +} +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #dee2e6; +} +.fc.fc-unthemed .fc-view-container .fc-row { + border-right: 1px solid #dee2e6; +} +.fc.fc-unthemed .fc-view-container .fc-event { + background: #ecb100; + border: 1px solid #ecb100; + color: #212529; +} +.fc.fc-unthemed .fc-view-container .fc-divider { + background: #f8f9fa; + border: 1px solid #dee2e6; +} +.fc.fc-unthemed .fc-toolbar .fc-button { + color: #212529; + background: #FFC107; + border: 1px solid #FFC107; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + display: flex; + align-items: center; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { + background: #ecb100; + color: #212529; + border-color: #ecb100; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { + background: #d29d00; + color: #212529; + border-color: #d29d00; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-unthemed .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #ffffff; + border: 1px solid #ced4da; + color: #495057; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #e9ecef; + border-color: #ced4da; + color: #495057; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #FFC107; + border-color: #FFC107; + color: #212529; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #ecb100; + border-color: #ecb100; + color: #212529; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; + z-index: 1; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #dee2e6; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #f8f9fa; + border-color: #dee2e6; + color: #495057; +} +.fc.fc-theme-standard .fc-view-harness td { + color: #495057; + border-color: #dee2e6; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover { + background: none; + border: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { + border: 1px solid #dee2e6; + padding: 1rem; + background: #f8f9fa; + color: #495057; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { + opacity: 1; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; + font-family: "PrimeIcons" !important; + font-size: 1rem; + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { + content: "\e90b"; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { + color: #495057; + border-color: transparent; + background: #e9ecef; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { + padding: 1rem; + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + border-top: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #212529; + background: #ecb100; + border-color: #ecb100; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #212529; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: #ecb100; + border-color: #ecb100; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: #e9ecef; + color: #495057; +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #f8f9fa; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #212529; + background: #FFC107; + border: 1px solid #FFC107; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: #ecb100; + color: #212529; + border-color: #ecb100; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: #d29d00; + color: #212529; + border-color: #d29d00; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.6; + color: #212529; + background: #FFC107; + border: 1px solid #FFC107; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #ffffff; + border: 1px solid #ced4da; + color: #495057; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #e9ecef; + border-color: #ced4da; + color: #495057; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #FFC107; + border-color: #FFC107; + color: #212529; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #ecb100; + border-color: #ecb100; + color: #212529; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.fc.fc-theme-standard a { + color: #495057; +} +.fc.fc-theme-standard .fc-highlight { + color: #495057; + background: #FFF3E0; +} + +.p-orderlist .p-orderlist-controls { + padding: 1rem; +} +.p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; +} +.p-orderlist .p-orderlist-header { + background: #f8f9fa; + color: #495057; + border: 1px solid #dee2e6; + padding: 1rem; + border-bottom: 0 none; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; +} +.p-orderlist .p-orderlist-filter-container { + padding: 1rem; + background: #ffffff; + border: 1px solid #dee2e6; + border-bottom: 0 none; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.5rem; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.5rem; + color: #6c757d; +} +.p-orderlist .p-orderlist-list { + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + padding: 0.5rem 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; +} +.p-orderlist .p-orderlist-list .p-orderlist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #ffe69c; +} +.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #495057; + background: #FFF3E0; +} +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 1rem; + color: #495057; +} +.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #e9ecef; +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: #e9ecef; +} + +.p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 1rem; + 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); + border: 0 none; + color: #495057; + background: #ffffff; + margin: 0; +} + +.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #FFF3E0; + color: #495057; +} +.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #ffc261; +} +.p-organizationchart .p-organizationchart-line-down { + background: #dee2e6; +} +.p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #dee2e6; + border-color: #dee2e6; +} +.p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #dee2e6; + border-color: #dee2e6; +} +.p-organizationchart .p-organizationchart-node-content { + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + padding: 1rem; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; +} + +.p-paginator { + background: #ffffff; + color: #6c757d; + border: solid #e9ecef; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 3px; +} +.p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: #6c757d; + min-width: 2.357rem; + height: 2.357rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: #e9ecef; + border-color: transparent; + color: #495057; +} +.p-paginator .p-paginator-first { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.357rem; +} +.p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; +} +.p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; +} +.p-paginator .p-paginator-page-input .p-inputtext { + max-width: 2.357rem; +} +.p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #6c757d; + min-width: 2.357rem; + height: 2.357rem; + margin: 0.143rem; + padding: 0 0.5rem; +} +.p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #6c757d; + min-width: 2.357rem; + height: 2.357rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #FFF3E0; + border-color: #FFF3E0; + color: #495057; +} +.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #e9ecef; + border-color: transparent; + color: #495057; +} + +.p-picklist .p-picklist-buttons { + padding: 1rem; +} +.p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; +} +.p-picklist .p-picklist-header { + background: #f8f9fa; + color: #495057; + border: 1px solid #dee2e6; + padding: 1rem; + border-bottom: 0 none; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; +} +.p-picklist .p-picklist-filter-container { + padding: 1rem; + background: #ffffff; + border: 1px solid #dee2e6; + border-bottom: 0 none; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.5rem; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.5rem; + color: #6c757d; +} +.p-picklist .p-picklist-list { + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + padding: 0.5rem 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; +} +.p-picklist .p-picklist-list .p-picklist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #ffe69c; +} +.p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #495057; + background: #FFF3E0; +} +.p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 1rem; + color: #495057; +} +.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #e9ecef; +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: #e9ecef; +} + +.p-picklist-item.cdk-drag-preview { + padding: 0.5rem 1rem; + 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); + border: 0 none; + color: #495057; + background: #ffffff; + margin: 0; +} + +.p-timeline .p-timeline-event-marker { + border: 2px solid #FFC107; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #ffffff; +} +.p-timeline .p-timeline-event-connector { + background-color: #dee2e6; +} +.p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; +} +.p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; +} + +.p-tree { + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + padding: 1rem; + border-radius: 3px; +} +.p-tree .p-tree-container .p-treenode { + padding: 0.143rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 3px; + transition: box-shadow 0.2s; + padding: 0; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #495057; + border-color: transparent; + background: #e9ecef; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #6c757d; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #495057; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #ffe69c; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #FFF3E0; + color: #495057; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #495057; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #495057; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #e9ecef; + color: #495057; +} +.p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; +} +.p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.5rem; +} +.p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.5rem; + color: #6c757d; +} +.p-tree .p-treenode-children { + padding: 0 0 0 1rem; +} +.p-tree .p-tree-loading-icon { + font-size: 2rem; +} +.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: #ffce80; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 3px; + border: 1px solid #dee2e6; + background-color: #ffffff; + color: #495057; + padding: 0; + transition: box-shadow 0.2s; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #FFF3E0; + color: #495057; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #495057; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; +} + +.p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-treetable .p-treetable-header { + background: #f8f9fa; + color: #495057; + border: 1px solid #e9ecef; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-treetable .p-treetable-footer { + background: #f8f9fa; + color: #495057; + border: 1px solid #e9ecef; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e9ecef; + border-width: 0 0 1px 0; + font-weight: 600; + color: #495057; + background: #f8f9fa; + transition: box-shadow 0.2s; +} +.p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e9ecef; + border-width: 0 0 1px 0; + font-weight: 600; + color: #495057; + background: #f8f9fa; +} +.p-treetable .p-sortable-column { + outline-color: #ffe69c; +} +.p-treetable .p-sortable-column .p-sortable-column-icon { + color: #6c757d; + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #495057; + background: #FFF3E0; + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #6c757d; +} +.p-treetable .p-sortable-column.p-highlight { + background: #f8f9fa; + color: #FFC107; +} +.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #FFC107; +} +.p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #495057; + transition: box-shadow 0.2s; +} +.p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #e9ecef; + border-width: 0 0 1px 0; + padding: 1rem 1rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #495057; + border-color: transparent; + background: #e9ecef; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #495057; +} +.p-treetable .p-treetable-tbody > tr:focus { + outline: 0.15rem solid #ffe69c; + outline-offset: -0.15rem; +} +.p-treetable .p-treetable-tbody > tr.p-highlight { + background: #FFF3E0; + color: #495057; +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #495057; +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #495057; +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #495057; +} +.p-treetable .p-column-resizer-helper { + background: #FFC107; +} +.p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #f8f9fa; +} +.p-treetable .p-treetable-loading-icon { + font-size: 2rem; +} +.p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.875rem 0.875rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 1.25rem 1.25rem; +} + +.p-virtualscroller .p-virtualscroller-header { + background: #f8f9fa; + color: #495057; + border: 1px solid #e9ecef; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #495057; + border: 0 none; + padding: 0; +} +.p-virtualscroller .p-virtualscroller-footer { + background: #f8f9fa; + color: #495057; + border: 1px solid #e9ecef; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1rem; + border: 1px solid #dee2e6; + color: #495057; + background: #f8f9fa; + font-weight: 600; + border-radius: 3px; + transition: box-shadow 0.2s; +} +.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; +} +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; +} +.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #e9ecef; + border-color: #dee2e6; + color: #495057; +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #f8f9fa; + border-color: #dee2e6; + color: #495057; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #dee2e6; + background: #e9ecef; + color: #495057; +} +.p-accordion .p-accordion-content { + padding: 1rem; + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; +} +.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; +} +.p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; +} +.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 none; +} +.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-top: 0 none; +} +.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +.p-card { + background: #ffffff; + color: #495057; + 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: 3px; +} +.p-card .p-card-body { + padding: 1rem; +} +.p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +.p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #6c757d; +} +.p-card .p-card-content { + padding: 1rem 0; +} +.p-card .p-card-footer { + padding: 1rem 0 0 0; +} + +.p-divider .p-divider-content { + background-color: #ffffff; +} +.p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +.p-divider.p-divider-horizontal:before { + border-top: 1px #dee2e6; +} +.p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; +} +.p-divider.p-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; +} +.p-divider.p-divider-vertical:before { + border-left: 1px #dee2e6; +} +.p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; +} + +.p-fieldset { + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + border-radius: 3px; +} +.p-fieldset .p-fieldset-legend { + padding: 1rem; + border: 1px solid #dee2e6; + color: #495057; + background: #f8f9fa; + font-weight: 600; + border-radius: 3px; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1rem; + color: #495057; + border-radius: 3px; + transition: box-shadow 0.2s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #e9ecef; + border-color: #dee2e6; + color: #495057; +} +.p-fieldset .p-fieldset-content { + padding: 1rem; +} + +.p-panel .p-panel-header { + border: 1px solid #dee2e6; + padding: 1rem; + background: #f8f9fa; + color: #495057; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-panel .p-panel-header .p-panel-title { + font-weight: 600; +} +.p-panel .p-panel-header .p-panel-header-icon { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #495057; + border-color: transparent; + background: #e9ecef; +} +.p-panel .p-panel-header .p-panel-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; +} +.p-panel.p-panel-toggleable .p-panel-header { + padding: 0.5rem 1rem; +} +.p-panel .p-panel-content { + padding: 1rem; + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + border-top: 0 none; +} +.p-panel .p-panel-footer { + padding: 0.5rem 1rem; + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + border-top: 0 none; +} +.p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; +} +.p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; +} +.p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; +} + +.p-scrollpanel .p-scrollpanel-bar { + background: #f8f9fa; + border: 0 none; +} + +.p-splitter { + border: 1px solid #dee2e6; + background: #ffffff; + border-radius: 3px; + color: #495057; +} +.p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: #f8f9fa; +} +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #dee2e6; +} +.p-splitter .p-splitter-gutter-resizing { + background: #dee2e6; +} + +.p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #dee2e6; + border-width: 0 0 2px 0; +} +.p-tabview .p-tabview-nav li { + margin-right: 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #dee2e6; + border-width: 0 0 2px 0; + border-color: transparent transparent #dee2e6 transparent; + background: #ffffff; + color: #6c757d; + padding: 1rem; + font-weight: 600; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #ffe69c; +} +.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #6c757d; + color: #6c757d; +} +.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #FFC107; + color: #FFC107; +} +.p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; +} +.p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-close { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #FFC107; + width: 2.357rem; + 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); + border-radius: 0; +} +.p-tabview .p-tabview-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #ffe69c; +} +.p-tabview .p-tabview-panels { + background: #ffffff; + padding: 1rem; + border: 0 none; + color: #495057; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +.p-toolbar { + background: #f8f9fa; + border: 1px solid #dee2e6; + padding: 1rem; + border-radius: 3px; + gap: 0.5rem; +} +.p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; +} + +.p-confirm-popup { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 3px; + 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); +} +.p-confirm-popup .p-confirm-popup-content { + padding: 1rem; +} +.p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.5rem 1rem; +} +.p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; +} +.p-confirm-popup:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +.p-confirm-popup:before { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +.p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #ffffff; +} +.p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #ffffff; +} +.p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; +} +.p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; +} + +.p-dialog { + border-radius: 3px; + 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; +} +.p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: #495057; + padding: 1.5rem; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.25rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #495057; + border-color: transparent; + background: #e9ecef; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; +} +.p-dialog .p-dialog-content { + background: #ffffff; + color: #495057; + padding: 0 1.5rem 2rem 1.5rem; +} +.p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-dialog .p-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: #495057; + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; +} + +.p-overlaypanel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 3px; + 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); +} +.p-overlaypanel .p-overlaypanel-content { + padding: 1rem; +} +.p-overlaypanel .p-overlaypanel-close { + background: #FFC107; + color: #212529; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + position: absolute; + top: -1rem; + right: -1rem; +} +.p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #ecb100; + color: #212529; +} +.p-overlaypanel:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +.p-overlaypanel:before { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #f2f2f2; +} +.p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #ffffff; +} +.p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #ffffff; +} + +.p-sidebar { + background: #ffffff; + color: #495057; + 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); +} +.p-sidebar .p-sidebar-header { + padding: 1rem; +} +.p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #495057; + border-color: transparent; + background: #e9ecef; +} +.p-sidebar .p-sidebar-header .p-sidebar-close:focus, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; +} +.p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; +} +.p-sidebar .p-sidebar-content { + padding: 1rem; +} +.p-sidebar .p-sidebar-footer { + padding: 1rem; +} + +.p-tooltip .p-tooltip-text { + background: #495057; + color: #ffffff; + padding: 0.5rem 0.5rem; + 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); + border-radius: 3px; +} +.p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #495057; +} +.p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #495057; +} +.p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #495057; +} +.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #495057; +} + +.p-fileupload .p-fileupload-buttonbar { + background: #f8f9fa; + padding: 1rem; + border: 1px solid #dee2e6; + color: #495057; + border-bottom: 0 none; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; +} +.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; +} +.p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 2rem 1rem; + border: 1px solid #dee2e6; + color: #495057; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-fileupload .p-progressbar { + height: 0.25rem; +} +.p-fileupload .p-fileupload-row > div { + padding: 1rem 1rem; +} +.p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; +} + +.p-fileupload-choose:not(.p-disabled):hover { + background: #ecb100; + color: #212529; + border-color: #ecb100; +} +.p-fileupload-choose:not(.p-disabled):active { + background: #d29d00; + color: #212529; + border-color: #d29d00; +} + +.p-breadcrumb { + background: #ffffff; + border: 1px solid #dee2e6; + border-radius: 3px; + padding: 1rem; +} +.p-breadcrumb ul li .p-menuitem-link { + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-breadcrumb ul li .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { + color: #6c757d; +} +.p-breadcrumb ul li.p-breadcrumb-chevron { + margin: 0 0.5rem 0 0.5rem; + color: #495057; +} +.p-breadcrumb ul li:last-child .p-menuitem-text { + color: #495057; +} +.p-breadcrumb ul li:last-child .p-menuitem-icon { + color: #6c757d; +} + +.p-contextmenu { + padding: 0.25rem 0; + background: #ffffff; + color: #495057; + 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); + border-radius: 3px; + width: 12.5rem; +} +.p-contextmenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-contextmenu .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-contextmenu .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-contextmenu .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-contextmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #ffe69c; +} +.p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #ffffff; + 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); + border-radius: 3px; +} +.p-contextmenu .p-menuitem { + margin: 0; +} +.p-contextmenu .p-menuitem:last-child { + margin: 0; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #e9ecef; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-contextmenu .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} +.p-contextmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-contextmenu .p-menuitem-badge { + background: #FFC107; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + +@media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } +} +.p-megamenu { + padding: 0.5rem; + background: #f8f9fa; + color: #495057; + border: 1px solid #dee2e6; + border-radius: 3px; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: #495057; + border-radius: 3px; + transition: box-shadow 0.2s; + user-select: none; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #6c757d; + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #ffe69c; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-megamenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-megamenu .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-megamenu .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-megamenu .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-megamenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #ffe69c; +} +.p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #495057; + 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); +} +.p-megamenu .p-megamenu-submenu-header { + margin: 0; + padding: 0.75rem 1rem; + color: #495057; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-megamenu .p-megamenu-submenu { + padding: 0.25rem 0; + width: 12.5rem; +} +.p-megamenu .p-megamenu-submenu .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem { + margin: 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #e9ecef; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem { + margin: 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem-badge { + background: #FFC107; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menu { + padding: 0.25rem 0; + background: #ffffff; + color: #495057; + border: 1px solid #dee2e6; + border-radius: 3px; + width: 12.5rem; +} +.p-menu .p-menuitem-link { + padding: 0.75rem 1rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menu .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-menu .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-menu .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-menu .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-menu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #ffe69c; +} +.p-menu.p-menu-overlay { + background: #ffffff; + 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); +} +.p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem 1rem; + color: #495057; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.p-menu .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} +.p-menu .p-menuitem { + margin: 0; +} +.p-menu .p-menuitem:last-child { + margin: 0; +} +.p-menu .p-menuitem-badge { + background: #FFC107; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menubar { + padding: 0.5rem; + background: #f8f9fa; + color: #495057; + border: 1px solid #dee2e6; + border-radius: 3px; +} +.p-menubar .p-menuitem-link { + padding: 0.75rem 1rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menubar .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-menubar .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-menubar .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-menubar .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #ffe69c; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: #495057; + border-radius: 3px; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #6c757d; + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #ffe69c; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-menubar .p-submenu-list { + padding: 0.25rem 0; + background: #ffffff; + 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); + width: 12.5rem; +} +.p-menubar .p-submenu-list .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} +.p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; +} +.p-menubar .p-submenu-list .p-menuitem { + margin: 0; +} +.p-menubar .p-submenu-list .p-menuitem:last-child { + margin: 0; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #e9ecef; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-menubar .p-menuitem-badge { + background: #FFC107; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +@media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 2rem; + height: 2rem; + color: #6c757d; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #6c757d; + background: #e9ecef; + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0; + background: #ffffff; + 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); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #6c757d; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #ffe69c; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } +} +.p-panelmenu .p-panelmenu-header > a { + padding: 1rem; + border: 1px solid #dee2e6; + color: #495057; + background: #f8f9fa; + font-weight: 600; + border-radius: 3px; + transition: box-shadow 0.2s; +} +.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; +} +.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + background: #e9ecef; + border-color: #dee2e6; + color: #495057; +} +.p-panelmenu .p-panelmenu-header.p-highlight { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight > a { + background: #f8f9fa; + border-color: #dee2e6; + color: #495057; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + border-color: #dee2e6; + background: #e9ecef; + color: #495057; +} +.p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0; + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + margin-bottom: 0; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { + padding: 0.75rem 1rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #ffe69c; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { + padding: 0 0 0 1rem; +} +.p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { + border-radius: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; +} +.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { + border-top: 0 none; +} +.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { + border-top: 0 none; +} +.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-panelmenu .p-menuitem-badge { + background: #FFC107; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-slidemenu { + padding: 0.25rem 0; + background: #ffffff; + color: #495057; + border: 1px solid #dee2e6; + border-radius: 3px; + width: 12.5rem; +} +.p-slidemenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-slidemenu .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-slidemenu .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-slidemenu .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-slidemenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #ffe69c; +} +.p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + 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); +} +.p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0; + background: #ffffff; + 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); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { + background: #e9ecef; +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { + color: #495057; +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { + color: #6c757d; +} +.p-slidemenu .p-slidemenu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} +.p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; +} +.p-slidemenu .p-slidemenu-backward { + padding: 0.75rem 1rem; + color: #495057; +} +.p-slidemenu .p-menuitem-badge { + background: #FFC107; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: box-shadow 0.2s; + border-radius: 3px; + background: #ffffff; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #495057; + border: 1px solid #e9ecef; + background: #ffffff; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: #6c757d; +} +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; +} +.p-steps .p-steps-item.p-highlight .p-steps-number { + background: #FFF3E0; + color: #495057; +} +.p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 600; + color: #495057; +} +.p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #dee2e6; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; +} + +.p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: 1px solid #dee2e6; + border-width: 0 0 2px 0; +} +.p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #FFC107; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #dee2e6; + border-width: 0 0 2px 0; + border-color: transparent transparent #dee2e6 transparent; + background: #ffffff; + color: #6c757d; + padding: 1rem; + font-weight: 600; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #ffe69c; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #6c757d; + color: #6c757d; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #FFC107; + color: #FFC107; +} +.p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #ffffff; + color: #FFC107; + width: 2.357rem; + 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); + border-radius: 0; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #ffe69c; +} + +.p-tieredmenu { + padding: 0.25rem 0; + background: #ffffff; + color: #495057; + border: 1px solid #dee2e6; + border-radius: 3px; + width: 12.5rem; +} +.p-tieredmenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-tieredmenu .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-tieredmenu .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-tieredmenu .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-tieredmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #ffe69c; +} +.p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + 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); +} +.p-tieredmenu .p-submenu-list { + padding: 0.25rem 0; + background: #ffffff; + 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); +} +.p-tieredmenu .p-menuitem { + margin: 0; +} +.p-tieredmenu .p-menuitem:last-child { + margin: 0; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #e9ecef; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-tieredmenu .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} +.p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-tieredmenu .p-menuitem-badge { + background: #FFC107; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-inline-message { + padding: 0.5rem 0.5rem; + margin: 0; + border-radius: 3px; +} +.p-inline-message.p-inline-message-info { + background: #B3E5FC; + border: solid #0891cf; + border-width: 0px; + color: #044868; +} +.p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #044868; +} +.p-inline-message.p-inline-message-success { + background: #C8E6C9; + border: solid #439446; + border-width: 0px; + color: #224a23; +} +.p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #224a23; +} +.p-inline-message.p-inline-message-warn { + background: #FFECB3; + border: solid #d9a300; + border-width: 0px; + color: #6d5100; +} +.p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #6d5100; +} +.p-inline-message.p-inline-message-error { + background: #FFCDD2; + border: solid #e60017; + border-width: 0px; + color: #73000c; +} +.p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #73000c; +} +.p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; +} +.p-inline-message .p-inline-message-text { + font-size: 1rem; +} +.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; +} + +.p-message { + margin: 1rem 0; + border-radius: 3px; +} +.p-message .p-message-wrapper { + padding: 1rem 1.5rem; +} +.p-message .p-message-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-message .p-message-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; +} +.p-message.p-message-info { + background: #B3E5FC; + border: solid #0891cf; + border-width: 0 0 0 6px; + color: #044868; +} +.p-message.p-message-info .p-message-icon { + color: #044868; +} +.p-message.p-message-info .p-message-close { + color: #044868; +} +.p-message.p-message-success { + background: #C8E6C9; + border: solid #439446; + border-width: 0 0 0 6px; + color: #224a23; +} +.p-message.p-message-success .p-message-icon { + color: #224a23; +} +.p-message.p-message-success .p-message-close { + color: #224a23; +} +.p-message.p-message-warn { + background: #FFECB3; + border: solid #d9a300; + border-width: 0 0 0 6px; + color: #6d5100; +} +.p-message.p-message-warn .p-message-icon { + color: #6d5100; +} +.p-message.p-message-warn .p-message-close { + color: #6d5100; +} +.p-message.p-message-error { + background: #FFCDD2; + border: solid #e60017; + border-width: 0 0 0 6px; + color: #73000c; +} +.p-message.p-message-error .p-message-icon { + color: #73000c; +} +.p-message.p-message-error .p-message-close { + color: #73000c; +} +.p-message .p-message-text { + font-size: 1rem; + font-weight: 500; +} +.p-message .p-message-icon { + font-size: 1.5rem; + margin-right: 0.5rem; +} +.p-message .p-message-summary { + font-weight: 700; +} +.p-message .p-message-detail { + margin-left: 0.5rem; +} + +.p-toast { + opacity: 0.9; +} +.p-toast .p-toast-message { + margin: 0 0 1rem 0; + 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); + border-radius: 3px; +} +.p-toast .p-toast-message .p-toast-message-content { + padding: 1rem; + border-width: 0 0 0 6px; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 1rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 2rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 700; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; +} +.p-toast .p-toast-message .p-toast-icon-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-toast .p-toast-message .p-toast-icon-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; +} +.p-toast .p-toast-message.p-toast-message-info { + background: #B3E5FC; + border: solid #0891cf; + border-width: 0 0 0 6px; + color: #044868; +} +.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #044868; +} +.p-toast .p-toast-message.p-toast-message-success { + background: #C8E6C9; + border: solid #439446; + border-width: 0 0 0 6px; + color: #224a23; +} +.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #224a23; +} +.p-toast .p-toast-message.p-toast-message-warn { + background: #FFECB3; + border: solid #d9a300; + border-width: 0 0 0 6px; + color: #6d5100; +} +.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #6d5100; +} +.p-toast .p-toast-message.p-toast-message-error { + background: #FFCDD2; + border: solid #e60017; + border-width: 0 0 0 6px; + color: #73000c; +} +.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #73000c; +} + +.p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-item-nav { + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 3px; + margin: 0 0.5rem; +} +.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f8f9fa; + padding: 1rem; +} +.p-galleria .p-galleria-indicators { + padding: 1rem; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #e9ecef; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #dee2e6; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #FFF3E0; + color: #495057; +} +.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; +} +.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #FFF3E0; + color: #495057; +} +.p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f8f9fa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; +} + +.p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-preview-indicator { + background-color: transparent; + color: #f8f9fa; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} + +.p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); +} + +.p-image-toolbar { + padding: 1rem; +} + +.p-image-action.p-link { + color: #f8f9fa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-image-action.p-link:last-child { + margin-right: 0; +} +.p-image-action.p-link:hover { + color: #f8f9fa; + background-color: rgba(255, 255, 255, 0.1); +} +.p-image-action.p-link i { + font-size: 1.5rem; +} + +.p-avatar { + background-color: #dee2e6; + border-radius: 3px; +} +.p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +.p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; +} +.p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +.p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; +} + +.p-avatar-group .p-avatar { + border: 2px solid #ffffff; +} + +.p-badge { + background: #FFC107; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +.p-badge.p-badge-secondary { + background-color: #607D8B; + color: #ffffff; +} +.p-badge.p-badge-success { + background-color: #689F38; + color: #ffffff; +} +.p-badge.p-badge-info { + background-color: #0288D1; + color: #ffffff; +} +.p-badge.p-badge-warning { + background-color: #FBC02D; + color: #212529; +} +.p-badge.p-badge-danger { + background-color: #D32F2F; + color: #ffffff; +} +.p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +.p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} + +.p-chip { + background-color: #dee2e6; + color: #495057; + border-radius: 16px; + padding: 0 0.5rem; +} +.p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} +.p-chip .p-chip-icon { + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; +} +.p-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.5rem; + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; +} + +.p-inplace .p-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-inplace .p-inplace-display:not(.p-disabled):hover { + background: #e9ecef; + color: #495057; +} +.p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; +} + +.p-progressbar { + border: 0 none; + height: 1.5rem; + background: #dee2e6; + border-radius: 3px; +} +.p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #FFC107; +} +.p-progressbar .p-progressbar-label { + color: #212529; + line-height: 1.5rem; +} + +.p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + 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); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-scrolltop.p-link { + background: rgba(0, 0, 0, 0.7); +} +.p-scrolltop.p-link:hover { + background: rgba(0, 0, 0, 0.8); +} +.p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #f8f9fa; +} + +.p-skeleton { + background-color: #e9ecef; + border-radius: 3px; +} +.p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); +} + +.p-tag { + background: #FFC107; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 3px; +} +.p-tag.p-tag-success { + background-color: #689F38; + color: #ffffff; +} +.p-tag.p-tag-info { + background-color: #0288D1; + color: #ffffff; +} +.p-tag.p-tag-warning { + background-color: #FBC02D; + color: #212529; +} +.p-tag.p-tag-danger { + background-color: #D32F2F; + color: #ffffff; +} +.p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +.p-terminal { + background: #ffffff; + color: #495057; + border: 1px solid #dee2e6; + padding: 1rem; +} +.p-terminal .p-terminal-input { + font-size: 1rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; +} + +/* Customizations to the designer theme should be defined here */ +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #FFC107; +} + +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #FFC107; +} + +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #FFC107; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #FFC107; +} diff --git a/assets/layout/styles/theme/saga-orange/theme.css.br b/assets/layout/styles/theme/saga-orange/theme.css.br new file mode 100644 index 0000000..bd6e05c Binary files /dev/null and b/assets/layout/styles/theme/saga-orange/theme.css.br differ diff --git a/assets/layout/styles/theme/saga-orange/theme.css.gz b/assets/layout/styles/theme/saga-orange/theme.css.gz new file mode 100644 index 0000000..96fc0d3 Binary files /dev/null and b/assets/layout/styles/theme/saga-orange/theme.css.gz differ diff --git a/assets/layout/styles/theme/saga-purple/theme.css b/assets/layout/styles/theme/saga-purple/theme.css new file mode 100644 index 0000000..16e7387 --- /dev/null +++ b/assets/layout/styles/theme/saga-purple/theme.css @@ -0,0 +1,6304 @@ +:root { + --surface-a:#ffffff; + --surface-b:#f8f9fa; + --surface-c:#e9ecef; + --surface-d:#dee2e6; + --surface-e:#ffffff; + --surface-f:#ffffff; + --text-color:#495057; + --text-color-secondary:#6c757d; + --primary-color:#9C27B0; + --primary-color-text:#ffffff; + --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --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:3px; + --surface-ground:#f8f9fa; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#dee2e6; + --surface-hover: #e9ecef; + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 0.2rem #df9eea; + color-scheme: light; +} + +* { + box-sizing: border-box; +} + +.p-component { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + font-weight: normal; +} + +.p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; +} + +.p-disabled, .p-component:disabled { + opacity: 0.6; +} + +.p-error { + color: #f44336; +} + +.p-text-secondary { + color: #6c757d; +} + +.pi { + font-size: 1rem; +} + +.p-link { + font-size: 1rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + border-radius: 3px; +} +.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; +} + +.p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; +} + +.p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; +} + +@keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } +} +@keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } +} + +: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:#f6fbf6; + --green-100:#d4ecd5; + --green-200:#b2ddb4; + --green-300:#90cd93; + --green-400:#6ebe71; + --green-500:#4caf50; + --green-600:#419544; + --green-700:#357b38; + --green-800:#2a602c; + --green-900:#1e4620; + --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:#f5f6fb; + --indigo-100:#d1d5ed; + --indigo-200:#acb4df; + --indigo-300:#8893d1; + --indigo-400:#6372c3; + --indigo-500:#3f51b5; + --indigo-600:#36459a; + --indigo-700:#2c397f; + --indigo-800:#232d64; + --indigo-900:#192048; + --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:#fff8f2; + --orange-100:#fde0c2; + --orange-200:#fbc791; + --orange-300:#f9ae61; + --orange-400:#f79530; + --orange-500:#f57c00; + --orange-600:#d06900; + --orange-700:#ac5700; + --orange-800:#874400; + --orange-900:#623200; + --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:#fff5f5; + --red-100:#ffd1ce; + --red-200:#ffada7; + --red-300:#ff8980; + --red-400:#ff6459; + --red-500:#ff4032; + --red-600:#d9362b; + --red-700:#b32d23; + --red-800:#8c231c; + --red-900:#661a14; + --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; +} + +.p-autocomplete .p-autocomplete-loader { + right: 0.5rem; +} +.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 2.857rem; +} +.p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; + gap: 0.5rem; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + border-color: #9C27B0; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; + border-color: #9C27B0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.25rem 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #495057; + padding: 0; + margin: 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.5rem; + background: #F3E5F5; + color: #495057; + border-radius: 3px; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; +} + +p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f44336; +} + +.p-autocomplete-panel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 3px; + 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); +} +.p-autocomplete-panel .p-autocomplete-items { + padding: 0.5rem 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { + color: #495057; + background: #e9ecef; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #495057; + background: #F3E5F5; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 1rem; + color: #495057; + background: transparent; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: #495057; + background: #ffffff; + font-weight: 600; +} + +p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2rem; +} +p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #6c757d; + right: 0.5rem; +} + +p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #6c757d; + right: 2.857rem; +} + +p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #f44336; +} + +.p-datepicker { + padding: 0.5rem; + background: #ffffff; + color: #495057; + border: 1px solid #ced4da; + border-radius: 3px; +} +.p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + 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); +} +.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; +} +.p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: #495057; + background: #ffffff; + font-weight: 600; + margin: 0; + border-bottom: 1px solid #dee2e6; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #495057; + border-color: transparent; + background: #e9ecef; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; +} +.p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 2rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #495057; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + font-weight: 600; + padding: 0.5rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #9C27B0; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; +} +.p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0; +} +.p-datepicker table th { + padding: 0.5rem; +} +.p-datepicker table th > span { + width: 2.5rem; + height: 2.5rem; +} +.p-datepicker table td { + padding: 0.5rem; +} +.p-datepicker table td > span { + width: 2.5rem; + height: 2.5rem; + border-radius: 50%; + transition: box-shadow 0.2s; + border: 1px solid transparent; +} +.p-datepicker table td > span.p-highlight { + color: #495057; + background: #F3E5F5; +} +.p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; +} +.p-datepicker table td.p-datepicker-today > span { + background: #ced4da; + color: #495057; + border-color: transparent; +} +.p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #495057; + background: #F3E5F5; +} +.p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #dee2e6; +} +.p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; +} +.p-datepicker .p-timepicker { + border-top: 1px solid #dee2e6; + padding: 0.5rem; +} +.p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-timepicker button:enabled:hover { + color: #495057; + border-color: transparent; + background: #e9ecef; +} +.p-datepicker .p-timepicker button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; +} +.p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; +} +.p-datepicker .p-timepicker span { + font-size: 1.25rem; +} +.p-datepicker .p-timepicker > div { + padding: 0 0.5rem; +} +.p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; +} +.p-datepicker .p-monthpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.5rem; + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #495057; + background: #F3E5F5; +} +.p-datepicker .p-yearpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.5rem; + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #495057; + background: #F3E5F5; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #dee2e6; + padding-right: 0.5rem; + padding-left: 0.5rem; + padding-top: 0; + padding-bottom: 0; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: #e9ecef; +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: #e9ecef; +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: #e9ecef; +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; +} + +p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2rem; +} +p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #6c757d; + right: 0.5rem; +} + +p-calendar.p-calendar-clearable.p-calendar-w-btn .p-calendar-clear-icon { + color: #6c757d; + right: 2.857rem; +} + +@media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } +} +.p-cascadeselect { + background: #ffffff; + border: 1px solid #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-cascadeselect:not(.p-disabled):hover { + border-color: #9C27B0; +} +.p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; + border-color: #9C27B0; +} +.p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.5rem; +} +.p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #6c757d; +} +.p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #6c757d; + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-cascadeselect-panel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 3px; + 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); +} +.p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.5rem 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 1rem; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #df9eea; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #495057; + background: #F3E5F5; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #495057; + background: #e9ecef; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; +} + +p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f44336; +} + +.p-input-filled .p-cascadeselect { + background: #f8f9fa; +} +.p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #f8f9fa; +} +.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #ffffff; +} + +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.5rem; +} +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #6c757d; + right: 2.357rem; +} + +.p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; +} +.p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); +} + +.p-checkbox { + width: 20px; + height: 20px; +} +.p-checkbox .p-checkbox-box { + border: 2px solid #ced4da; + background: #ffffff; + width: 20px; + height: 20px; + color: #495057; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #ffffff; + font-size: 14px; +} +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #9C27B0; + background: #9C27B0; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #9C27B0; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; + border-color: #9C27B0; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #7d1f8d; + background: #7d1f8d; + color: #ffffff; +} + +p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f44336; +} + +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f8f9fa; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #9C27B0; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f8f9fa; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #7d1f8d; +} + +.p-checkbox-label { + margin-left: 0.5rem; +} + +.p-chips .p-chips-multiple-container { + padding: 0.25rem 0.5rem; + gap: 0.5rem; +} +.p-chips .p-chips-multiple-container:not(.p-disabled):hover { + border-color: #9C27B0; +} +.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; + border-color: #9C27B0; +} +.p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.5rem; + background: #F3E5F5; + color: #495057; + border-radius: 3px; +} +.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; +} +.p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.25rem 0; +} +.p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #495057; + padding: 0; + margin: 0; +} + +p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #f44336; +} + +p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.5rem; +} +p-chips.p-chips-clearable .p-chips-clear-icon { + color: #6c757d; + right: 0.5rem; +} + +.p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; +} + +.p-colorpicker-panel { + background: #323232; + border: 1px solid #191919; +} +.p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; +} + +.p-colorpicker-overlay-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); +} + +.p-dropdown { + background: #ffffff; + border: 1px solid #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-dropdown:not(.p-disabled):hover { + border-color: #9C27B0; +} +.p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; + border-color: #9C27B0; +} +.p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.5rem; +} +.p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; +} +.p-dropdown .p-dropdown-label.p-placeholder { + color: #6c757d; +} +.p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-dropdown .p-dropdown-trigger { + background: transparent; + color: #6c757d; + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.p-dropdown .p-dropdown-clear-icon { + color: #6c757d; + right: 2.357rem; +} + +.p-dropdown-panel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 3px; + 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); +} +.p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: #495057; + background: #f8f9fa; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.5rem; + margin-right: -1.5rem; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.5rem; + color: #6c757d; +} +.p-dropdown-panel .p-dropdown-items { + padding: 0.5rem 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #495057; + background: #F3E5F5; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #495057; + background: #e9ecef; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1rem; + color: #495057; + background: transparent; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: #495057; + background: #ffffff; + font-weight: 600; +} + +p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #f44336; +} + +.p-input-filled .p-dropdown { + background: #f8f9fa; +} +.p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #f8f9fa; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #ffffff; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; +} + +.p-editor-container .p-editor-toolbar { + background: #f8f9fa; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #dee2e6; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #6c757d; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #6c757d; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #6c757d; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + 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); + border-radius: 3px; + padding: 0.5rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #495057; + background: #e9ecef; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #dee2e6; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #495057; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #495057; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #495057; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #495057; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #9C27B0; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #9C27B0; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #9C27B0; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #9C27B0; +} + +.p-inputgroup-addon { + background: #e9ecef; + color: #6c757d; + border-top: 1px solid #ced4da; + border-left: 1px solid #ced4da; + border-bottom: 1px solid #ced4da; + padding: 0.5rem 0.5rem; + min-width: 2.357rem; +} +.p-inputgroup-addon:last-child { + border-right: 1px solid #ced4da; +} + +.p-inputgroup > .p-component, +.p-inputgroup > .p-element, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; +} +.p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-element + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; +} +.p-inputgroup > .p-component:focus, +.p-inputgroup > .p-element:focus, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; +} +.p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-element:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; +} + +.p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} + +.p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} + +.p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-fluid .p-inputgroup .p-button { + width: auto; +} +.p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.357rem; +} + +p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #f44336; +} + +p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2rem; +} +p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #6c757d; + right: 0.5rem; +} + +p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #f44336; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #6c757d; + right: 0.5rem; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 2.857rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 2.857rem; +} + +.p-inputswitch { + width: 3rem; + height: 1.75rem; +} +.p-inputswitch .p-inputswitch-slider { + background: #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; +} +.p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition-duration: 0.2s; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1.25rem); +} +.p-inputswitch.p-focus .p-inputswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; +} +.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #b6bfc8; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #9C27B0; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; +} +.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #8c239e; +} + +p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + border-color: #f44336; +} + +.p-inputtext { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #495057; + background: #ffffff; + padding: 0.5rem 0.5rem; + border: 1px solid #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + appearance: none; + border-radius: 3px; +} +.p-inputtext:enabled:hover { + border-color: #9C27B0; +} +.p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; + border-color: #9C27B0; +} +.p-inputtext.ng-dirty.ng-invalid { + border-color: #f44336; +} +.p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.4375rem; +} +.p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.625rem; +} + +.p-float-label > label { + left: 0.5rem; + color: #6c757d; + transition-duration: 0.2s; +} + +.p-float-label > .ng-invalid.ng-dirty + label { + color: #f44336; +} + +.p-input-icon-left > i:first-of-type { + left: 0.5rem; + color: #6c757d; +} + +.p-input-icon-left > .p-inputtext { + padding-left: 2rem; +} + +.p-input-icon-left.p-float-label > label { + left: 2rem; +} + +.p-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #6c757d; +} + +.p-input-icon-right > .p-inputtext { + padding-right: 2rem; +} + +::-webkit-input-placeholder { + color: #6c757d; +} + +:-moz-placeholder { + color: #6c757d; +} + +::-moz-placeholder { + color: #6c757d; +} + +:-ms-input-placeholder { + color: #6c757d; +} + +.p-input-filled .p-inputtext { + background-color: #f8f9fa; +} +.p-input-filled .p-inputtext:enabled:hover { + background-color: #f8f9fa; +} +.p-input-filled .p-inputtext:enabled:focus { + background-color: #ffffff; +} + +.p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.4375rem; +} + +.p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.625rem; +} + +.p-listbox { + background: #ffffff; + color: #495057; + border: 1px solid #ced4da; + border-radius: 3px; +} +.p-listbox .p-listbox-header { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: #495057; + background: #f8f9fa; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.5rem; +} +.p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.5rem; + color: #6c757d; +} +.p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list { + padding: 0.5rem 0; +} +.p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: #495057; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #495057; + background: #F3E5F5; +} +.p-listbox .p-listbox-list .p-listbox-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #df9eea; +} +.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: #495057; + background: #ffffff; + font-weight: 600; +} +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 1rem; + color: #495057; + background: transparent; +} +.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #495057; + background: #e9ecef; +} + +p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #f44336; +} + +.p-multiselect { + background: #ffffff; + border: 1px solid #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-multiselect:not(.p-disabled):hover { + border-color: #9C27B0; +} +.p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; + border-color: #9C27B0; +} +.p-multiselect .p-multiselect-label { + padding: 0.5rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-multiselect .p-multiselect-label.p-placeholder { + color: #6c757d; +} +.p-multiselect.p-multiselect-chip .p-multiselect-label { + gap: 0.5rem; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.5rem; + background: #F3E5F5; + color: #495057; + border-radius: 3px; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; +} +.p-multiselect .p-multiselect-trigger { + background: transparent; + color: #6c757d; + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.5rem; +} + +.p-multiselect-panel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 3px; + 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); +} +.p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: #495057; + background: #f8f9fa; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.5rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.5rem; + color: #6c757d; +} +.p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #495057; + border-color: transparent; + background: #e9ecef; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; +} +.p-multiselect-panel .p-multiselect-items { + padding: 0.5rem 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #495057; + background: #F3E5F5; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #495057; + background: #e9ecef; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #df9eea; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: #495057; + background: #ffffff; + font-weight: 600; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 1rem; + color: #495057; + background: transparent; +} + +p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f44336; +} + +.p-input-filled .p-multiselect { + background: #f8f9fa; +} +.p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #f8f9fa; +} +.p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #ffffff; +} + +p-multiselect.p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.5rem; +} +p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { + color: #6c757d; + right: 2.357rem; +} + +p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #f44336; +} + +.p-password-panel { + padding: 1rem; + background: #ffffff; + color: #495057; + 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); + border-radius: 3px; +} +.p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #dee2e6; +} +.p-password-panel .p-password-meter .p-password-strength.weak { + background: #D32F2F; +} +.p-password-panel .p-password-meter .p-password-strength.medium { + background: #FBC02D; +} +.p-password-panel .p-password-meter .p-password-strength.strong { + background: #689F38; +} + +p-password.p-password-clearable .p-password-input { + padding-right: 2rem; +} +p-password.p-password-clearable .p-password-clear-icon { + color: #6c757d; + right: 0.5rem; +} + +p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 3.5rem; +} +p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #6c757d; + right: 2rem; +} + +.p-radiobutton { + width: 20px; + height: 20px; +} +.p-radiobutton .p-radiobutton-box { + border: 2px solid #ced4da; + background: #ffffff; + width: 20px; + height: 20px; + color: #495057; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #9C27B0; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; + border-color: #9C27B0; +} +.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 12px; + height: 12px; + transition-duration: 0.2s; + background-color: #ffffff; +} +.p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #9C27B0; + background: #9C27B0; +} +.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #7d1f8d; + background: #7d1f8d; + color: #ffffff; +} + +p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #f44336; +} + +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f8f9fa; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f8f9fa; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #9C27B0; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #7d1f8d; +} + +.p-radiobutton-label { + margin-left: 0.5rem; +} + +.p-rating .p-rating-icon { + color: #495057; + margin-left: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + font-size: 1.143rem; +} +.p-rating .p-rating-icon.p-rating-cancel { + color: #e74c3c; +} +.p-rating .p-rating-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; +} +.p-rating .p-rating-icon:first-child { + margin-left: 0; +} +.p-rating .p-rating-icon.pi-star-fill { + color: #9C27B0; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + color: #9C27B0; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + color: #c0392b; +} + +.p-selectbutton .p-button { + background: #ffffff; + border: 1px solid #ced4da; + color: #495057; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #6c757d; +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #e9ecef; + border-color: #ced4da; + color: #495057; +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #6c757d; +} +.p-selectbutton .p-button.p-highlight { + background: #9C27B0; + border-color: #9C27B0; + color: #ffffff; +} +.p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #ffffff; +} +.p-selectbutton .p-button.p-highlight:hover { + background: #8c239e; + border-color: #8c239e; + color: #ffffff; +} +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; +} + +p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #f44336; +} + +.p-slider { + background: #dee2e6; + border: 0 none; + border-radius: 3px; +} +.p-slider.p-slider-horizontal { + height: 0.286rem; +} +.p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -0.5715rem; + margin-left: -0.5715rem; +} +.p-slider.p-slider-vertical { + width: 0.286rem; +} +.p-slider.p-slider-vertical .p-slider-handle { + margin-left: -0.5715rem; + margin-bottom: -0.5715rem; +} +.p-slider .p-slider-handle { + height: 1.143rem; + width: 1.143rem; + background: #ffffff; + border: 2px solid #9C27B0; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; +} +.p-slider .p-slider-range { + background: #9C27B0; +} +.p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #9C27B0; + border-color: #9C27B0; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; +} + +.p-togglebutton.p-button { + background: #ffffff; + border: 1px solid #ced4da; + color: #495057; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #6c757d; +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #e9ecef; + border-color: #ced4da; + color: #495057; +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #6c757d; +} +.p-togglebutton.p-button.p-highlight { + background: #9C27B0; + border-color: #9C27B0; + color: #ffffff; +} +.p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #ffffff; +} +.p-togglebutton.p-button.p-highlight:hover { + background: #8c239e; + border-color: #8c239e; + color: #ffffff; +} +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; +} + +p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #f44336; +} + +.p-treeselect { + background: #ffffff; + border: 1px solid #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-treeselect:not(.p-disabled):hover { + border-color: #9C27B0; +} +.p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; + border-color: #9C27B0; +} +.p-treeselect .p-treeselect-label { + padding: 0.5rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-treeselect .p-treeselect-label.p-placeholder { + color: #6c757d; +} +.p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.5rem; + margin-right: 0.5rem; + background: #dee2e6; + color: #495057; + border-radius: 16px; +} +.p-treeselect .p-treeselect-trigger { + background: transparent; + color: #6c757d; + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #f44336; +} + +.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.5rem; +} + +.p-treeselect-panel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 3px; + 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); +} +.p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: #495057; + background: #f8f9fa; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.5rem; + color: #6c757d; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #495057; + border-color: transparent; + background: #e9ecef; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.5rem 1rem; + color: #495057; + background: transparent; +} + +.p-input-filled .p-treeselect { + background: #f8f9fa; +} +.p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #f8f9fa; +} +.p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #ffffff; +} + +p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.5rem; +} +p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #6c757d; + right: 2.357rem; +} + +.p-button { + color: #ffffff; + background: #9C27B0; + border: 1px solid #9C27B0; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-button:enabled:hover { + background: #8c239e; + color: #ffffff; + border-color: #8c239e; +} +.p-button:enabled:active { + background: #7d1f8d; + color: #ffffff; + border-color: #7d1f8d; +} +.p-button.p-button-outlined { + background-color: transparent; + color: #9C27B0; + border: 1px solid; +} +.p-button.p-button-outlined:enabled:hover { + background: rgba(156, 39, 176, 0.04); + color: #9C27B0; + border: 1px solid; +} +.p-button.p-button-outlined:enabled:active { + background: rgba(156, 39, 176, 0.16); + color: #9C27B0; + border: 1px solid; +} +.p-button.p-button-outlined.p-button-plain { + color: #6c757d; + border-color: #6c757d; +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: #e9ecef; + color: #6c757d; +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: #dee2e6; + color: #6c757d; +} +.p-button.p-button-text { + background-color: transparent; + color: #9C27B0; + border-color: transparent; +} +.p-button.p-button-text:enabled:hover { + background: rgba(156, 39, 176, 0.04); + color: #9C27B0; + border-color: transparent; +} +.p-button.p-button-text:enabled:active { + background: rgba(156, 39, 176, 0.16); + color: #9C27B0; + border-color: transparent; +} +.p-button.p-button-text.p-button-plain { + color: #6c757d; +} +.p-button.p-button-text.p-button-plain:enabled:hover { + background: #e9ecef; + color: #6c757d; +} +.p-button.p-button-text.p-button-plain:enabled:active { + background: #dee2e6; + color: #6c757d; +} +.p-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; +} +.p-button .p-button-label { + transition-duration: 0.2s; +} +.p-button .p-button-icon-left { + margin-right: 0.5rem; +} +.p-button .p-button-icon-right { + margin-left: 0.5rem; +} +.p-button .p-button-icon-bottom { + margin-top: 0.5rem; +} +.p-button .p-button-icon-top { + margin-bottom: 0.5rem; +} +.p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #9C27B0; + background-color: #ffffff; +} +.p-button.p-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); +} +.p-button.p-button-rounded { + border-radius: 2rem; +} +.p-button.p-button-icon-only { + width: 2.357rem; + padding: 0.5rem 0; +} +.p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; +} +.p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.357rem; +} +.p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; +} +.p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; +} +.p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; +} +.p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; +} +.p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; +} +.p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; +} + +.p-fluid .p-button { + width: 100%; +} +.p-fluid .p-button-icon-only { + width: 2.357rem; +} +.p-fluid .p-buttonset { + display: flex; +} +.p-fluid .p-buttonset .p-button { + flex: 1; +} + +.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + color: #ffffff; + background: #607D8B; + border: 1px solid #607D8B; +} +.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + background: #56717d; + color: #ffffff; + border-color: #56717d; +} +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #beccd2; +} +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: #4d646f; + color: #ffffff; + border-color: #4d646f; +} +.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + background-color: transparent; + color: #607D8B; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + background: rgba(96, 125, 139, 0.04); + color: #607D8B; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(96, 125, 139, 0.16); + color: #607D8B; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + background-color: transparent; + color: #607D8B; + border-color: transparent; +} +.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + background: rgba(96, 125, 139, 0.04); + border-color: transparent; + color: #607D8B; +} +.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + background: rgba(96, 125, 139, 0.16); + border-color: transparent; + color: #607D8B; +} + +.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #0288D1; + border: 1px solid #0288D1; +} +.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + background: #027abc; + color: #ffffff; + border-color: #027abc; +} +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #89d4fe; +} +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: #026da7; + color: #ffffff; + border-color: #026da7; +} +.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + background-color: transparent; + color: #0288D1; + border: 1px solid; +} +.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + background: rgba(2, 136, 209, 0.04); + color: #0288D1; + border: 1px solid; +} +.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(2, 136, 209, 0.16); + color: #0288D1; + border: 1px solid; +} +.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + background-color: transparent; + color: #0288D1; + border-color: transparent; +} +.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + background: rgba(2, 136, 209, 0.04); + border-color: transparent; + color: #0288D1; +} +.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + background: rgba(2, 136, 209, 0.16); + border-color: transparent; + color: #0288D1; +} + +.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #689F38; + border: 1px solid #689F38; +} +.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + background: #5e8f32; + color: #ffffff; + border-color: #5e8f32; +} +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #c2e0a8; +} +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: #537f2d; + color: #ffffff; + border-color: #537f2d; +} +.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + background-color: transparent; + color: #689F38; + border: 1px solid; +} +.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + background: rgba(104, 159, 56, 0.04); + color: #689F38; + border: 1px solid; +} +.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(104, 159, 56, 0.16); + color: #689F38; + border: 1px solid; +} +.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + background-color: transparent; + color: #689F38; + border-color: transparent; +} +.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + background: rgba(104, 159, 56, 0.04); + border-color: transparent; + color: #689F38; +} +.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + background: rgba(104, 159, 56, 0.16); + border-color: transparent; + color: #689F38; +} + +.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #212529; + background: #FBC02D; + border: 1px solid #FBC02D; +} +.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + background: #fab710; + color: #212529; + border-color: #fab710; +} +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #fde6ab; +} +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: #e8a704; + color: #212529; + border-color: #e8a704; +} +.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + background-color: transparent; + color: #FBC02D; + border: 1px solid; +} +.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + background: rgba(251, 192, 45, 0.04); + color: #FBC02D; + border: 1px solid; +} +.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(251, 192, 45, 0.16); + color: #FBC02D; + border: 1px solid; +} +.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + background-color: transparent; + color: #FBC02D; + border-color: transparent; +} +.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + background: rgba(251, 192, 45, 0.04); + border-color: transparent; + color: #FBC02D; +} +.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + background: rgba(251, 192, 45, 0.16); + border-color: transparent; + color: #FBC02D; +} + +.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #9C27B0; + border: 1px solid #9C27B0; +} +.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + background: #8c239e; + color: #ffffff; + border-color: #8c239e; +} +.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #df9eea; +} +.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: #7d1f8d; + color: #ffffff; + border-color: #7d1f8d; +} +.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + background-color: transparent; + color: #9C27B0; + border: 1px solid; +} +.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + background: rgba(156, 39, 176, 0.04); + color: #9C27B0; + border: 1px solid; +} +.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(156, 39, 176, 0.16); + color: #9C27B0; + border: 1px solid; +} +.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + background-color: transparent; + color: #9C27B0; + border-color: transparent; +} +.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + background: rgba(156, 39, 176, 0.04); + border-color: transparent; + color: #9C27B0; +} +.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + background: rgba(156, 39, 176, 0.16); + border-color: transparent; + color: #9C27B0; +} + +.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #D32F2F; + border: 1px solid #D32F2F; +} +.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + background: #c02929; + color: #ffffff; + border-color: #c02929; +} +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #edacac; +} +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: #aa2424; + color: #ffffff; + border-color: #aa2424; +} +.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + background-color: transparent; + color: #D32F2F; + border: 1px solid; +} +.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + background: rgba(211, 47, 47, 0.04); + color: #D32F2F; + border: 1px solid; +} +.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(211, 47, 47, 0.16); + color: #D32F2F; + border: 1px solid; +} +.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + background-color: transparent; + color: #D32F2F; + border-color: transparent; +} +.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + background: rgba(211, 47, 47, 0.04); + border-color: transparent; + color: #D32F2F; +} +.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} + +.p-button.p-button-link { + color: #7d1f8d; + background: transparent; + border: transparent; +} +.p-button.p-button-link:enabled:hover { + background: transparent; + color: #7d1f8d; + border-color: transparent; +} +.p-button.p-button-link:enabled:hover .p-button-label { + text-decoration: underline; +} +.p-button.p-button-link:enabled:focus { + background: transparent; + box-shadow: 0 0 0 0.2rem #df9eea; + border-color: transparent; +} +.p-button.p-button-link:enabled:active { + background: transparent; + color: #7d1f8d; + border-color: transparent; +} + +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: #495057; + color: #fff; +} +.p-speeddial-action:hover { + background: #343a40; + color: #fff; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +.p-splitbutton { + border-radius: 3px; +} +.p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #9C27B0; + border: 1px solid; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(156, 39, 176, 0.04); + color: #9C27B0; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(156, 39, 176, 0.16); + color: #9C27B0; +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: #6c757d; + border-color: #6c757d; +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: #e9ecef; + color: #6c757d; +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: #dee2e6; + color: #6c757d; +} +.p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #9C27B0; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(156, 39, 176, 0.04); + color: #9C27B0; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(156, 39, 176, 0.16); + color: #9C27B0; + border-color: transparent; +} +.p-splitbutton.p-button-text.p-button-plain > .p-button { + color: #6c757d; +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: #e9ecef; + color: #6c757d; +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: #dee2e6; + color: #6c757d; +} +.p-splitbutton.p-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); +} +.p-splitbutton.p-button-rounded { + border-radius: 2rem; +} +.p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; +} +.p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; +} +.p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; +} +.p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; +} +.p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; +} + +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #607D8B; + border: 1px solid; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(96, 125, 139, 0.04); + color: #607D8B; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(96, 125, 139, 0.16); + color: #607D8B; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #607D8B; + border-color: transparent; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(96, 125, 139, 0.04); + border-color: transparent; + color: #607D8B; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(96, 125, 139, 0.16); + border-color: transparent; + color: #607D8B; +} + +.p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #0288D1; + border: 1px solid; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(2, 136, 209, 0.04); + color: #0288D1; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(2, 136, 209, 0.16); + color: #0288D1; +} +.p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #0288D1; + border-color: transparent; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(2, 136, 209, 0.04); + border-color: transparent; + color: #0288D1; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(2, 136, 209, 0.16); + border-color: transparent; + color: #0288D1; +} + +.p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #689F38; + border: 1px solid; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(104, 159, 56, 0.04); + color: #689F38; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(104, 159, 56, 0.16); + color: #689F38; +} +.p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #689F38; + border-color: transparent; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(104, 159, 56, 0.04); + border-color: transparent; + color: #689F38; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(104, 159, 56, 0.16); + border-color: transparent; + color: #689F38; +} + +.p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #FBC02D; + border: 1px solid; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(251, 192, 45, 0.04); + color: #FBC02D; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(251, 192, 45, 0.16); + color: #FBC02D; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #FBC02D; + border-color: transparent; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(251, 192, 45, 0.04); + border-color: transparent; + color: #FBC02D; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(251, 192, 45, 0.16); + border-color: transparent; + color: #FBC02D; +} + +.p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #9C27B0; + border: 1px solid; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(156, 39, 176, 0.04); + color: #9C27B0; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(156, 39, 176, 0.16); + color: #9C27B0; +} +.p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #9C27B0; + border-color: transparent; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(156, 39, 176, 0.04); + border-color: transparent; + color: #9C27B0; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(156, 39, 176, 0.16); + border-color: transparent; + color: #9C27B0; +} + +.p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #D32F2F; + border: 1px solid; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(211, 47, 47, 0.04); + color: #D32F2F; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(211, 47, 47, 0.16); + color: #D32F2F; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #D32F2F; + border-color: transparent; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(211, 47, 47, 0.04); + border-color: transparent; + color: #D32F2F; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} + +.p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; +} +.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #495057; + border-color: transparent; + background: #e9ecef; +} +.p-carousel .p-carousel-content .p-carousel-prev:focus, +.p-carousel .p-carousel-content .p-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; +} +.p-carousel .p-carousel-indicators { + padding: 1rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #e9ecef; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #dee2e6; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #F3E5F5; + color: #495057; +} + +.p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-datatable .p-datatable-header { + background: #f8f9fa; + color: #495057; + border: 1px solid #e9ecef; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-datatable .p-datatable-footer { + background: #f8f9fa; + color: #495057; + border: 1px solid #e9ecef; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e9ecef; + border-width: 0 0 1px 0; + font-weight: 600; + color: #495057; + background: #f8f9fa; + transition: box-shadow 0.2s; +} +.p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e9ecef; + border-width: 0 0 1px 0; + font-weight: 600; + color: #495057; + background: #f8f9fa; +} +.p-datatable .p-sortable-column .p-sortable-column-icon { + color: #6c757d; + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #495057; + background: #F3E5F5; + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #6c757d; +} +.p-datatable .p-sortable-column.p-highlight { + background: #f8f9fa; + color: #9C27B0; +} +.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #9C27B0; +} +.p-datatable .p-sortable-column.p-highlight:hover { + background: #e9ecef; + color: #9C27B0; +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #9C27B0; +} +.p-datatable .p-sortable-column:focus { + box-shadow: inset 0 0 0 0.15rem #df9eea; + outline: 0 none; +} +.p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #495057; + transition: box-shadow 0.2s; +} +.p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #e9ecef; + border-width: 0 0 1px 0; + padding: 1rem 1rem; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: #495057; + border-color: transparent; + background: #e9ecef; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; +} +.p-datatable .p-datatable-tbody > tr:focus { + outline: 0.15rem solid #df9eea; + outline-offset: 0.15rem; +} +.p-datatable .p-datatable-tbody > tr.p-highlight { + background: #F3E5F5; + color: #495057; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #F3E5F5; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #F3E5F5; +} +.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-datatable .p-column-resizer-helper { + background: #9C27B0; +} +.p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #f8f9fa; +} +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #f8f9fa; +} +.p-datatable .p-datatable-loading-icon { + font-size: 2rem; +} +.p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #fcfcfc; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #F3E5F5; + color: #495057; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #495057; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #495057; +} +.p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; +} + +.p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-dataview .p-dataview-header { + background: #f8f9fa; + color: #495057; + border: 1px solid #e9ecef; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-dataview .p-dataview-content { + background: #ffffff; + color: #495057; + border: 0 none; + padding: 0; +} +.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { + border: solid #e9ecef; + border-width: 0 0 1px 0; +} +.p-dataview .p-dataview-footer { + background: #f8f9fa; + color: #495057; + border: 1px solid #e9ecef; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +.p-dataview .p-dataview-loading-icon { + font-size: 2rem; +} +.p-dataview .p-dataview-emptymessage { + padding: 1rem; +} + +.p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; +} + +.p-column-filter-menu-button { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-menu-button:hover { + color: #495057; + border-color: transparent; + background: #e9ecef; +} +.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: #e9ecef; + color: #495057; +} +.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #F3E5F5; + color: #495057; +} +.p-column-filter-menu-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; +} + +.p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-clear-button:hover { + color: #495057; + border-color: transparent; + background: #e9ecef; +} +.p-column-filter-clear-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; +} + +.p-column-filter-overlay { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 3px; + 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); + min-width: 12.5rem; +} +.p-column-filter-overlay .p-column-filter-row-items { + padding: 0.5rem 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #495057; + background: #F3E5F5; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #495057; + background: #e9ecef; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #df9eea; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} + +.p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: #495057; + background: #f8f9fa; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1rem; + border-bottom: 1px solid #dee2e6; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; +} +.p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.5rem 1rem; +} +.p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1rem; +} + +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { + background: #f8f9fa; + border: 1px solid #dee2e6; + color: #495057; +} +.fc.fc-unthemed .fc-view-container td.fc-widget-content { + background: #ffffff; + border: 1px solid #dee2e6; + color: #495057; +} +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #dee2e6; +} +.fc.fc-unthemed .fc-view-container .fc-row { + border-right: 1px solid #dee2e6; +} +.fc.fc-unthemed .fc-view-container .fc-event { + background: #8c239e; + border: 1px solid #8c239e; + color: #ffffff; +} +.fc.fc-unthemed .fc-view-container .fc-divider { + background: #f8f9fa; + border: 1px solid #dee2e6; +} +.fc.fc-unthemed .fc-toolbar .fc-button { + color: #ffffff; + background: #9C27B0; + border: 1px solid #9C27B0; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + display: flex; + align-items: center; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { + background: #8c239e; + color: #ffffff; + border-color: #8c239e; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { + background: #7d1f8d; + color: #ffffff; + border-color: #7d1f8d; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-unthemed .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #ffffff; + border: 1px solid #ced4da; + color: #495057; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #e9ecef; + border-color: #ced4da; + color: #495057; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #9C27B0; + border-color: #9C27B0; + color: #ffffff; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #8c239e; + border-color: #8c239e; + color: #ffffff; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; + z-index: 1; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #dee2e6; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #f8f9fa; + border-color: #dee2e6; + color: #495057; +} +.fc.fc-theme-standard .fc-view-harness td { + color: #495057; + border-color: #dee2e6; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover { + background: none; + border: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { + border: 1px solid #dee2e6; + padding: 1rem; + background: #f8f9fa; + color: #495057; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { + opacity: 1; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; + font-family: "PrimeIcons" !important; + font-size: 1rem; + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { + content: "\e90b"; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { + color: #495057; + border-color: transparent; + background: #e9ecef; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { + padding: 1rem; + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + border-top: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #ffffff; + background: #8c239e; + border-color: #8c239e; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: #8c239e; + border-color: #8c239e; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: #e9ecef; + color: #495057; +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #f8f9fa; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #ffffff; + background: #9C27B0; + border: 1px solid #9C27B0; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: #8c239e; + color: #ffffff; + border-color: #8c239e; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: #7d1f8d; + color: #ffffff; + border-color: #7d1f8d; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.6; + color: #ffffff; + background: #9C27B0; + border: 1px solid #9C27B0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #ffffff; + border: 1px solid #ced4da; + color: #495057; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #e9ecef; + border-color: #ced4da; + color: #495057; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #9C27B0; + border-color: #9C27B0; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #8c239e; + border-color: #8c239e; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.fc.fc-theme-standard a { + color: #495057; +} +.fc.fc-theme-standard .fc-highlight { + color: #495057; + background: #F3E5F5; +} + +.p-orderlist .p-orderlist-controls { + padding: 1rem; +} +.p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; +} +.p-orderlist .p-orderlist-header { + background: #f8f9fa; + color: #495057; + border: 1px solid #dee2e6; + padding: 1rem; + border-bottom: 0 none; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; +} +.p-orderlist .p-orderlist-filter-container { + padding: 1rem; + background: #ffffff; + border: 1px solid #dee2e6; + border-bottom: 0 none; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.5rem; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.5rem; + color: #6c757d; +} +.p-orderlist .p-orderlist-list { + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + padding: 0.5rem 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; +} +.p-orderlist .p-orderlist-list .p-orderlist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #df9eea; +} +.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #495057; + background: #F3E5F5; +} +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 1rem; + color: #495057; +} +.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #e9ecef; +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: #e9ecef; +} + +.p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 1rem; + 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); + border: 0 none; + color: #495057; + background: #ffffff; + margin: 0; +} + +.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #F3E5F5; + color: #495057; +} +.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #c989d2; +} +.p-organizationchart .p-organizationchart-line-down { + background: #dee2e6; +} +.p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #dee2e6; + border-color: #dee2e6; +} +.p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #dee2e6; + border-color: #dee2e6; +} +.p-organizationchart .p-organizationchart-node-content { + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + padding: 1rem; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; +} + +.p-paginator { + background: #ffffff; + color: #6c757d; + border: solid #e9ecef; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 3px; +} +.p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: #6c757d; + min-width: 2.357rem; + height: 2.357rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: #e9ecef; + border-color: transparent; + color: #495057; +} +.p-paginator .p-paginator-first { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.357rem; +} +.p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; +} +.p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; +} +.p-paginator .p-paginator-page-input .p-inputtext { + max-width: 2.357rem; +} +.p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #6c757d; + min-width: 2.357rem; + height: 2.357rem; + margin: 0.143rem; + padding: 0 0.5rem; +} +.p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #6c757d; + min-width: 2.357rem; + height: 2.357rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #F3E5F5; + border-color: #F3E5F5; + color: #495057; +} +.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #e9ecef; + border-color: transparent; + color: #495057; +} + +.p-picklist .p-picklist-buttons { + padding: 1rem; +} +.p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; +} +.p-picklist .p-picklist-header { + background: #f8f9fa; + color: #495057; + border: 1px solid #dee2e6; + padding: 1rem; + border-bottom: 0 none; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; +} +.p-picklist .p-picklist-filter-container { + padding: 1rem; + background: #ffffff; + border: 1px solid #dee2e6; + border-bottom: 0 none; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.5rem; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.5rem; + color: #6c757d; +} +.p-picklist .p-picklist-list { + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + padding: 0.5rem 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #495057; + background: transparent; + transition: box-shadow 0.2s; +} +.p-picklist .p-picklist-list .p-picklist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #df9eea; +} +.p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #495057; + background: #F3E5F5; +} +.p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 1rem; + color: #495057; +} +.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #e9ecef; +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: #e9ecef; +} + +.p-picklist-item.cdk-drag-preview { + padding: 0.5rem 1rem; + 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); + border: 0 none; + color: #495057; + background: #ffffff; + margin: 0; +} + +.p-timeline .p-timeline-event-marker { + border: 2px solid #9C27B0; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #ffffff; +} +.p-timeline .p-timeline-event-connector { + background-color: #dee2e6; +} +.p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; +} +.p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; +} + +.p-tree { + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + padding: 1rem; + border-radius: 3px; +} +.p-tree .p-tree-container .p-treenode { + padding: 0.143rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 3px; + transition: box-shadow 0.2s; + padding: 0; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #495057; + border-color: transparent; + background: #e9ecef; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #6c757d; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #495057; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #df9eea; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #F3E5F5; + color: #495057; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #495057; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #495057; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #e9ecef; + color: #495057; +} +.p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; +} +.p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.5rem; +} +.p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.5rem; + color: #6c757d; +} +.p-tree .p-treenode-children { + padding: 0 0 0 1rem; +} +.p-tree .p-tree-loading-icon { + font-size: 2rem; +} +.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: #d3a1db; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 3px; + border: 1px solid #dee2e6; + background-color: #ffffff; + color: #495057; + padding: 0; + transition: box-shadow 0.2s; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #F3E5F5; + color: #495057; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #495057; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; +} + +.p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-treetable .p-treetable-header { + background: #f8f9fa; + color: #495057; + border: 1px solid #e9ecef; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-treetable .p-treetable-footer { + background: #f8f9fa; + color: #495057; + border: 1px solid #e9ecef; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e9ecef; + border-width: 0 0 1px 0; + font-weight: 600; + color: #495057; + background: #f8f9fa; + transition: box-shadow 0.2s; +} +.p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e9ecef; + border-width: 0 0 1px 0; + font-weight: 600; + color: #495057; + background: #f8f9fa; +} +.p-treetable .p-sortable-column { + outline-color: #df9eea; +} +.p-treetable .p-sortable-column .p-sortable-column-icon { + color: #6c757d; + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #495057; + background: #F3E5F5; + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #6c757d; +} +.p-treetable .p-sortable-column.p-highlight { + background: #f8f9fa; + color: #9C27B0; +} +.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #9C27B0; +} +.p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #495057; + transition: box-shadow 0.2s; +} +.p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #e9ecef; + border-width: 0 0 1px 0; + padding: 1rem 1rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #495057; + border-color: transparent; + background: #e9ecef; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #495057; +} +.p-treetable .p-treetable-tbody > tr:focus { + outline: 0.15rem solid #df9eea; + outline-offset: -0.15rem; +} +.p-treetable .p-treetable-tbody > tr.p-highlight { + background: #F3E5F5; + color: #495057; +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #495057; +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #495057; +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #495057; +} +.p-treetable .p-column-resizer-helper { + background: #9C27B0; +} +.p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #f8f9fa; +} +.p-treetable .p-treetable-loading-icon { + font-size: 2rem; +} +.p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.875rem 0.875rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 1.25rem 1.25rem; +} + +.p-virtualscroller .p-virtualscroller-header { + background: #f8f9fa; + color: #495057; + border: 1px solid #e9ecef; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #495057; + border: 0 none; + padding: 0; +} +.p-virtualscroller .p-virtualscroller-footer { + background: #f8f9fa; + color: #495057; + border: 1px solid #e9ecef; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1rem; + border: 1px solid #dee2e6; + color: #495057; + background: #f8f9fa; + font-weight: 600; + border-radius: 3px; + transition: box-shadow 0.2s; +} +.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; +} +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; +} +.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #e9ecef; + border-color: #dee2e6; + color: #495057; +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #f8f9fa; + border-color: #dee2e6; + color: #495057; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #dee2e6; + background: #e9ecef; + color: #495057; +} +.p-accordion .p-accordion-content { + padding: 1rem; + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; +} +.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; +} +.p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; +} +.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 none; +} +.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-top: 0 none; +} +.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +.p-card { + background: #ffffff; + color: #495057; + 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: 3px; +} +.p-card .p-card-body { + padding: 1rem; +} +.p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +.p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #6c757d; +} +.p-card .p-card-content { + padding: 1rem 0; +} +.p-card .p-card-footer { + padding: 1rem 0 0 0; +} + +.p-divider .p-divider-content { + background-color: #ffffff; +} +.p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +.p-divider.p-divider-horizontal:before { + border-top: 1px #dee2e6; +} +.p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; +} +.p-divider.p-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; +} +.p-divider.p-divider-vertical:before { + border-left: 1px #dee2e6; +} +.p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; +} + +.p-fieldset { + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + border-radius: 3px; +} +.p-fieldset .p-fieldset-legend { + padding: 1rem; + border: 1px solid #dee2e6; + color: #495057; + background: #f8f9fa; + font-weight: 600; + border-radius: 3px; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1rem; + color: #495057; + border-radius: 3px; + transition: box-shadow 0.2s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #e9ecef; + border-color: #dee2e6; + color: #495057; +} +.p-fieldset .p-fieldset-content { + padding: 1rem; +} + +.p-panel .p-panel-header { + border: 1px solid #dee2e6; + padding: 1rem; + background: #f8f9fa; + color: #495057; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-panel .p-panel-header .p-panel-title { + font-weight: 600; +} +.p-panel .p-panel-header .p-panel-header-icon { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #495057; + border-color: transparent; + background: #e9ecef; +} +.p-panel .p-panel-header .p-panel-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; +} +.p-panel.p-panel-toggleable .p-panel-header { + padding: 0.5rem 1rem; +} +.p-panel .p-panel-content { + padding: 1rem; + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + border-top: 0 none; +} +.p-panel .p-panel-footer { + padding: 0.5rem 1rem; + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + border-top: 0 none; +} +.p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; +} +.p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; +} +.p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; +} + +.p-scrollpanel .p-scrollpanel-bar { + background: #f8f9fa; + border: 0 none; +} + +.p-splitter { + border: 1px solid #dee2e6; + background: #ffffff; + border-radius: 3px; + color: #495057; +} +.p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: #f8f9fa; +} +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #dee2e6; +} +.p-splitter .p-splitter-gutter-resizing { + background: #dee2e6; +} + +.p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #dee2e6; + border-width: 0 0 2px 0; +} +.p-tabview .p-tabview-nav li { + margin-right: 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #dee2e6; + border-width: 0 0 2px 0; + border-color: transparent transparent #dee2e6 transparent; + background: #ffffff; + color: #6c757d; + padding: 1rem; + font-weight: 600; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #df9eea; +} +.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #6c757d; + color: #6c757d; +} +.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #9C27B0; + color: #9C27B0; +} +.p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; +} +.p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-close { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #9C27B0; + width: 2.357rem; + 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); + border-radius: 0; +} +.p-tabview .p-tabview-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #df9eea; +} +.p-tabview .p-tabview-panels { + background: #ffffff; + padding: 1rem; + border: 0 none; + color: #495057; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +.p-toolbar { + background: #f8f9fa; + border: 1px solid #dee2e6; + padding: 1rem; + border-radius: 3px; + gap: 0.5rem; +} +.p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; +} + +.p-confirm-popup { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 3px; + 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); +} +.p-confirm-popup .p-confirm-popup-content { + padding: 1rem; +} +.p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.5rem 1rem; +} +.p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; +} +.p-confirm-popup:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +.p-confirm-popup:before { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +.p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #ffffff; +} +.p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #ffffff; +} +.p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; +} +.p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; +} + +.p-dialog { + border-radius: 3px; + 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; +} +.p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: #495057; + padding: 1.5rem; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.25rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #495057; + border-color: transparent; + background: #e9ecef; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; +} +.p-dialog .p-dialog-content { + background: #ffffff; + color: #495057; + padding: 0 1.5rem 2rem 1.5rem; +} +.p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-dialog .p-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: #495057; + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; +} + +.p-overlaypanel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 3px; + 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); +} +.p-overlaypanel .p-overlaypanel-content { + padding: 1rem; +} +.p-overlaypanel .p-overlaypanel-close { + background: #9C27B0; + color: #ffffff; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + position: absolute; + top: -1rem; + right: -1rem; +} +.p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #8c239e; + color: #ffffff; +} +.p-overlaypanel:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +.p-overlaypanel:before { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #f2f2f2; +} +.p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #ffffff; +} +.p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #ffffff; +} + +.p-sidebar { + background: #ffffff; + color: #495057; + 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); +} +.p-sidebar .p-sidebar-header { + padding: 1rem; +} +.p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #495057; + border-color: transparent; + background: #e9ecef; +} +.p-sidebar .p-sidebar-header .p-sidebar-close:focus, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; +} +.p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; +} +.p-sidebar .p-sidebar-content { + padding: 1rem; +} +.p-sidebar .p-sidebar-footer { + padding: 1rem; +} + +.p-tooltip .p-tooltip-text { + background: #495057; + color: #ffffff; + padding: 0.5rem 0.5rem; + 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); + border-radius: 3px; +} +.p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #495057; +} +.p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #495057; +} +.p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #495057; +} +.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #495057; +} + +.p-fileupload .p-fileupload-buttonbar { + background: #f8f9fa; + padding: 1rem; + border: 1px solid #dee2e6; + color: #495057; + border-bottom: 0 none; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; +} +.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; +} +.p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 2rem 1rem; + border: 1px solid #dee2e6; + color: #495057; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-fileupload .p-progressbar { + height: 0.25rem; +} +.p-fileupload .p-fileupload-row > div { + padding: 1rem 1rem; +} +.p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; +} + +.p-fileupload-choose:not(.p-disabled):hover { + background: #8c239e; + color: #ffffff; + border-color: #8c239e; +} +.p-fileupload-choose:not(.p-disabled):active { + background: #7d1f8d; + color: #ffffff; + border-color: #7d1f8d; +} + +.p-breadcrumb { + background: #ffffff; + border: 1px solid #dee2e6; + border-radius: 3px; + padding: 1rem; +} +.p-breadcrumb ul li .p-menuitem-link { + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-breadcrumb ul li .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { + color: #6c757d; +} +.p-breadcrumb ul li.p-breadcrumb-chevron { + margin: 0 0.5rem 0 0.5rem; + color: #495057; +} +.p-breadcrumb ul li:last-child .p-menuitem-text { + color: #495057; +} +.p-breadcrumb ul li:last-child .p-menuitem-icon { + color: #6c757d; +} + +.p-contextmenu { + padding: 0.25rem 0; + background: #ffffff; + color: #495057; + 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); + border-radius: 3px; + width: 12.5rem; +} +.p-contextmenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-contextmenu .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-contextmenu .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-contextmenu .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-contextmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #df9eea; +} +.p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #ffffff; + 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); + border-radius: 3px; +} +.p-contextmenu .p-menuitem { + margin: 0; +} +.p-contextmenu .p-menuitem:last-child { + margin: 0; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #e9ecef; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-contextmenu .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} +.p-contextmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-contextmenu .p-menuitem-badge { + background: #9C27B0; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + +@media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } +} +.p-megamenu { + padding: 0.5rem; + background: #f8f9fa; + color: #495057; + border: 1px solid #dee2e6; + border-radius: 3px; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: #495057; + border-radius: 3px; + transition: box-shadow 0.2s; + user-select: none; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #6c757d; + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #df9eea; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-megamenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-megamenu .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-megamenu .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-megamenu .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-megamenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #df9eea; +} +.p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #495057; + 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); +} +.p-megamenu .p-megamenu-submenu-header { + margin: 0; + padding: 0.75rem 1rem; + color: #495057; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-megamenu .p-megamenu-submenu { + padding: 0.25rem 0; + width: 12.5rem; +} +.p-megamenu .p-megamenu-submenu .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem { + margin: 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #e9ecef; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem { + margin: 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem-badge { + background: #9C27B0; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menu { + padding: 0.25rem 0; + background: #ffffff; + color: #495057; + border: 1px solid #dee2e6; + border-radius: 3px; + width: 12.5rem; +} +.p-menu .p-menuitem-link { + padding: 0.75rem 1rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menu .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-menu .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-menu .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-menu .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-menu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #df9eea; +} +.p-menu.p-menu-overlay { + background: #ffffff; + 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); +} +.p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem 1rem; + color: #495057; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.p-menu .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} +.p-menu .p-menuitem { + margin: 0; +} +.p-menu .p-menuitem:last-child { + margin: 0; +} +.p-menu .p-menuitem-badge { + background: #9C27B0; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menubar { + padding: 0.5rem; + background: #f8f9fa; + color: #495057; + border: 1px solid #dee2e6; + border-radius: 3px; +} +.p-menubar .p-menuitem-link { + padding: 0.75rem 1rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menubar .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-menubar .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-menubar .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-menubar .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #df9eea; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: #495057; + border-radius: 3px; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #6c757d; + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #df9eea; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-menubar .p-submenu-list { + padding: 0.25rem 0; + background: #ffffff; + 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); + width: 12.5rem; +} +.p-menubar .p-submenu-list .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} +.p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; +} +.p-menubar .p-submenu-list .p-menuitem { + margin: 0; +} +.p-menubar .p-submenu-list .p-menuitem:last-child { + margin: 0; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #e9ecef; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-menubar .p-menuitem-badge { + background: #9C27B0; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +@media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 2rem; + height: 2rem; + color: #6c757d; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #6c757d; + background: #e9ecef; + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0; + background: #ffffff; + 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); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #6c757d; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #df9eea; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } +} +.p-panelmenu .p-panelmenu-header > a { + padding: 1rem; + border: 1px solid #dee2e6; + color: #495057; + background: #f8f9fa; + font-weight: 600; + border-radius: 3px; + transition: box-shadow 0.2s; +} +.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; +} +.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + background: #e9ecef; + border-color: #dee2e6; + color: #495057; +} +.p-panelmenu .p-panelmenu-header.p-highlight { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight > a { + background: #f8f9fa; + border-color: #dee2e6; + color: #495057; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + border-color: #dee2e6; + background: #e9ecef; + color: #495057; +} +.p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0; + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + margin-bottom: 0; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { + padding: 0.75rem 1rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #df9eea; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { + padding: 0 0 0 1rem; +} +.p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { + border-radius: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; +} +.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { + border-top: 0 none; +} +.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { + border-top: 0 none; +} +.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-panelmenu .p-menuitem-badge { + background: #9C27B0; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-slidemenu { + padding: 0.25rem 0; + background: #ffffff; + color: #495057; + border: 1px solid #dee2e6; + border-radius: 3px; + width: 12.5rem; +} +.p-slidemenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-slidemenu .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-slidemenu .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-slidemenu .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-slidemenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #df9eea; +} +.p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + 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); +} +.p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0; + background: #ffffff; + 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); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { + background: #e9ecef; +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { + color: #495057; +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { + color: #6c757d; +} +.p-slidemenu .p-slidemenu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} +.p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; +} +.p-slidemenu .p-slidemenu-backward { + padding: 0.75rem 1rem; + color: #495057; +} +.p-slidemenu .p-menuitem-badge { + background: #9C27B0; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: box-shadow 0.2s; + border-radius: 3px; + background: #ffffff; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #495057; + border: 1px solid #e9ecef; + background: #ffffff; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: #6c757d; +} +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; +} +.p-steps .p-steps-item.p-highlight .p-steps-number { + background: #F3E5F5; + color: #495057; +} +.p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 600; + color: #495057; +} +.p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #dee2e6; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; +} + +.p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: 1px solid #dee2e6; + border-width: 0 0 2px 0; +} +.p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #9C27B0; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #dee2e6; + border-width: 0 0 2px 0; + border-color: transparent transparent #dee2e6 transparent; + background: #ffffff; + color: #6c757d; + padding: 1rem; + font-weight: 600; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #df9eea; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #6c757d; + color: #6c757d; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #9C27B0; + color: #9C27B0; +} +.p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #ffffff; + color: #9C27B0; + width: 2.357rem; + 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); + border-radius: 0; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #df9eea; +} + +.p-tieredmenu { + padding: 0.25rem 0; + background: #ffffff; + color: #495057; + border: 1px solid #dee2e6; + border-radius: 3px; + width: 12.5rem; +} +.p-tieredmenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: #495057; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-tieredmenu .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-tieredmenu .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-tieredmenu .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + background: #e9ecef; +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #495057; +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #6c757d; +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #6c757d; +} +.p-tieredmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #df9eea; +} +.p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + 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); +} +.p-tieredmenu .p-submenu-list { + padding: 0.25rem 0; + background: #ffffff; + 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); +} +.p-tieredmenu .p-menuitem { + margin: 0; +} +.p-tieredmenu .p-menuitem:last-child { + margin: 0; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #e9ecef; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} +.p-tieredmenu .p-menu-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; +} +.p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-tieredmenu .p-menuitem-badge { + background: #9C27B0; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-inline-message { + padding: 0.5rem 0.5rem; + margin: 0; + border-radius: 3px; +} +.p-inline-message.p-inline-message-info { + background: #B3E5FC; + border: solid #0891cf; + border-width: 0px; + color: #044868; +} +.p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #044868; +} +.p-inline-message.p-inline-message-success { + background: #C8E6C9; + border: solid #439446; + border-width: 0px; + color: #224a23; +} +.p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #224a23; +} +.p-inline-message.p-inline-message-warn { + background: #FFECB3; + border: solid #d9a300; + border-width: 0px; + color: #6d5100; +} +.p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #6d5100; +} +.p-inline-message.p-inline-message-error { + background: #FFCDD2; + border: solid #e60017; + border-width: 0px; + color: #73000c; +} +.p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #73000c; +} +.p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; +} +.p-inline-message .p-inline-message-text { + font-size: 1rem; +} +.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; +} + +.p-message { + margin: 1rem 0; + border-radius: 3px; +} +.p-message .p-message-wrapper { + padding: 1rem 1.5rem; +} +.p-message .p-message-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-message .p-message-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; +} +.p-message.p-message-info { + background: #B3E5FC; + border: solid #0891cf; + border-width: 0 0 0 6px; + color: #044868; +} +.p-message.p-message-info .p-message-icon { + color: #044868; +} +.p-message.p-message-info .p-message-close { + color: #044868; +} +.p-message.p-message-success { + background: #C8E6C9; + border: solid #439446; + border-width: 0 0 0 6px; + color: #224a23; +} +.p-message.p-message-success .p-message-icon { + color: #224a23; +} +.p-message.p-message-success .p-message-close { + color: #224a23; +} +.p-message.p-message-warn { + background: #FFECB3; + border: solid #d9a300; + border-width: 0 0 0 6px; + color: #6d5100; +} +.p-message.p-message-warn .p-message-icon { + color: #6d5100; +} +.p-message.p-message-warn .p-message-close { + color: #6d5100; +} +.p-message.p-message-error { + background: #FFCDD2; + border: solid #e60017; + border-width: 0 0 0 6px; + color: #73000c; +} +.p-message.p-message-error .p-message-icon { + color: #73000c; +} +.p-message.p-message-error .p-message-close { + color: #73000c; +} +.p-message .p-message-text { + font-size: 1rem; + font-weight: 500; +} +.p-message .p-message-icon { + font-size: 1.5rem; + margin-right: 0.5rem; +} +.p-message .p-message-summary { + font-weight: 700; +} +.p-message .p-message-detail { + margin-left: 0.5rem; +} + +.p-toast { + opacity: 0.9; +} +.p-toast .p-toast-message { + margin: 0 0 1rem 0; + 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); + border-radius: 3px; +} +.p-toast .p-toast-message .p-toast-message-content { + padding: 1rem; + border-width: 0 0 0 6px; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 1rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 2rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 700; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; +} +.p-toast .p-toast-message .p-toast-icon-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-toast .p-toast-message .p-toast-icon-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; +} +.p-toast .p-toast-message.p-toast-message-info { + background: #B3E5FC; + border: solid #0891cf; + border-width: 0 0 0 6px; + color: #044868; +} +.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #044868; +} +.p-toast .p-toast-message.p-toast-message-success { + background: #C8E6C9; + border: solid #439446; + border-width: 0 0 0 6px; + color: #224a23; +} +.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #224a23; +} +.p-toast .p-toast-message.p-toast-message-warn { + background: #FFECB3; + border: solid #d9a300; + border-width: 0 0 0 6px; + color: #6d5100; +} +.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #6d5100; +} +.p-toast .p-toast-message.p-toast-message-error { + background: #FFCDD2; + border: solid #e60017; + border-width: 0 0 0 6px; + color: #73000c; +} +.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #73000c; +} + +.p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-item-nav { + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 3px; + margin: 0 0.5rem; +} +.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f8f9fa; + padding: 1rem; +} +.p-galleria .p-galleria-indicators { + padding: 1rem; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #e9ecef; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #dee2e6; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #F3E5F5; + color: #495057; +} +.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; +} +.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #F3E5F5; + color: #495057; +} +.p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f8f9fa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; +} + +.p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-preview-indicator { + background-color: transparent; + color: #f8f9fa; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} + +.p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); +} + +.p-image-toolbar { + padding: 1rem; +} + +.p-image-action.p-link { + color: #f8f9fa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-image-action.p-link:last-child { + margin-right: 0; +} +.p-image-action.p-link:hover { + color: #f8f9fa; + background-color: rgba(255, 255, 255, 0.1); +} +.p-image-action.p-link i { + font-size: 1.5rem; +} + +.p-avatar { + background-color: #dee2e6; + border-radius: 3px; +} +.p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +.p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; +} +.p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +.p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; +} + +.p-avatar-group .p-avatar { + border: 2px solid #ffffff; +} + +.p-badge { + background: #9C27B0; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +.p-badge.p-badge-secondary { + background-color: #607D8B; + color: #ffffff; +} +.p-badge.p-badge-success { + background-color: #689F38; + color: #ffffff; +} +.p-badge.p-badge-info { + background-color: #0288D1; + color: #ffffff; +} +.p-badge.p-badge-warning { + background-color: #FBC02D; + color: #212529; +} +.p-badge.p-badge-danger { + background-color: #D32F2F; + color: #ffffff; +} +.p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +.p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} + +.p-chip { + background-color: #dee2e6; + color: #495057; + border-radius: 16px; + padding: 0 0.5rem; +} +.p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} +.p-chip .p-chip-icon { + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; +} +.p-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.5rem; + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; +} + +.p-inplace .p-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-inplace .p-inplace-display:not(.p-disabled):hover { + background: #e9ecef; + color: #495057; +} +.p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; +} + +.p-progressbar { + border: 0 none; + height: 1.5rem; + background: #dee2e6; + border-radius: 3px; +} +.p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #9C27B0; +} +.p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.5rem; +} + +.p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + 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); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-scrolltop.p-link { + background: rgba(0, 0, 0, 0.7); +} +.p-scrolltop.p-link:hover { + background: rgba(0, 0, 0, 0.8); +} +.p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #f8f9fa; +} + +.p-skeleton { + background-color: #e9ecef; + border-radius: 3px; +} +.p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); +} + +.p-tag { + background: #9C27B0; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 3px; +} +.p-tag.p-tag-success { + background-color: #689F38; + color: #ffffff; +} +.p-tag.p-tag-info { + background-color: #0288D1; + color: #ffffff; +} +.p-tag.p-tag-warning { + background-color: #FBC02D; + color: #212529; +} +.p-tag.p-tag-danger { + background-color: #D32F2F; + color: #ffffff; +} +.p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +.p-terminal { + background: #ffffff; + color: #495057; + border: 1px solid #dee2e6; + padding: 1rem; +} +.p-terminal .p-terminal-input { + font-size: 1rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; +} + +/* Customizations to the designer theme should be defined here */ +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #9C27B0; +} + +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #9C27B0; +} + +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #9C27B0; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #9C27B0; +} diff --git a/assets/layout/styles/theme/saga-purple/theme.css.br b/assets/layout/styles/theme/saga-purple/theme.css.br new file mode 100644 index 0000000..f72e143 Binary files /dev/null and b/assets/layout/styles/theme/saga-purple/theme.css.br differ diff --git a/assets/layout/styles/theme/saga-purple/theme.css.gz b/assets/layout/styles/theme/saga-purple/theme.css.gz new file mode 100644 index 0000000..51c0766 Binary files /dev/null and b/assets/layout/styles/theme/saga-purple/theme.css.gz differ diff --git a/assets/layout/styles/theme/tailwind-light/fonts/Inter-Bold.woff b/assets/layout/styles/theme/tailwind-light/fonts/Inter-Bold.woff new file mode 100644 index 0000000..eaf3d4b Binary files /dev/null and b/assets/layout/styles/theme/tailwind-light/fonts/Inter-Bold.woff differ diff --git a/assets/layout/styles/theme/tailwind-light/fonts/Inter-Bold.woff.br b/assets/layout/styles/theme/tailwind-light/fonts/Inter-Bold.woff.br new file mode 100644 index 0000000..9ca8582 Binary files /dev/null and b/assets/layout/styles/theme/tailwind-light/fonts/Inter-Bold.woff.br differ diff --git a/assets/layout/styles/theme/tailwind-light/fonts/Inter-Bold.woff.gz b/assets/layout/styles/theme/tailwind-light/fonts/Inter-Bold.woff.gz new file mode 100644 index 0000000..914b4bf Binary files /dev/null and b/assets/layout/styles/theme/tailwind-light/fonts/Inter-Bold.woff.gz differ diff --git a/assets/layout/styles/theme/tailwind-light/fonts/Inter-Bold.woff2 b/assets/layout/styles/theme/tailwind-light/fonts/Inter-Bold.woff2 new file mode 100644 index 0000000..2846f29 Binary files /dev/null and b/assets/layout/styles/theme/tailwind-light/fonts/Inter-Bold.woff2 differ diff --git a/assets/layout/styles/theme/tailwind-light/fonts/Inter-Bold.woff2.br b/assets/layout/styles/theme/tailwind-light/fonts/Inter-Bold.woff2.br new file mode 100644 index 0000000..1d7eb26 Binary files /dev/null and b/assets/layout/styles/theme/tailwind-light/fonts/Inter-Bold.woff2.br differ diff --git a/assets/layout/styles/theme/tailwind-light/fonts/Inter-Bold.woff2.gz b/assets/layout/styles/theme/tailwind-light/fonts/Inter-Bold.woff2.gz new file mode 100644 index 0000000..09d90a5 Binary files /dev/null and b/assets/layout/styles/theme/tailwind-light/fonts/Inter-Bold.woff2.gz differ diff --git a/assets/layout/styles/theme/tailwind-light/fonts/Inter-Light.woff b/assets/layout/styles/theme/tailwind-light/fonts/Inter-Light.woff new file mode 100644 index 0000000..c496464 Binary files /dev/null and b/assets/layout/styles/theme/tailwind-light/fonts/Inter-Light.woff differ diff --git a/assets/layout/styles/theme/tailwind-light/fonts/Inter-Light.woff.br b/assets/layout/styles/theme/tailwind-light/fonts/Inter-Light.woff.br new file mode 100644 index 0000000..7e5f80d Binary files /dev/null and b/assets/layout/styles/theme/tailwind-light/fonts/Inter-Light.woff.br differ diff --git a/assets/layout/styles/theme/tailwind-light/fonts/Inter-Light.woff.gz b/assets/layout/styles/theme/tailwind-light/fonts/Inter-Light.woff.gz new file mode 100644 index 0000000..47b30df Binary files /dev/null and b/assets/layout/styles/theme/tailwind-light/fonts/Inter-Light.woff.gz differ diff --git a/assets/layout/styles/theme/tailwind-light/fonts/Inter-Light.woff2 b/assets/layout/styles/theme/tailwind-light/fonts/Inter-Light.woff2 new file mode 100644 index 0000000..bc4be66 Binary files /dev/null and b/assets/layout/styles/theme/tailwind-light/fonts/Inter-Light.woff2 differ diff --git a/assets/layout/styles/theme/tailwind-light/fonts/Inter-Light.woff2.br b/assets/layout/styles/theme/tailwind-light/fonts/Inter-Light.woff2.br new file mode 100644 index 0000000..1b7c2cb Binary files /dev/null and b/assets/layout/styles/theme/tailwind-light/fonts/Inter-Light.woff2.br differ diff --git a/assets/layout/styles/theme/tailwind-light/fonts/Inter-Light.woff2.gz b/assets/layout/styles/theme/tailwind-light/fonts/Inter-Light.woff2.gz new file mode 100644 index 0000000..a92a943 Binary files /dev/null and b/assets/layout/styles/theme/tailwind-light/fonts/Inter-Light.woff2.gz differ diff --git a/assets/layout/styles/theme/tailwind-light/fonts/Inter-Medium.woff b/assets/layout/styles/theme/tailwind-light/fonts/Inter-Medium.woff new file mode 100644 index 0000000..d546843 Binary files /dev/null and b/assets/layout/styles/theme/tailwind-light/fonts/Inter-Medium.woff differ diff --git a/assets/layout/styles/theme/tailwind-light/fonts/Inter-Medium.woff.br b/assets/layout/styles/theme/tailwind-light/fonts/Inter-Medium.woff.br new file mode 100644 index 0000000..d9e61e5 Binary files /dev/null and b/assets/layout/styles/theme/tailwind-light/fonts/Inter-Medium.woff.br differ diff --git a/assets/layout/styles/theme/tailwind-light/fonts/Inter-Medium.woff.gz b/assets/layout/styles/theme/tailwind-light/fonts/Inter-Medium.woff.gz new file mode 100644 index 0000000..cbd00bf Binary files /dev/null and b/assets/layout/styles/theme/tailwind-light/fonts/Inter-Medium.woff.gz differ diff --git a/assets/layout/styles/theme/tailwind-light/fonts/Inter-Medium.woff2 b/assets/layout/styles/theme/tailwind-light/fonts/Inter-Medium.woff2 new file mode 100644 index 0000000..f92498a Binary files /dev/null and b/assets/layout/styles/theme/tailwind-light/fonts/Inter-Medium.woff2 differ diff --git a/assets/layout/styles/theme/tailwind-light/fonts/Inter-Medium.woff2.br b/assets/layout/styles/theme/tailwind-light/fonts/Inter-Medium.woff2.br new file mode 100644 index 0000000..53be6e7 Binary files /dev/null and b/assets/layout/styles/theme/tailwind-light/fonts/Inter-Medium.woff2.br differ diff --git a/assets/layout/styles/theme/tailwind-light/fonts/Inter-Medium.woff2.gz b/assets/layout/styles/theme/tailwind-light/fonts/Inter-Medium.woff2.gz new file mode 100644 index 0000000..9c8e69d Binary files /dev/null and b/assets/layout/styles/theme/tailwind-light/fonts/Inter-Medium.woff2.gz differ diff --git a/assets/layout/styles/theme/tailwind-light/fonts/Inter-Regular.woff b/assets/layout/styles/theme/tailwind-light/fonts/Inter-Regular.woff new file mode 100644 index 0000000..62d3a61 Binary files /dev/null and b/assets/layout/styles/theme/tailwind-light/fonts/Inter-Regular.woff differ diff --git a/assets/layout/styles/theme/tailwind-light/fonts/Inter-Regular.woff.br b/assets/layout/styles/theme/tailwind-light/fonts/Inter-Regular.woff.br new file mode 100644 index 0000000..a90fac9 Binary files /dev/null and b/assets/layout/styles/theme/tailwind-light/fonts/Inter-Regular.woff.br differ diff --git a/assets/layout/styles/theme/tailwind-light/fonts/Inter-Regular.woff.gz b/assets/layout/styles/theme/tailwind-light/fonts/Inter-Regular.woff.gz new file mode 100644 index 0000000..437b61b Binary files /dev/null and b/assets/layout/styles/theme/tailwind-light/fonts/Inter-Regular.woff.gz differ diff --git a/assets/layout/styles/theme/tailwind-light/fonts/Inter-Regular.woff2 b/assets/layout/styles/theme/tailwind-light/fonts/Inter-Regular.woff2 new file mode 100644 index 0000000..6c2b689 Binary files /dev/null and b/assets/layout/styles/theme/tailwind-light/fonts/Inter-Regular.woff2 differ diff --git a/assets/layout/styles/theme/tailwind-light/fonts/Inter-Regular.woff2.br b/assets/layout/styles/theme/tailwind-light/fonts/Inter-Regular.woff2.br new file mode 100644 index 0000000..335b02d Binary files /dev/null and b/assets/layout/styles/theme/tailwind-light/fonts/Inter-Regular.woff2.br differ diff --git a/assets/layout/styles/theme/tailwind-light/fonts/Inter-Regular.woff2.gz b/assets/layout/styles/theme/tailwind-light/fonts/Inter-Regular.woff2.gz new file mode 100644 index 0000000..e3c6753 Binary files /dev/null and b/assets/layout/styles/theme/tailwind-light/fonts/Inter-Regular.woff2.gz differ diff --git a/assets/layout/styles/theme/tailwind-light/fonts/Inter-SemiBold.woff b/assets/layout/styles/theme/tailwind-light/fonts/Inter-SemiBold.woff new file mode 100644 index 0000000..a815f43 Binary files /dev/null and b/assets/layout/styles/theme/tailwind-light/fonts/Inter-SemiBold.woff differ diff --git a/assets/layout/styles/theme/tailwind-light/fonts/Inter-SemiBold.woff.br b/assets/layout/styles/theme/tailwind-light/fonts/Inter-SemiBold.woff.br new file mode 100644 index 0000000..1ecda99 Binary files /dev/null and b/assets/layout/styles/theme/tailwind-light/fonts/Inter-SemiBold.woff.br differ diff --git a/assets/layout/styles/theme/tailwind-light/fonts/Inter-SemiBold.woff.gz b/assets/layout/styles/theme/tailwind-light/fonts/Inter-SemiBold.woff.gz new file mode 100644 index 0000000..593e07e Binary files /dev/null and b/assets/layout/styles/theme/tailwind-light/fonts/Inter-SemiBold.woff.gz differ diff --git a/assets/layout/styles/theme/tailwind-light/fonts/Inter-SemiBold.woff2 b/assets/layout/styles/theme/tailwind-light/fonts/Inter-SemiBold.woff2 new file mode 100644 index 0000000..611e90c Binary files /dev/null and b/assets/layout/styles/theme/tailwind-light/fonts/Inter-SemiBold.woff2 differ diff --git a/assets/layout/styles/theme/tailwind-light/fonts/Inter-SemiBold.woff2.br b/assets/layout/styles/theme/tailwind-light/fonts/Inter-SemiBold.woff2.br new file mode 100644 index 0000000..bd75c93 Binary files /dev/null and b/assets/layout/styles/theme/tailwind-light/fonts/Inter-SemiBold.woff2.br differ diff --git a/assets/layout/styles/theme/tailwind-light/fonts/Inter-SemiBold.woff2.gz b/assets/layout/styles/theme/tailwind-light/fonts/Inter-SemiBold.woff2.gz new file mode 100644 index 0000000..55e139b Binary files /dev/null and b/assets/layout/styles/theme/tailwind-light/fonts/Inter-SemiBold.woff2.gz differ diff --git a/assets/layout/styles/theme/tailwind-light/theme.css b/assets/layout/styles/theme/tailwind-light/theme.css new file mode 100644 index 0000000..71de847 --- /dev/null +++ b/assets/layout/styles/theme/tailwind-light/theme.css @@ -0,0 +1,6399 @@ +:root { + --surface-a:#ffffff; + --surface-b:#fafafa; + --surface-c:#f4f4f5; + --surface-d:#e5e7eb; + --surface-e:#ffffff; + --surface-f:#ffffff; + --text-color:#3f3f46; + --text-color-secondary:#71717A; + --primary-color:#4F46E5; + --primary-color-text:#ffffff; + --font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; + --surface-0: #ffffff; + --surface-50: #FAFAFA; + --surface-100: #F4F4F5; + --surface-200: #E4E4E7; + --surface-300: #D4D4D8; + --surface-400: #A1A1AA; + --surface-500: #71717A; + --surface-600: #52525B; + --surface-700: #3F3F46; + --surface-800: #27272A; + --surface-900: #18181B; + --gray-50: #FAFAFA; + --gray-100: #F4F4F5; + --gray-200: #E4E4E7; + --gray-300: #D4D4D8; + --gray-400: #A1A1AA; + --gray-500: #71717A; + --gray-600: #52525B; + --gray-700: #3F3F46; + --gray-800: #27272A; + --gray-900: #18181B; + --content-padding:1.25rem; + --inline-spacing:0.5rem; + --border-radius:0.375rem; + --surface-ground:#FAFAFA; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#e5e7eb; + --surface-hover: #f4f4f5; + --focus-ring: 0 0 0 1px #6366F1; + --maskbg: rgba(0, 0, 0, 0.4); + color-scheme: light; +} + +@font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 300; + src: local(""), url("./fonts/Inter-Light.woff2") format("woff2"), url("./fonts/Inter-Light.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +@font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 400; + src: local(""), url("./fonts/Inter-Regular.woff2") format("woff2"), url("./fonts/Inter-Regular.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +@font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 500; + src: local(""), url("./fonts/Inter-Medium.woff2") format("woff2"), url("./fonts/Inter-Medium.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +@font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 600; + src: local(""), url("./fonts/Inter-SemiBold.woff2") format("woff2"), url("./fonts/Inter-SemiBold.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +@font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 700; + src: local(""), url("./fonts/Inter-Bold.woff2") format("woff2"), url("./fonts/Inter-Bold.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +* { + box-sizing: border-box; +} + +.p-component { + font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + font-size: 1rem; + font-weight: normal; +} + +.p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; +} + +.p-disabled, .p-component:disabled { + opacity: 0.6; +} + +.p-error { + color: #e24c4c; +} + +.p-text-secondary { + color: #71717A; +} + +.pi { + font-size: 1rem; +} + +.p-link { + font-size: 1rem; + font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + border-radius: 0.375rem; +} +.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366F1; +} + +.p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; +} + +.p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; +} + +@keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } +} +@keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } +} + +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --red-50:#fef6f6; + --red-100:#fbd2d2; + --red-200:#f8afaf; + --red-300:#f58b8b; + --red-400:#f26868; + --red-500:#ef4444; + --red-600:#cb3a3a; + --red-700:#a73030; + --red-800:#832525; + --red-900:#601b1b; + --primary-50:#f6f6fe; + --primary-100:#d5d3f9; + --primary-200:#b3aff4; + --primary-300:#928cef; + --primary-400:#7069ea; + --primary-500:#4f46e5; + --primary-600:#433cc3; + --primary-700:#3731a0; + --primary-800:#2b277e; + --primary-900:#201c5c; +} + +.p-autocomplete .p-autocomplete-loader { + right: 0.75rem; +} +.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.75rem; +} +.p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + border-color: #d4d4d8; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366F1; + border-color: #4F46E5; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.375rem 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + font-size: 1rem; + color: #3f3f46; + padding: 0; + margin: 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.375rem 0.75rem; + background: #EEF2FF; + color: #312E81; + border-radius: 0.375rem; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; +} + +p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f0a9a7; +} + +.p-autocomplete-panel { + background: #ffffff; + color: #3f3f46; + border: 0 none; + border-radius: 0.375rem; + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); +} +.p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.75rem 1rem; + border: 0 none; + color: #3f3f46; + background: transparent; + transition: none; + border-radius: 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { + color: #18181B; + background: #f4f4f5; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #312E81; + background: #EEF2FF; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.75rem 1rem; + color: #3f3f46; + background: transparent; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: #3f3f46; + background: #ffffff; + font-weight: 600; +} + +p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; +} +p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #71717A; + right: 0.75rem; +} + +p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #71717A; + right: 3.75rem; +} + +p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #f0a9a7; +} + +.p-datepicker { + padding: 0.5rem; + background: #ffffff; + color: #3f3f46; + border: 1px solid #d4d4d8; + border-radius: 0.375rem; +} +.p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 0 none; + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); +} +.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; +} +.p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: #3f3f46; + background: #ffffff; + font-weight: 600; + margin: 0; + border-bottom: 1px solid #e5e7eb; + border-top-right-radius: 0.375rem; + border-top-left-radius: 0.375rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2rem; + height: 2rem; + color: #71717A; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: none; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #18181B; + border-color: transparent; + background: #f4f4f5; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366F1; +} +.p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 2rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #3f3f46; + transition: none; + font-weight: 600; + padding: 0.5rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #4F46E5; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; +} +.p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0; +} +.p-datepicker table th { + padding: 0.5rem; +} +.p-datepicker table th > span { + width: 2.5rem; + height: 2.5rem; +} +.p-datepicker table td { + padding: 0.5rem; +} +.p-datepicker table td > span { + width: 2.5rem; + height: 2.5rem; + border-radius: 50%; + transition: none; + border: 1px solid transparent; +} +.p-datepicker table td > span.p-highlight { + color: #312E81; + background: #EEF2FF; +} +.p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366F1; +} +.p-datepicker table td.p-datepicker-today > span { + background: #d4d4d8; + color: #3f3f46; + border-color: transparent; +} +.p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #312E81; + background: #EEF2FF; +} +.p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #f3f4f6; +} +.p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; +} +.p-datepicker .p-timepicker { + border-top: 1px solid #f3f4f6; + padding: 0.5rem; +} +.p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: #71717A; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: none; +} +.p-datepicker .p-timepicker button:enabled:hover { + color: #18181B; + border-color: transparent; + background: #f4f4f5; +} +.p-datepicker .p-timepicker button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366F1; +} +.p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; +} +.p-datepicker .p-timepicker span { + font-size: 1.25rem; +} +.p-datepicker .p-timepicker > div { + padding: 0 0.5rem; +} +.p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; +} +.p-datepicker .p-monthpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.5rem; + transition: none; + border-radius: 0.375rem; +} +.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #312E81; + background: #EEF2FF; +} +.p-datepicker .p-yearpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.5rem; + transition: none; + border-radius: 0.375rem; +} +.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #312E81; + background: #EEF2FF; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #f3f4f6; + padding-right: 0.5rem; + padding-left: 0.5rem; + padding-top: 0; + padding-bottom: 0; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: #f4f4f5; +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366F1; +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: #f4f4f5; +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366F1; +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: #f4f4f5; +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366F1; +} + +p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; +} +p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #71717A; + right: 0.75rem; +} + +p-calendar.p-calendar-clearable.p-calendar-w-btn .p-calendar-clear-icon { + color: #71717A; + right: 3.75rem; +} + +@media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } +} +.p-cascadeselect { + background: #ffffff; + border: 1px solid #d4d4d8; + transition: none; + border-radius: 0.375rem; +} +.p-cascadeselect:not(.p-disabled):hover { + border-color: #d4d4d8; +} +.p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366F1; + border-color: #4F46E5; +} +.p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; +} +.p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #71717A; +} +.p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #71717A; + width: 3rem; + border-top-right-radius: 0.375rem; + border-bottom-right-radius: 0.375rem; +} + +.p-cascadeselect-panel { + background: #ffffff; + color: #3f3f46; + border: 0 none; + border-radius: 0.375rem; + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); +} +.p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: #3f3f46; + background: transparent; + transition: none; + border-radius: 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 1rem; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #6366F1; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #312E81; + background: #EEF2FF; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #18181B; + background: #f4f4f5; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; +} + +p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f0a9a7; +} + +.p-input-filled .p-cascadeselect { + background: #fafafa; +} +.p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #fafafa; +} +.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #ffffff; +} + +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; +} +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #71717A; + right: 3rem; +} + +.p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; +} +.p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); +} + +.p-checkbox { + width: 16px; + height: 16px; +} +.p-checkbox .p-checkbox-box { + border: 2px solid #d4d4d8; + background: #ffffff; + width: 16px; + height: 16px; + color: #3f3f46; + border-radius: 0.375rem; + transition: none; +} +.p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #ffffff; + font-size: 10px; +} +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #4F46E5; + background: #4F46E5; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #d4d4d8; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366F1; + border-color: #4F46E5; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #4F46E5; + background: #4F46E5; + color: #ffffff; +} + +p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f0a9a7; +} + +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #fafafa; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #4F46E5; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #fafafa; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #4F46E5; +} + +.p-checkbox-label { + margin-left: 0.5rem; +} + +.p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; +} +.p-chips .p-chips-multiple-container:not(.p-disabled):hover { + border-color: #d4d4d8; +} +.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366F1; + border-color: #4F46E5; +} +.p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.375rem 0.75rem; + background: #EEF2FF; + color: #312E81; + border-radius: 0.375rem; +} +.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; +} +.p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.375rem 0; +} +.p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + font-size: 1rem; + color: #3f3f46; + padding: 0; + margin: 0; +} + +p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #f0a9a7; +} + +p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; +} +p-chips.p-chips-clearable .p-chips-clear-icon { + color: #71717A; + right: 0.75rem; +} + +.p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; +} + +.p-colorpicker-panel { + background: #27272A; + border: 1px solid #18181B; +} +.p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; +} + +.p-colorpicker-overlay-panel { + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); +} + +.p-dropdown { + background: #ffffff; + border: 1px solid #d4d4d8; + transition: none; + border-radius: 0.375rem; +} +.p-dropdown:not(.p-disabled):hover { + border-color: #d4d4d8; +} +.p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366F1; + border-color: #4F46E5; +} +.p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; +} +.p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; +} +.p-dropdown .p-dropdown-label.p-placeholder { + color: #71717A; +} +.p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-dropdown .p-dropdown-trigger { + background: transparent; + color: #71717A; + width: 3rem; + border-top-right-radius: 0.375rem; + border-bottom-right-radius: 0.375rem; +} +.p-dropdown .p-dropdown-clear-icon { + color: #71717A; + right: 3rem; +} + +.p-dropdown-panel { + background: #ffffff; + color: #3f3f46; + border: 0 none; + border-radius: 0.375rem; + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); +} +.p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.75rem; + border-bottom: 0 none; + color: #3f3f46; + background: #fafafa; + margin: 0; + border-top-right-radius: 0.375rem; + border-top-left-radius: 0.375rem; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #71717A; +} +.p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.75rem 1rem; + border: 0 none; + color: #3f3f46; + background: transparent; + transition: none; + border-radius: 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #312E81; + background: #EEF2FF; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #18181B; + background: #f4f4f5; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 1rem; + color: #3f3f46; + background: transparent; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: #3f3f46; + background: #ffffff; + font-weight: 600; +} + +p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #f0a9a7; +} + +.p-input-filled .p-dropdown { + background: #fafafa; +} +.p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #fafafa; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #ffffff; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; +} + +.p-editor-container .p-editor-toolbar { + background: #fafafa; + border-top-right-radius: 0.375rem; + border-top-left-radius: 0.375rem; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e5e7eb; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #71717A; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #71717A; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #71717A; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #3f3f46; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #3f3f46; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #3f3f46; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #3f3f46; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #3f3f46; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #3f3f46; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + border-radius: 0.375rem; + padding: 0.25rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #3f3f46; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #18181B; + background: #f4f4f5; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 1rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #e5e7eb; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #3f3f46; + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #3f3f46; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #3f3f46; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #3f3f46; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #4F46E5; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #4F46E5; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #4F46E5; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #4F46E5; +} + +.p-inputgroup-addon { + background: #fafafa; + color: #71717A; + border-top: 1px solid #d4d4d8; + border-left: 1px solid #d4d4d8; + border-bottom: 1px solid #d4d4d8; + padding: 0.75rem 0.75rem; + min-width: 3rem; +} +.p-inputgroup-addon:last-child { + border-right: 1px solid #d4d4d8; +} + +.p-inputgroup > .p-component, +.p-inputgroup > .p-element, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; +} +.p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-element + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; +} +.p-inputgroup > .p-component:focus, +.p-inputgroup > .p-element:focus, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; +} +.p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-element:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; +} + +.p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; +} + +.p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; +} + +.p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 0.375rem; + border-bottom-right-radius: 0.375rem; +} + +.p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 0.375rem; + border-bottom-right-radius: 0.375rem; +} + +.p-fluid .p-inputgroup .p-button { + width: auto; +} +.p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 3rem; +} + +p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #f0a9a7; +} + +p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; +} +p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #71717A; + right: 0.75rem; +} + +p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #f0a9a7; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #71717A; + right: 0.75rem; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.75rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.75rem; +} + +.p-inputswitch { + width: 3rem; + height: 1.75rem; +} +.p-inputswitch .p-inputswitch-slider { + background: #d4d4d8; + transition: none; + border-radius: 30px; +} +.p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition-duration: 0.2s; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1.25rem); +} +.p-inputswitch.p-focus .p-inputswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366F1; +} +.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #bebec4; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #4F46E5; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; +} +.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #4338CA; +} + +p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + border-color: #f0a9a7; +} + +.p-inputtext { + font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + font-size: 1rem; + color: #3f3f46; + background: #ffffff; + padding: 0.75rem 0.75rem; + border: 1px solid #d4d4d8; + transition: none; + appearance: none; + border-radius: 0.375rem; +} +.p-inputtext:enabled:hover { + border-color: #d4d4d8; +} +.p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366F1; + border-color: #4F46E5; +} +.p-inputtext.ng-dirty.ng-invalid { + border-color: #f0a9a7; +} +.p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; +} +.p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; +} + +.p-float-label > label { + left: 0.75rem; + color: #71717A; + transition-duration: 0.2s; +} + +.p-float-label > .ng-invalid.ng-dirty + label { + color: #f0a9a7; +} + +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #71717A; +} + +.p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; +} + +.p-input-icon-left.p-float-label > label { + left: 2.5rem; +} + +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #71717A; +} + +.p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; +} + +::-webkit-input-placeholder { + color: #71717A; +} + +:-moz-placeholder { + color: #71717A; +} + +::-moz-placeholder { + color: #71717A; +} + +:-ms-input-placeholder { + color: #71717A; +} + +.p-input-filled .p-inputtext { + background-color: #fafafa; +} +.p-input-filled .p-inputtext:enabled:hover { + background-color: #fafafa; +} +.p-input-filled .p-inputtext:enabled:focus { + background-color: #ffffff; +} + +.p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; +} + +.p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; +} + +.p-listbox { + background: #ffffff; + color: #3f3f46; + border: 1px solid #d4d4d8; + border-radius: 0.375rem; +} +.p-listbox .p-listbox-header { + padding: 0.5rem 0.75rem; + border-bottom: 0 none; + color: #3f3f46; + background: #fafafa; + margin: 0; + border-top-right-radius: 0.375rem; + border-top-left-radius: 0.375rem; +} +.p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; +} +.p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #71717A; +} +.p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list { + padding: 0.25rem 0; +} +.p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.75rem 1rem; + border: 0 none; + color: #3f3f46; + transition: none; + border-radius: 0; +} +.p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #312E81; + background: #EEF2FF; +} +.p-listbox .p-listbox-list .p-listbox-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #6366F1; +} +.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: #3f3f46; + background: #ffffff; + font-weight: 600; +} +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.75rem 1rem; + color: #3f3f46; + background: transparent; +} +.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #18181B; + background: #f4f4f5; +} + +p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #f0a9a7; +} + +.p-multiselect { + background: #ffffff; + border: 1px solid #d4d4d8; + transition: none; + border-radius: 0.375rem; +} +.p-multiselect:not(.p-disabled):hover { + border-color: #d4d4d8; +} +.p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366F1; + border-color: #4F46E5; +} +.p-multiselect .p-multiselect-label { + padding: 0.75rem 0.75rem; + transition: none; +} +.p-multiselect .p-multiselect-label.p-placeholder { + color: #71717A; +} +.p-multiselect.p-multiselect-chip .p-multiselect-label { + gap: 0.5rem; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.375rem 0.75rem; + background: #EEF2FF; + color: #312E81; + border-radius: 0.375rem; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; +} +.p-multiselect .p-multiselect-trigger { + background: transparent; + color: #71717A; + width: 3rem; + border-top-right-radius: 0.375rem; + border-bottom-right-radius: 0.375rem; +} + +.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.375rem 0.75rem; +} + +.p-multiselect-panel { + background: #ffffff; + color: #3f3f46; + border: 0 none; + border-radius: 0.375rem; + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); +} +.p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.75rem; + border-bottom: 0 none; + color: #3f3f46; + background: #fafafa; + margin: 0; + border-top-right-radius: 0.375rem; + border-top-left-radius: 0.375rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #71717A; +} +.p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: #71717A; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: none; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #18181B; + border-color: transparent; + background: #f4f4f5; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366F1; +} +.p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.75rem 1rem; + border: 0 none; + color: #3f3f46; + background: transparent; + transition: none; + border-radius: 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #312E81; + background: #EEF2FF; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #18181B; + background: #f4f4f5; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #6366F1; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: #3f3f46; + background: #ffffff; + font-weight: 600; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.75rem 1rem; + color: #3f3f46; + background: transparent; +} + +p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f0a9a7; +} + +.p-input-filled .p-multiselect { + background: #fafafa; +} +.p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #fafafa; +} +.p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #ffffff; +} + +p-multiselect.p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; +} +p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { + color: #71717A; + right: 3rem; +} + +p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #f0a9a7; +} + +.p-password-panel { + padding: 1.25rem; + background: #ffffff; + color: #3f3f46; + border: 0 none; + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + border-radius: 0.375rem; +} +.p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #e5e7eb; +} +.p-password-panel .p-password-meter .p-password-strength.weak { + background: #EF4444; +} +.p-password-panel .p-password-meter .p-password-strength.medium { + background: #F59E0B; +} +.p-password-panel .p-password-meter .p-password-strength.strong { + background: #22C55E; +} + +p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; +} +p-password.p-password-clearable .p-password-clear-icon { + color: #71717A; + right: 0.75rem; +} + +p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; +} +p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #71717A; + right: 2.5rem; +} + +.p-radiobutton { + width: 16px; + height: 16px; +} +.p-radiobutton .p-radiobutton-box { + border: 2px solid #d4d4d8; + background: #ffffff; + width: 16px; + height: 16px; + color: #3f3f46; + border-radius: 50%; + transition: none; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #d4d4d8; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366F1; + border-color: #4F46E5; +} +.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 6px; + height: 6px; + transition-duration: 0.2s; + background-color: #ffffff; +} +.p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #4F46E5; + background: #4F46E5; +} +.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #4F46E5; + background: #4F46E5; + color: #ffffff; +} + +p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #f0a9a7; +} + +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #fafafa; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #fafafa; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #4F46E5; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #4F46E5; +} + +.p-radiobutton-label { + margin-left: 0.5rem; +} + +.p-rating .p-rating-icon { + color: #3f3f46; + margin-left: 0.5rem; + transition: none; + font-size: 1.143rem; +} +.p-rating .p-rating-icon.p-rating-cancel { + color: #EF4444; +} +.p-rating .p-rating-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366F1; +} +.p-rating .p-rating-icon:first-child { + margin-left: 0; +} +.p-rating .p-rating-icon.pi-star-fill { + color: #4F46E5; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + color: #4F46E5; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + color: #DC2626; +} + +.p-selectbutton .p-button { + background: #ffffff; + border: 1px solid #d4d4d8; + color: #3f3f46; + transition: none; +} +.p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #71717A; +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f4f4f5; + border-color: #d4d4d8; + color: #3f3f46; +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #71717A; +} +.p-selectbutton .p-button.p-highlight { + background: #4F46E5; + border-color: #4F46E5; + color: #ffffff; +} +.p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #ffffff; +} +.p-selectbutton .p-button.p-highlight:hover { + background: #4338CA; + border-color: #4338CA; + color: #ffffff; +} +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; +} + +p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #f0a9a7; +} + +.p-slider { + background: #e5e7eb; + border: 0 none; + border-radius: 0.375rem; +} +.p-slider.p-slider-horizontal { + height: 0.286rem; +} +.p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -0.5715rem; + margin-left: -0.5715rem; +} +.p-slider.p-slider-vertical { + width: 0.286rem; +} +.p-slider.p-slider-vertical .p-slider-handle { + margin-left: -0.5715rem; + margin-bottom: -0.5715rem; +} +.p-slider .p-slider-handle { + height: 1.143rem; + width: 1.143rem; + background: #ffffff; + border: 2px solid #4F46E5; + border-radius: 50%; + transition: none; +} +.p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366F1; +} +.p-slider .p-slider-range { + background: #4F46E5; +} +.p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #4F46E5; + border-color: #4F46E5; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: none, left 0.2s; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: none, bottom 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; +} + +.p-togglebutton.p-button { + background: #ffffff; + border: 1px solid #d4d4d8; + color: #3f3f46; + transition: none; +} +.p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #71717A; +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f4f4f5; + border-color: #d4d4d8; + color: #3f3f46; +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #71717A; +} +.p-togglebutton.p-button.p-highlight { + background: #4F46E5; + border-color: #4F46E5; + color: #ffffff; +} +.p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #ffffff; +} +.p-togglebutton.p-button.p-highlight:hover { + background: #4338CA; + border-color: #4338CA; + color: #ffffff; +} +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; +} + +p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #f0a9a7; +} + +.p-treeselect { + background: #ffffff; + border: 1px solid #d4d4d8; + transition: none; + border-radius: 0.375rem; +} +.p-treeselect:not(.p-disabled):hover { + border-color: #d4d4d8; +} +.p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366F1; + border-color: #4F46E5; +} +.p-treeselect .p-treeselect-label { + padding: 0.75rem 0.75rem; + transition: none; +} +.p-treeselect .p-treeselect-label.p-placeholder { + color: #71717A; +} +.p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #e5e7eb; + color: #3f3f46; + border-radius: 16px; +} +.p-treeselect .p-treeselect-trigger { + background: transparent; + color: #71717A; + width: 3rem; + border-top-right-radius: 0.375rem; + border-bottom-right-radius: 0.375rem; +} + +p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #f0a9a7; +} + +.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.375rem 0.75rem; +} + +.p-treeselect-panel { + background: #ffffff; + color: #3f3f46; + border: 0 none; + border-radius: 0.375rem; + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); +} +.p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.75rem; + border-bottom: 0 none; + color: #3f3f46; + background: #fafafa; + margin: 0; + border-top-right-radius: 0.375rem; + border-top-left-radius: 0.375rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #71717A; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: #71717A; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: none; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #18181B; + border-color: transparent; + background: #f4f4f5; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366F1; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.75rem 1rem; + color: #3f3f46; + background: transparent; +} + +.p-input-filled .p-treeselect { + background: #fafafa; +} +.p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #fafafa; +} +.p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #ffffff; +} + +p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; +} +p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #71717A; + right: 3rem; +} + +.p-button { + color: #ffffff; + background: #4F46E5; + border: 1px solid #4F46E5; + padding: 0.75rem 1rem; + font-size: 1rem; + transition: none; + border-radius: 0.375rem; +} +.p-button:enabled:hover { + background: #4338CA; + color: #ffffff; + border-color: #4338CA; +} +.p-button:enabled:active { + background: #4338CA; + color: #ffffff; + border-color: #4338CA; +} +.p-button.p-button-outlined { + background-color: transparent; + color: #4F46E5; + border: 1px solid; +} +.p-button.p-button-outlined:enabled:hover { + background: rgba(79, 70, 229, 0.04); + color: #4F46E5; + border: 1px solid; +} +.p-button.p-button-outlined:enabled:active { + background: rgba(79, 70, 229, 0.16); + color: #4F46E5; + border: 1px solid; +} +.p-button.p-button-outlined.p-button-plain { + color: #71717A; + border-color: #71717A; +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: #f4f4f5; + color: #71717A; +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: #e5e7eb; + color: #71717A; +} +.p-button.p-button-text { + background-color: transparent; + color: #4F46E5; + border-color: transparent; +} +.p-button.p-button-text:enabled:hover { + background: rgba(79, 70, 229, 0.04); + color: #4F46E5; + border-color: transparent; +} +.p-button.p-button-text:enabled:active { + background: rgba(79, 70, 229, 0.16); + color: #4F46E5; + border-color: transparent; +} +.p-button.p-button-text.p-button-plain { + color: #71717A; +} +.p-button.p-button-text.p-button-plain:enabled:hover { + background: #f4f4f5; + color: #71717A; +} +.p-button.p-button-text.p-button-plain:enabled:active { + background: #e5e7eb; + color: #71717A; +} +.p-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366F1; +} +.p-button .p-button-label { + transition-duration: 0.2s; +} +.p-button .p-button-icon-left { + margin-right: 0.5rem; +} +.p-button .p-button-icon-right { + margin-left: 0.5rem; +} +.p-button .p-button-icon-bottom { + margin-top: 0.5rem; +} +.p-button .p-button-icon-top { + margin-bottom: 0.5rem; +} +.p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #4F46E5; + background-color: #ffffff; +} +.p-button.p-button-raised { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); +} +.p-button.p-button-rounded { + border-radius: 2rem; +} +.p-button.p-button-icon-only { + width: 3rem; + padding: 0.75rem 0; +} +.p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; +} +.p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 3rem; +} +.p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.65625rem 0.875rem; +} +.p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; +} +.p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.9375rem 1.25rem; +} +.p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; +} +.p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; +} +.p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; +} + +.p-fluid .p-button { + width: 100%; +} +.p-fluid .p-button-icon-only { + width: 3rem; +} +.p-fluid .p-buttonset { + display: flex; +} +.p-fluid .p-buttonset .p-button { + flex: 1; +} + +.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + color: #ffffff; + background: #64748B; + border: 1px solid #64748B; +} +.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + background: #475569; + color: #ffffff; + border-color: #475569; +} +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #c0c7d2; +} +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: #475569; + color: #ffffff; + border-color: #475569; +} +.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + background-color: transparent; + color: #64748B; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + background: rgba(100, 116, 139, 0.04); + color: #64748B; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(100, 116, 139, 0.16); + color: #64748B; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + background-color: transparent; + color: #64748B; + border-color: transparent; +} +.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + background: rgba(100, 116, 139, 0.04); + border-color: transparent; + color: #64748B; +} +.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + background: rgba(100, 116, 139, 0.16); + border-color: transparent; + color: #64748B; +} + +.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #3B82F6; + border: 1px solid #3B82F6; +} +.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + background: #2563EB; + color: #ffffff; + border-color: #2563EB; +} +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #b1cdfb; +} +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: #2563EB; + color: #ffffff; + border-color: #2563EB; +} +.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + background-color: transparent; + color: #3B82F6; + border: 1px solid; +} +.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + background: rgba(59, 130, 246, 0.04); + color: #3B82F6; + border: 1px solid; +} +.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(59, 130, 246, 0.16); + color: #3B82F6; + border: 1px solid; +} +.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + background-color: transparent; + color: #3B82F6; + border-color: transparent; +} +.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + background: rgba(59, 130, 246, 0.04); + border-color: transparent; + color: #3B82F6; +} +.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + background: rgba(59, 130, 246, 0.16); + border-color: transparent; + color: #3B82F6; +} + +.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #22C55E; + border: 1px solid #22C55E; +} +.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + background: #16A34A; + color: #ffffff; + border-color: #16A34A; +} +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #a0efbd; +} +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: #16A34A; + color: #ffffff; + border-color: #16A34A; +} +.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + background-color: transparent; + color: #22C55E; + border: 1px solid; +} +.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + background: rgba(34, 197, 94, 0.04); + color: #22C55E; + border: 1px solid; +} +.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(34, 197, 94, 0.16); + color: #22C55E; + border: 1px solid; +} +.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + background-color: transparent; + color: #22C55E; + border-color: transparent; +} +.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22C55E; +} +.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22C55E; +} + +.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #ffffff; + background: #F59E0B; + border: 1px solid #F59E0B; +} +.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + background: #D97706; + color: #ffffff; + border-color: #D97706; +} +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #fbd89d; +} +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: #D97706; + color: #ffffff; + border-color: #D97706; +} +.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + background-color: transparent; + color: #F59E0B; + border: 1px solid; +} +.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + background: rgba(245, 158, 11, 0.04); + color: #F59E0B; + border: 1px solid; +} +.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(245, 158, 11, 0.16); + color: #F59E0B; + border: 1px solid; +} +.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + background-color: transparent; + color: #F59E0B; + border-color: transparent; +} +.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + background: rgba(245, 158, 11, 0.04); + border-color: transparent; + color: #F59E0B; +} +.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + background: rgba(245, 158, 11, 0.16); + border-color: transparent; + color: #F59E0B; +} + +.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #A855F7; + border: 1px solid #A855F7; +} +.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + background: #9333EA; + color: #ffffff; + border-color: #9333EA; +} +.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #dcbbfc; +} +.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: #9333EA; + color: #ffffff; + border-color: #9333EA; +} +.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + background-color: transparent; + color: #A855F7; + border: 1px solid; +} +.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + background: rgba(168, 85, 247, 0.04); + color: #A855F7; + border: 1px solid; +} +.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(168, 85, 247, 0.16); + color: #A855F7; + border: 1px solid; +} +.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + background-color: transparent; + color: #A855F7; + border-color: transparent; +} +.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #A855F7; +} +.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #A855F7; +} + +.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #EF4444; + border: 1px solid #EF4444; +} +.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + background: #DC2626; + color: #ffffff; + border-color: #DC2626; +} +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #f9b4b4; +} +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: #DC2626; + color: #ffffff; + border-color: #DC2626; +} +.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + background-color: transparent; + color: #EF4444; + border: 1px solid; +} +.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + background: rgba(239, 68, 68, 0.04); + color: #EF4444; + border: 1px solid; +} +.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(239, 68, 68, 0.16); + color: #EF4444; + border: 1px solid; +} +.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + background-color: transparent; + color: #EF4444; + border-color: transparent; +} +.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #EF4444; +} +.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #EF4444; +} + +.p-button.p-button-link { + color: #4F46E5; + background: transparent; + border: transparent; +} +.p-button.p-button-link:enabled:hover { + background: transparent; + color: #4F46E5; + border-color: transparent; +} +.p-button.p-button-link:enabled:hover .p-button-label { + text-decoration: underline; +} +.p-button.p-button-link:enabled:focus { + background: transparent; + box-shadow: 0 0 0 0.2rem #6366F1; + border-color: transparent; +} +.p-button.p-button-link:enabled:active { + background: transparent; + color: #4F46E5; + border-color: transparent; +} + +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: #3f3f46; + color: #fff; +} +.p-speeddial-action:hover { + background: #27272A; + color: #fff; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +.p-splitbutton { + border-radius: 0.375rem; +} +.p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #4F46E5; + border: 1px solid; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(79, 70, 229, 0.04); + color: #4F46E5; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(79, 70, 229, 0.16); + color: #4F46E5; +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: #71717A; + border-color: #71717A; +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: #f4f4f5; + color: #71717A; +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: #e5e7eb; + color: #71717A; +} +.p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #4F46E5; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(79, 70, 229, 0.04); + color: #4F46E5; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(79, 70, 229, 0.16); + color: #4F46E5; + border-color: transparent; +} +.p-splitbutton.p-button-text.p-button-plain > .p-button { + color: #71717A; +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: #f4f4f5; + color: #71717A; +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: #e5e7eb; + color: #71717A; +} +.p-splitbutton.p-button-raised { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); +} +.p-splitbutton.p-button-rounded { + border-radius: 2rem; +} +.p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; +} +.p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.65625rem 0.875rem; +} +.p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; +} +.p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.9375rem 1.25rem; +} +.p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; +} + +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #64748B; + border: 1px solid; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(100, 116, 139, 0.04); + color: #64748B; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(100, 116, 139, 0.16); + color: #64748B; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #64748B; + border-color: transparent; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(100, 116, 139, 0.04); + border-color: transparent; + color: #64748B; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(100, 116, 139, 0.16); + border-color: transparent; + color: #64748B; +} + +.p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #3B82F6; + border: 1px solid; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(59, 130, 246, 0.04); + color: #3B82F6; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(59, 130, 246, 0.16); + color: #3B82F6; +} +.p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #3B82F6; + border-color: transparent; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(59, 130, 246, 0.04); + border-color: transparent; + color: #3B82F6; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(59, 130, 246, 0.16); + border-color: transparent; + color: #3B82F6; +} + +.p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #22C55E; + border: 1px solid; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(34, 197, 94, 0.04); + color: #22C55E; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(34, 197, 94, 0.16); + color: #22C55E; +} +.p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #22C55E; + border-color: transparent; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22C55E; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22C55E; +} + +.p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #F59E0B; + border: 1px solid; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(245, 158, 11, 0.04); + color: #F59E0B; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(245, 158, 11, 0.16); + color: #F59E0B; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #F59E0B; + border-color: transparent; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(245, 158, 11, 0.04); + border-color: transparent; + color: #F59E0B; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(245, 158, 11, 0.16); + border-color: transparent; + color: #F59E0B; +} + +.p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #A855F7; + border: 1px solid; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(168, 85, 247, 0.04); + color: #A855F7; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(168, 85, 247, 0.16); + color: #A855F7; +} +.p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #A855F7; + border-color: transparent; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #A855F7; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #A855F7; +} + +.p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #EF4444; + border: 1px solid; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(239, 68, 68, 0.04); + color: #EF4444; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(239, 68, 68, 0.16); + color: #EF4444; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #EF4444; + border-color: transparent; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #EF4444; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #EF4444; +} + +.p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 2rem; + height: 2rem; + color: #71717A; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: none; + margin: 0.5rem; +} +.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #18181B; + border-color: transparent; + background: #f4f4f5; +} +.p-carousel .p-carousel-content .p-carousel-prev:focus, +.p-carousel .p-carousel-content .p-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366F1; +} +.p-carousel .p-carousel-indicators { + padding: 1rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #f4f4f5; + width: 2rem; + height: 0.5rem; + transition: none; + border-radius: 0; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #e5e7eb; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #EEF2FF; + color: #312E81; +} + +.p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-datatable .p-datatable-header { + background: #fafafa; + color: #3f3f46; + border: 1px solid #f4f4f5; + border-width: 1px 0 1px 0; + padding: 1.25rem 1.25rem; + font-weight: 600; +} +.p-datatable .p-datatable-footer { + background: #fafafa; + color: #3f3f46; + border: 1px solid #f4f4f5; + border-width: 0 0 1px 0; + padding: 0.75rem 1.5rem; + font-weight: 600; +} +.p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1.5rem; + border: 1px solid #f4f4f5; + border-width: 0 0 1px 0; + font-weight: 500; + color: #6b7280; + background: #fafafa; + transition: none; +} +.p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #f4f4f5; + border-width: 0 0 1px 0; + font-weight: 600; + color: #3f3f46; + background: #fafafa; +} +.p-datatable .p-sortable-column .p-sortable-column-icon { + color: #71717A; + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #312E81; + background: #EEF2FF; + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #f4f4f5; + color: #3f3f46; +} +.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #71717A; +} +.p-datatable .p-sortable-column.p-highlight { + background: #fafafa; + color: #4F46E5; +} +.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #4F46E5; +} +.p-datatable .p-sortable-column.p-highlight:hover { + background: #f4f4f5; + color: #4F46E5; +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #4F46E5; +} +.p-datatable .p-sortable-column:focus { + box-shadow: inset 0 0 0 0.15rem #6366F1; + outline: 0 none; +} +.p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #3f3f46; + transition: none; +} +.p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #f4f4f5; + border-width: 0 0 1px 0; + padding: 1rem 1.5rem; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 2rem; + height: 2rem; + color: #71717A; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: none; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: #18181B; + border-color: transparent; + background: #f4f4f5; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366F1; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; +} +.p-datatable .p-datatable-tbody > tr:focus { + outline: 0.15rem solid #6366F1; + outline-offset: 0.15rem; +} +.p-datatable .p-datatable-tbody > tr.p-highlight { + background: #EEF2FF; + color: #312E81; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #EEF2FF; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #EEF2FF; +} +.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #f4f4f5; + color: #3f3f46; +} +.p-datatable .p-column-resizer-helper { + background: #4F46E5; +} +.p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #fafafa; +} +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #fafafa; +} +.p-datatable .p-datatable-loading-icon { + font-size: 2rem; +} +.p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #fcfcfc; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #EEF2FF; + color: #312E81; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #312E81; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #312E81; +} +.p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.625rem 0.625rem; +} +.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.75rem; +} +.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.75rem; +} +.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.75rem; +} +.p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.75rem; +} +.p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.5625rem 1.5625rem; +} +.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.875rem; +} +.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.875rem; +} +.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.875rem; +} +.p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 1.875rem; +} + +.p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-dataview .p-dataview-header { + background: #fafafa; + color: #3f3f46; + border: 1px solid #f4f4f5; + border-width: 1px 0 1px 0; + padding: 1.25rem 1.25rem; + font-weight: 600; +} +.p-dataview .p-dataview-content { + background: #ffffff; + color: #3f3f46; + border: 0 none; + padding: 0; +} +.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { + border: solid #f4f4f5; + border-width: 0 0 1px 0; +} +.p-dataview .p-dataview-footer { + background: #fafafa; + color: #3f3f46; + border: 1px solid #f4f4f5; + border-width: 0 0 1px 0; + padding: 0.75rem 1.5rem; + font-weight: 600; + border-bottom-left-radius: 0.375rem; + border-bottom-right-radius: 0.375rem; +} +.p-dataview .p-dataview-loading-icon { + font-size: 2rem; +} +.p-dataview .p-dataview-emptymessage { + padding: 1.25rem; +} + +.p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; +} + +.p-column-filter-menu-button { + width: 2rem; + height: 2rem; + color: #71717A; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: none; +} +.p-column-filter-menu-button:hover { + color: #18181B; + border-color: transparent; + background: #f4f4f5; +} +.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: #f4f4f5; + color: #18181B; +} +.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #EEF2FF; + color: #312E81; +} +.p-column-filter-menu-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366F1; +} + +.p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: #71717A; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: none; +} +.p-column-filter-clear-button:hover { + color: #18181B; + border-color: transparent; + background: #f4f4f5; +} +.p-column-filter-clear-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366F1; +} + +.p-column-filter-overlay { + background: #ffffff; + color: #3f3f46; + border: 0 none; + border-radius: 0.375rem; + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + min-width: 12.5rem; +} +.p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.75rem 1rem; + border: 0 none; + color: #3f3f46; + background: transparent; + transition: none; + border-radius: 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #312E81; + background: #EEF2FF; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #18181B; + background: #f4f4f5; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #6366F1; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #f3f4f6; + margin: 0.25rem 0; +} + +.p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.75rem; + border-bottom: 0 none; + color: #3f3f46; + background: #fafafa; + margin: 0; + border-top-right-radius: 0.375rem; + border-top-left-radius: 0.375rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1.25rem; + border-bottom: 1px solid #f3f4f6; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; +} +.p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.75rem 1.25rem; +} +.p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1.25rem; +} + +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { + background: #fafafa; + border: 1px solid #e5e7eb; + color: #3f3f46; +} +.fc.fc-unthemed .fc-view-container td.fc-widget-content { + background: #ffffff; + border: 1px solid #e5e7eb; + color: #3f3f46; +} +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #e5e7eb; +} +.fc.fc-unthemed .fc-view-container .fc-row { + border-right: 1px solid #e5e7eb; +} +.fc.fc-unthemed .fc-view-container .fc-event { + background: #4F46E5; + border: 1px solid #4F46E5; + color: #ffffff; +} +.fc.fc-unthemed .fc-view-container .fc-divider { + background: #fafafa; + border: 1px solid #e5e7eb; +} +.fc.fc-unthemed .fc-toolbar .fc-button { + color: #ffffff; + background: #4F46E5; + border: 1px solid #4F46E5; + font-size: 1rem; + transition: none; + border-radius: 0.375rem; + display: flex; + align-items: center; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { + background: #4338CA; + color: #ffffff; + border-color: #4338CA; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { + background: #4338CA; + color: #ffffff; + border-color: #4338CA; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366F1; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-unthemed .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366F1; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #ffffff; + border: 1px solid #d4d4d8; + color: #3f3f46; + transition: none; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #f4f4f5; + border-color: #d4d4d8; + color: #3f3f46; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #4F46E5; + border-color: #4F46E5; + color: #ffffff; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #4338CA; + border-color: #4338CA; + color: #ffffff; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366F1; + z-index: 1; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 0.375rem; + border-bottom-right-radius: 0.375rem; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #e5e7eb; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #fafafa; + border-color: #e5e7eb; + color: #3f3f46; +} +.fc.fc-theme-standard .fc-view-harness td { + color: #3f3f46; + border-color: #e5e7eb; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover { + background: none; + border: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { + border: 1px solid #e5e7eb; + padding: 1.25rem; + background: #fafafa; + color: #3f3f46; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { + opacity: 1; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; + font-family: "PrimeIcons" !important; + font-size: 1rem; + width: 2rem; + height: 2rem; + color: #71717A; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: none; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { + content: "\e90b"; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { + color: #18181B; + border-color: transparent; + background: #f4f4f5; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366F1; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { + padding: 1.25rem; + border: 1px solid #e5e7eb; + background: #ffffff; + color: #3f3f46; + border-top: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #ffffff; + background: #4F46E5; + border-color: #4F46E5; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: #4F46E5; + border-color: #4F46E5; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: #f4f4f5; + color: #18181B; +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #fafafa; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #ffffff; + background: #4F46E5; + border: 1px solid #4F46E5; + font-size: 1rem; + transition: none; + border-radius: 0.375rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: #4338CA; + color: #ffffff; + border-color: #4338CA; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: #4338CA; + color: #ffffff; + border-color: #4338CA; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366F1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.6; + color: #ffffff; + background: #4F46E5; + border: 1px solid #4F46E5; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366F1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #ffffff; + border: 1px solid #d4d4d8; + color: #3f3f46; + transition: none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #f4f4f5; + border-color: #d4d4d8; + color: #3f3f46; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #4F46E5; + border-color: #4F46E5; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #4338CA; + border-color: #4338CA; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366F1; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 0.375rem; + border-bottom-right-radius: 0.375rem; +} +.fc.fc-theme-standard a { + color: #3f3f46; +} +.fc.fc-theme-standard .fc-highlight { + color: #312E81; + background: #EEF2FF; +} + +.p-orderlist .p-orderlist-controls { + padding: 1.25rem; +} +.p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; +} +.p-orderlist .p-orderlist-header { + background: #fafafa; + color: #3f3f46; + border: 1px solid #e5e7eb; + padding: 1.25rem; + border-bottom: 0 none; + border-top-right-radius: 0.375rem; + border-top-left-radius: 0.375rem; +} +.p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 700; +} +.p-orderlist .p-orderlist-filter-container { + padding: 1.25rem; + background: #ffffff; + border: 1px solid #e5e7eb; + border-bottom: 0 none; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #71717A; +} +.p-orderlist .p-orderlist-list { + border: 1px solid #e5e7eb; + background: #ffffff; + color: #3f3f46; + padding: 0.25rem 0; + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; +} +.p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.75rem 1rem; + margin: 0; + border: 0 none; + color: #3f3f46; + background: transparent; + transition: none; +} +.p-orderlist .p-orderlist-list .p-orderlist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #6366F1; +} +.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #312E81; + background: #EEF2FF; +} +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.75rem 1rem; + color: #3f3f46; +} +.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #f4f4f5; + color: #18181B; +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #fcfcfc; +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: #f4f4f5; +} + +.p-orderlist-item.cdk-drag-preview { + padding: 0.75rem 1rem; + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + border: 0 none; + color: #3f3f46; + background: #ffffff; + margin: 0; +} + +.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #f4f4f5; + color: #18181B; +} +.p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #EEF2FF; + color: #312E81; +} +.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #6f91ff; +} +.p-organizationchart .p-organizationchart-line-down { + background: #e5e7eb; +} +.p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #e5e7eb; + border-color: #e5e7eb; +} +.p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #e5e7eb; + border-color: #e5e7eb; +} +.p-organizationchart .p-organizationchart-node-content { + border: 1px solid #e5e7eb; + background: #ffffff; + color: #3f3f46; + padding: 1.25rem; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366F1; +} + +.p-paginator { + background: #ffffff; + color: #71717A; + border: solid #f4f4f5; + border-width: 0; + padding: 0.75rem 1.5rem; + border-radius: 0.375rem; +} +.p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 1px solid #d4d4d8; + color: #71717A; + min-width: 3rem; + height: 3rem; + margin: 0 0 0 -1px; + transition: none; + border-radius: 0; +} +.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: #f4f4f5; + border-color: #d4d4d8; + color: #3f3f46; +} +.p-paginator .p-paginator-first { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 3rem; +} +.p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; +} +.p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; +} +.p-paginator .p-paginator-page-input .p-inputtext { + max-width: 3rem; +} +.p-paginator .p-paginator-current { + background-color: transparent; + border: 1px solid #d4d4d8; + color: #71717A; + min-width: 3rem; + height: 3rem; + margin: 0 0 0 -1px; + padding: 0 0.5rem; +} +.p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 1px solid #d4d4d8; + color: #71717A; + min-width: 3rem; + height: 3rem; + margin: 0 0 0 -1px; + transition: none; + border-radius: 0; +} +.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #EEF2FF; + border-color: #EEF2FF; + color: #312E81; +} +.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #f4f4f5; + border-color: #d4d4d8; + color: #3f3f46; +} + +.p-picklist .p-picklist-buttons { + padding: 1.25rem; +} +.p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; +} +.p-picklist .p-picklist-header { + background: #fafafa; + color: #3f3f46; + border: 1px solid #e5e7eb; + padding: 1.25rem; + border-bottom: 0 none; + border-top-right-radius: 0.375rem; + border-top-left-radius: 0.375rem; +} +.p-picklist .p-picklist-header .p-picklist-title { + font-weight: 700; +} +.p-picklist .p-picklist-filter-container { + padding: 1.25rem; + background: #ffffff; + border: 1px solid #e5e7eb; + border-bottom: 0 none; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #71717A; +} +.p-picklist .p-picklist-list { + border: 1px solid #e5e7eb; + background: #ffffff; + color: #3f3f46; + padding: 0.25rem 0; + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; +} +.p-picklist .p-picklist-list .p-picklist-item { + padding: 0.75rem 1rem; + margin: 0; + border: 0 none; + color: #3f3f46; + background: transparent; + transition: none; +} +.p-picklist .p-picklist-list .p-picklist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #6366F1; +} +.p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #312E81; + background: #EEF2FF; +} +.p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.75rem 1rem; + color: #3f3f46; +} +.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #f4f4f5; + color: #18181B; +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #fcfcfc; +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: #f4f4f5; +} + +.p-picklist-item.cdk-drag-preview { + padding: 0.75rem 1rem; + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + border: 0 none; + color: #3f3f46; + background: #ffffff; + margin: 0; +} + +.p-timeline .p-timeline-event-marker { + border: 2px solid #4F46E5; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #ffffff; +} +.p-timeline .p-timeline-event-connector { + background-color: #e5e7eb; +} +.p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; +} +.p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; +} + +.p-tree { + border: 1px solid #e5e7eb; + background: #ffffff; + color: #3f3f46; + padding: 1.25rem; + border-radius: 0.375rem; +} +.p-tree .p-tree-container .p-treenode { + padding: 0.143rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 0.375rem; + transition: none; + padding: 0; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 2rem; + height: 2rem; + color: #71717A; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: none; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #18181B; + border-color: transparent; + background: #f4f4f5; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366F1; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #71717A; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #3f3f46; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #6366F1; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #EEF2FF; + color: #312E81; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #312E81; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #312E81; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f4f4f5; + color: #18181B; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #f4f4f5; + color: #18181B; +} +.p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; +} +.p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; +} +.p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #71717A; +} +.p-tree .p-treenode-children { + padding: 0 0 0 1rem; +} +.p-tree .p-tree-loading-icon { + font-size: 2rem; +} +.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: #8ba7ff; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 0.375rem; + border: 1px solid #e5e7eb; + background-color: #ffffff; + color: #3f3f46; + padding: 0; + transition: none; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #EEF2FF; + color: #312E81; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #312E81; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: #71717A; + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f4f4f5; + color: #18181B; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366F1; +} + +.p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-treetable .p-treetable-header { + background: #fafafa; + color: #3f3f46; + border: 1px solid #f4f4f5; + border-width: 1px 0 1px 0; + padding: 1.25rem 1.25rem; + font-weight: 600; +} +.p-treetable .p-treetable-footer { + background: #fafafa; + color: #3f3f46; + border: 1px solid #f4f4f5; + border-width: 0 0 1px 0; + padding: 0.75rem 1.5rem; + font-weight: 600; +} +.p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1.5rem; + border: 1px solid #f4f4f5; + border-width: 0 0 1px 0; + font-weight: 500; + color: #6b7280; + background: #fafafa; + transition: none; +} +.p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #f4f4f5; + border-width: 0 0 1px 0; + font-weight: 600; + color: #3f3f46; + background: #fafafa; +} +.p-treetable .p-sortable-column { + outline-color: #6366F1; +} +.p-treetable .p-sortable-column .p-sortable-column-icon { + color: #71717A; + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #312E81; + background: #EEF2FF; + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #f4f4f5; + color: #3f3f46; +} +.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #71717A; +} +.p-treetable .p-sortable-column.p-highlight { + background: #fafafa; + color: #4F46E5; +} +.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #4F46E5; +} +.p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #3f3f46; + transition: none; +} +.p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #f4f4f5; + border-width: 0 0 1px 0; + padding: 1rem 1.5rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: #71717A; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: none; + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #18181B; + border-color: transparent; + background: #f4f4f5; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366F1; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #3f3f46; +} +.p-treetable .p-treetable-tbody > tr:focus { + outline: 0.15rem solid #6366F1; + outline-offset: -0.15rem; +} +.p-treetable .p-treetable-tbody > tr.p-highlight { + background: #EEF2FF; + color: #312E81; +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #312E81; +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #312E81; +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: #f4f4f5; + color: #3f3f46; +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #3f3f46; +} +.p-treetable .p-column-resizer-helper { + background: #4F46E5; +} +.p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #fafafa; +} +.p-treetable .p-treetable-loading-icon { + font-size: 2rem; +} +.p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 1.09375rem 1.09375rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.5rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.75rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.5625rem 1.5625rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.875rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 1.25rem 1.875rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.875rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.875rem; +} + +.p-virtualscroller .p-virtualscroller-header { + background: #fafafa; + color: #3f3f46; + border: 1px solid #f4f4f5; + border-width: 1px 0 1px 0; + padding: 1.25rem 1.25rem; + font-weight: 600; +} +.p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #3f3f46; + border: 0 none; + padding: 0; +} +.p-virtualscroller .p-virtualscroller-footer { + background: #fafafa; + color: #3f3f46; + border: 1px solid #f4f4f5; + border-width: 0 0 1px 0; + padding: 0.75rem 1.5rem; + font-weight: 600; + border-bottom-left-radius: 0.375rem; + border-bottom-right-radius: 0.375rem; +} + +.p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.25rem; + border: 1px solid #e5e7eb; + color: #3f3f46; + background: #fafafa; + font-weight: 700; + border-radius: 0.375rem; + transition: none; +} +.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; +} +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366F1; +} +.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #f4f4f5; + border-color: #e5e7eb; + color: #3f3f46; +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #fafafa; + border-color: #e5e7eb; + color: #3f3f46; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #e5e7eb; + background: #f4f4f5; + color: #3f3f46; +} +.p-accordion .p-accordion-content { + padding: 1.25rem; + border: 1px solid #e5e7eb; + background: #ffffff; + color: #3f3f46; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; +} +.p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; +} +.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; +} +.p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; +} +.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 none; +} +.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-top: 0 none; +} +.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 0.375rem; + border-top-left-radius: 0.375rem; +} +.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; +} +.p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; +} + +.p-card { + background: #ffffff; + color: #3f3f46; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + border-radius: 0.375rem; +} +.p-card .p-card-body { + padding: 1.25rem; +} +.p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +.p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #71717A; +} +.p-card .p-card-content { + padding: 1.25rem 0; +} +.p-card .p-card-footer { + padding: 1.25rem 0 0 0; +} + +.p-divider .p-divider-content { + background-color: #ffffff; +} +.p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +.p-divider.p-divider-horizontal:before { + border-top: 1px #e5e7eb; +} +.p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; +} +.p-divider.p-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; +} +.p-divider.p-divider-vertical:before { + border-left: 1px #e5e7eb; +} +.p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; +} + +.p-fieldset { + border: 1px solid #e5e7eb; + background: #ffffff; + color: #3f3f46; + border-radius: 0.375rem; +} +.p-fieldset .p-fieldset-legend { + padding: 1.25rem; + border: 1px solid #e5e7eb; + color: #3f3f46; + background: #fafafa; + font-weight: 700; + border-radius: 0.375rem; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: none; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.25rem; + color: #3f3f46; + border-radius: 0.375rem; + transition: none; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366F1; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #f4f4f5; + border-color: #e5e7eb; + color: #18181B; +} +.p-fieldset .p-fieldset-content { + padding: 1.25rem; +} + +.p-panel .p-panel-header { + border: 1px solid #e5e7eb; + padding: 1.25rem; + background: #fafafa; + color: #3f3f46; + border-top-right-radius: 0.375rem; + border-top-left-radius: 0.375rem; +} +.p-panel .p-panel-header .p-panel-title { + font-weight: 700; +} +.p-panel .p-panel-header .p-panel-header-icon { + width: 2rem; + height: 2rem; + color: #71717A; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: none; +} +.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #18181B; + border-color: transparent; + background: #f4f4f5; +} +.p-panel .p-panel-header .p-panel-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366F1; +} +.p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.25rem; +} +.p-panel .p-panel-content { + padding: 1.25rem; + border: 1px solid #e5e7eb; + background: #ffffff; + color: #3f3f46; + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; + border-top: 0 none; +} +.p-panel .p-panel-footer { + padding: 0.75rem 1.25rem; + border: 1px solid #e5e7eb; + background: #ffffff; + color: #3f3f46; + border-top: 0 none; +} +.p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; +} +.p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; +} +.p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; +} + +.p-scrollpanel .p-scrollpanel-bar { + background: #fafafa; + border: 0 none; +} + +.p-splitter { + border: 1px solid #e5e7eb; + background: #ffffff; + border-radius: 0.375rem; + color: #3f3f46; +} +.p-splitter .p-splitter-gutter { + transition: none; + background: #fafafa; +} +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #e5e7eb; +} +.p-splitter .p-splitter-gutter-resizing { + background: #e5e7eb; +} + +.p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #e5e7eb; + border-width: 0 0 2px 0; +} +.p-tabview .p-tabview-nav li { + margin-right: 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #e5e7eb; + border-width: 0 0 2px 0; + border-color: transparent transparent #e5e7eb transparent; + background: #ffffff; + color: #71717A; + padding: 1.25rem; + font-weight: 700; + border-top-right-radius: 0.375rem; + border-top-left-radius: 0.375rem; + transition: none; + margin: 0 0 -2px 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #6366F1; +} +.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #71717A; + color: #71717A; +} +.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #4F46E5; + color: #4F46E5; +} +.p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; +} +.p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-close { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #4F46E5; + width: 3rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + border-radius: 0; +} +.p-tabview .p-tabview-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #6366F1; +} +.p-tabview .p-tabview-panels { + background: #ffffff; + padding: 1.25rem; + border: 0 none; + color: #3f3f46; + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; +} + +.p-toolbar { + background: #fafafa; + border: 1px solid #e5e7eb; + padding: 1.25rem; + border-radius: 0.375rem; + gap: 0.5rem; +} +.p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; +} + +.p-confirm-popup { + background: #ffffff; + color: #3f3f46; + border: 0 none; + border-radius: 0.375rem; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); +} +.p-confirm-popup .p-confirm-popup-content { + padding: 1.25rem; +} +.p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.75rem 1.25rem; +} +.p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; +} +.p-confirm-popup:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +.p-confirm-popup:before { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +.p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #ffffff; +} +.p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #ffffff; +} +.p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; +} +.p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; +} + +.p-dialog { + border-radius: 0.375rem; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + border: 0 none; +} +.p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: #3f3f46; + padding: 1.5rem; + border-top-right-radius: 0.375rem; + border-top-left-radius: 0.375rem; +} +.p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.5rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: #71717A; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: none; + margin-right: 0.5rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #18181B; + border-color: transparent; + background: #f4f4f5; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366F1; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; +} +.p-dialog .p-dialog-content { + background: #ffffff; + color: #3f3f46; + padding: 0 1.5rem 1.5rem 1.5rem; +} +.p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; +} +.p-dialog .p-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: #3f3f46; + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; +} +.p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; +} + +.p-overlaypanel { + background: #ffffff; + color: #3f3f46; + border: 0 none; + border-radius: 0.375rem; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); +} +.p-overlaypanel .p-overlaypanel-content { + padding: 1.25rem; +} +.p-overlaypanel .p-overlaypanel-close { + background: #4F46E5; + color: #ffffff; + width: 2rem; + height: 2rem; + transition: none; + border-radius: 50%; + position: absolute; + top: -1rem; + right: -1rem; +} +.p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #4338CA; + color: #ffffff; +} +.p-overlaypanel:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +.p-overlaypanel:before { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #f2f2f2; +} +.p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #ffffff; +} +.p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #ffffff; +} + +.p-sidebar { + background: #ffffff; + color: #3f3f46; + border: 0 none; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); +} +.p-sidebar .p-sidebar-header { + padding: 1.25rem; +} +.p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: #71717A; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: none; +} +.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #18181B; + border-color: transparent; + background: #f4f4f5; +} +.p-sidebar .p-sidebar-header .p-sidebar-close:focus, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366F1; +} +.p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; +} +.p-sidebar .p-sidebar-content { + padding: 1.25rem; +} +.p-sidebar .p-sidebar-footer { + padding: 1.25rem; +} + +.p-tooltip .p-tooltip-text { + background: #3f3f46; + color: #ffffff; + padding: 0.75rem 0.75rem; + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + border-radius: 0.375rem; +} +.p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #3f3f46; +} +.p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #3f3f46; +} +.p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #3f3f46; +} +.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #3f3f46; +} + +.p-fileupload .p-fileupload-buttonbar { + background: #fafafa; + padding: 1.25rem; + border: 1px solid #e5e7eb; + color: #3f3f46; + border-bottom: 0 none; + border-top-right-radius: 0.375rem; + border-top-left-radius: 0.375rem; +} +.p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; +} +.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366F1; +} +.p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 2rem 1rem; + border: 1px solid #e5e7eb; + color: #3f3f46; + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; +} +.p-fileupload .p-progressbar { + height: 0.25rem; +} +.p-fileupload .p-fileupload-row > div { + padding: 1rem 1.5rem; +} +.p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; +} + +.p-fileupload-choose:not(.p-disabled):hover { + background: #4338CA; + color: #ffffff; + border-color: #4338CA; +} +.p-fileupload-choose:not(.p-disabled):active { + background: #4338CA; + color: #ffffff; + border-color: #4338CA; +} + +.p-breadcrumb { + background: #ffffff; + border: 1px solid #e5e7eb; + border-radius: 0.375rem; + padding: 1rem; +} +.p-breadcrumb ul li .p-menuitem-link { + transition: none; + border-radius: 0.375rem; +} +.p-breadcrumb ul li .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366F1; +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { + color: #3f3f46; +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { + color: #71717A; +} +.p-breadcrumb ul li.p-breadcrumb-chevron { + margin: 0 0.5rem 0 0.5rem; + color: #3f3f46; +} +.p-breadcrumb ul li:last-child .p-menuitem-text { + color: #3f3f46; +} +.p-breadcrumb ul li:last-child .p-menuitem-icon { + color: #71717A; +} + +.p-contextmenu { + padding: 0.25rem 0; + background: #ffffff; + color: #3f3f46; + border: 0 none; + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + border-radius: 0.375rem; + width: 12.5rem; +} +.p-contextmenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: #3f3f46; + border-radius: 0; + transition: none; + user-select: none; +} +.p-contextmenu .p-menuitem-link .p-menuitem-text { + color: #3f3f46; +} +.p-contextmenu .p-menuitem-link .p-menuitem-icon { + color: #71717A; + margin-right: 0.5rem; +} +.p-contextmenu .p-menuitem-link .p-submenu-icon { + color: #71717A; +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + background: #f4f4f5; +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #18181B; +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #71717A; +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #71717A; +} +.p-contextmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #6366F1; +} +.p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + border-radius: 0.375rem; +} +.p-contextmenu .p-menuitem { + margin: 0; +} +.p-contextmenu .p-menuitem:last-child { + margin: 0; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #f4f4f5; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: #3f3f46; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: #71717A; +} +.p-contextmenu .p-menu-separator { + border-top: 1px solid #f3f4f6; + margin: 0.25rem 0; +} +.p-contextmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-contextmenu .p-menuitem-badge { + background: #4F46E5; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 0.375rem; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + +@media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } +} +.p-megamenu { + padding: 1rem; + background: #fafafa; + color: #3f3f46; + border: 1px solid #e5e7eb; + border-radius: 0.375rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: #3f3f46; + border-radius: 0.375rem; + transition: none; + user-select: none; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #3f3f46; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #71717A; + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #71717A; + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #f4f4f5; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #18181B; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #71717A; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #71717A; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #6366F1; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: #f4f4f5; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #3f3f46; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #71717A; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #71717A; +} +.p-megamenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: #3f3f46; + border-radius: 0; + transition: none; + user-select: none; +} +.p-megamenu .p-menuitem-link .p-menuitem-text { + color: #3f3f46; +} +.p-megamenu .p-menuitem-link .p-menuitem-icon { + color: #71717A; + margin-right: 0.5rem; +} +.p-megamenu .p-menuitem-link .p-submenu-icon { + color: #71717A; +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover { + background: #f4f4f5; +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #18181B; +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #71717A; +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #71717A; +} +.p-megamenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #6366F1; +} +.p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #3f3f46; + border: 0 none; + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); +} +.p-megamenu .p-megamenu-submenu-header { + margin: 0; + padding: 0.75rem 1rem; + color: #3f3f46; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 0.375rem; + border-top-left-radius: 0.375rem; +} +.p-megamenu .p-megamenu-submenu { + padding: 0.25rem 0; + width: 12.5rem; +} +.p-megamenu .p-megamenu-submenu .p-menu-separator { + border-top: 1px solid #f3f4f6; + margin: 0.25rem 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem { + margin: 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #f4f4f5; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: #3f3f46; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: #71717A; +} +.p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem { + margin: 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem-badge { + background: #4F46E5; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 0.375rem; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menu { + padding: 0.25rem 0; + background: #ffffff; + color: #3f3f46; + border: 1px solid #e5e7eb; + border-radius: 0.375rem; + width: 12.5rem; +} +.p-menu .p-menuitem-link { + padding: 0.75rem 1rem; + color: #3f3f46; + border-radius: 0; + transition: none; + user-select: none; +} +.p-menu .p-menuitem-link .p-menuitem-text { + color: #3f3f46; +} +.p-menu .p-menuitem-link .p-menuitem-icon { + color: #71717A; + margin-right: 0.5rem; +} +.p-menu .p-menuitem-link .p-submenu-icon { + color: #71717A; +} +.p-menu .p-menuitem-link:not(.p-disabled):hover { + background: #f4f4f5; +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #18181B; +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #71717A; +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #71717A; +} +.p-menu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #6366F1; +} +.p-menu.p-menu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); +} +.p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem 1rem; + color: #3f3f46; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.p-menu .p-menu-separator { + border-top: 1px solid #f3f4f6; + margin: 0.25rem 0; +} +.p-menu .p-menuitem { + margin: 0; +} +.p-menu .p-menuitem:last-child { + margin: 0; +} +.p-menu .p-menuitem-badge { + background: #4F46E5; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 0.375rem; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menubar { + padding: 1rem; + background: #fafafa; + color: #3f3f46; + border: 1px solid #e5e7eb; + border-radius: 0.375rem; +} +.p-menubar .p-menuitem-link { + padding: 0.75rem 1rem; + color: #3f3f46; + border-radius: 0; + transition: none; + user-select: none; +} +.p-menubar .p-menuitem-link .p-menuitem-text { + color: #3f3f46; +} +.p-menubar .p-menuitem-link .p-menuitem-icon { + color: #71717A; + margin-right: 0.5rem; +} +.p-menubar .p-menuitem-link .p-submenu-icon { + color: #71717A; +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover { + background: #f4f4f5; +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #18181B; +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #71717A; +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #71717A; +} +.p-menubar .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #6366F1; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: #3f3f46; + border-radius: 0.375rem; + transition: none; + user-select: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #3f3f46; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #71717A; + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #71717A; + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #f4f4f5; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #18181B; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #71717A; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #71717A; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #6366F1; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: #f4f4f5; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #3f3f46; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #71717A; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #71717A; +} +.p-menubar .p-submenu-list { + padding: 0.25rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + width: 12.5rem; +} +.p-menubar .p-submenu-list .p-menu-separator { + border-top: 1px solid #f3f4f6; + margin: 0.25rem 0; +} +.p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; +} +.p-menubar .p-submenu-list .p-menuitem { + margin: 0; +} +.p-menubar .p-submenu-list .p-menuitem:last-child { + margin: 0; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #f4f4f5; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: #3f3f46; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: #71717A; +} +.p-menubar .p-menuitem-badge { + background: #4F46E5; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 0.375rem; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +@media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 2rem; + height: 2rem; + color: #71717A; + border-radius: 50%; + transition: none; + } + .p-menubar .p-menubar-button:hover { + color: #71717A; + background: #f4f4f5; + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366F1; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menu-separator { + border-top: 1px solid #f3f4f6; + margin: 0.25rem 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: #3f3f46; + border-radius: 0; + transition: none; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #3f3f46; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #71717A; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #71717A; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #f4f4f5; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #18181B; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #71717A; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #71717A; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #6366F1; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } +} +.p-panelmenu .p-panelmenu-header > a { + padding: 1.25rem; + border: 1px solid #e5e7eb; + color: #3f3f46; + background: #fafafa; + font-weight: 700; + border-radius: 0.375rem; + transition: none; +} +.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366F1; +} +.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + background: #f4f4f5; + border-color: #e5e7eb; + color: #3f3f46; +} +.p-panelmenu .p-panelmenu-header.p-highlight { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight > a { + background: #fafafa; + border-color: #e5e7eb; + color: #3f3f46; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + border-color: #e5e7eb; + background: #f4f4f5; + color: #3f3f46; +} +.p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0; + border: 1px solid #e5e7eb; + background: #ffffff; + color: #3f3f46; + margin-bottom: 0; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { + padding: 0.75rem 1rem; + color: #3f3f46; + border-radius: 0; + transition: none; + user-select: none; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + color: #3f3f46; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + color: #71717A; + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + color: #71717A; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + background: #f4f4f5; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #18181B; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #71717A; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #71717A; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #6366F1; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { + padding: 0 0 0 1rem; +} +.p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { + border-radius: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; +} +.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { + border-top: 0 none; +} +.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { + border-top: 0 none; +} +.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { + border-top-right-radius: 0.375rem; + border-top-left-radius: 0.375rem; +} +.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; +} +.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; +} +.p-panelmenu .p-menuitem-badge { + background: #4F46E5; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 0.375rem; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-slidemenu { + padding: 0.25rem 0; + background: #ffffff; + color: #3f3f46; + border: 1px solid #e5e7eb; + border-radius: 0.375rem; + width: 12.5rem; +} +.p-slidemenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: #3f3f46; + border-radius: 0; + transition: none; + user-select: none; +} +.p-slidemenu .p-menuitem-link .p-menuitem-text { + color: #3f3f46; +} +.p-slidemenu .p-menuitem-link .p-menuitem-icon { + color: #71717A; + margin-right: 0.5rem; +} +.p-slidemenu .p-menuitem-link .p-submenu-icon { + color: #71717A; +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + background: #f4f4f5; +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #18181B; +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #71717A; +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #71717A; +} +.p-slidemenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #6366F1; +} +.p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); +} +.p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { + background: #f4f4f5; +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { + color: #3f3f46; +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { + color: #71717A; +} +.p-slidemenu .p-slidemenu-separator { + border-top: 1px solid #f3f4f6; + margin: 0.25rem 0; +} +.p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; +} +.p-slidemenu .p-slidemenu-backward { + padding: 0.75rem 1rem; + color: #3f3f46; +} +.p-slidemenu .p-menuitem-badge { + background: #4F46E5; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 0.375rem; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: none; + border-radius: 0.375rem; + background: #ffffff; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #3f3f46; + border: 1px solid #f4f4f5; + background: #ffffff; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: #71717A; +} +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366F1; +} +.p-steps .p-steps-item.p-highlight .p-steps-number { + background: #EEF2FF; + color: #312E81; +} +.p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 600; + color: #3f3f46; +} +.p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #f3f4f6; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; +} + +.p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: 1px solid #e5e7eb; + border-width: 0 0 2px 0; +} +.p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #4F46E5; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 0.375rem; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #e5e7eb; + border-width: 0 0 2px 0; + border-color: transparent transparent #e5e7eb transparent; + background: #ffffff; + color: #71717A; + padding: 1.25rem; + font-weight: 700; + border-top-right-radius: 0.375rem; + border-top-left-radius: 0.375rem; + transition: none; + margin: 0 0 -2px 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #6366F1; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #71717A; + color: #71717A; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #4F46E5; + color: #4F46E5; +} +.p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #ffffff; + color: #4F46E5; + width: 3rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + border-radius: 0; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #6366F1; +} + +.p-tieredmenu { + padding: 0.25rem 0; + background: #ffffff; + color: #3f3f46; + border: 1px solid #e5e7eb; + border-radius: 0.375rem; + width: 12.5rem; +} +.p-tieredmenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: #3f3f46; + border-radius: 0; + transition: none; + user-select: none; +} +.p-tieredmenu .p-menuitem-link .p-menuitem-text { + color: #3f3f46; +} +.p-tieredmenu .p-menuitem-link .p-menuitem-icon { + color: #71717A; + margin-right: 0.5rem; +} +.p-tieredmenu .p-menuitem-link .p-submenu-icon { + color: #71717A; +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + background: #f4f4f5; +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #18181B; +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #71717A; +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #71717A; +} +.p-tieredmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #6366F1; +} +.p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); +} +.p-tieredmenu .p-submenu-list { + padding: 0.25rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); +} +.p-tieredmenu .p-menuitem { + margin: 0; +} +.p-tieredmenu .p-menuitem:last-child { + margin: 0; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #f4f4f5; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: #3f3f46; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: #71717A; +} +.p-tieredmenu .p-menu-separator { + border-top: 1px solid #f3f4f6; + margin: 0.25rem 0; +} +.p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-tieredmenu .p-menuitem-badge { + background: #4F46E5; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 0.375rem; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-inline-message { + padding: 0.75rem 0.75rem; + margin: 0; + border-radius: 0.375rem; +} +.p-inline-message.p-inline-message-info { + background: #EFF6FF; + border: none; + border-width: 0px; + color: #2563EB; +} +.p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #2563EB; +} +.p-inline-message.p-inline-message-success { + background: #ECFDF5; + border: none; + border-width: 0px; + color: #059669; +} +.p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #059669; +} +.p-inline-message.p-inline-message-warn { + background: #FEF3C7; + border: none; + border-width: 0px; + color: #D97706; +} +.p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #D97706; +} +.p-inline-message.p-inline-message-error { + background: #FEF3C7; + border: none; + border-width: 0px; + color: #DC2626; +} +.p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #DC2626; +} +.p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; +} +.p-inline-message .p-inline-message-text { + font-size: 1rem; +} +.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; +} + +.p-message { + margin: 1rem 0; + border-radius: 0.375rem; +} +.p-message .p-message-wrapper { + padding: 1.25rem 1.75rem; +} +.p-message .p-message-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: none; +} +.p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-message .p-message-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366F1; +} +.p-message.p-message-info { + background: #EFF6FF; + border: none; + border-width: 0 0 0 6px; + color: #2563EB; +} +.p-message.p-message-info .p-message-icon { + color: #2563EB; +} +.p-message.p-message-info .p-message-close { + color: #2563EB; +} +.p-message.p-message-success { + background: #ECFDF5; + border: none; + border-width: 0 0 0 6px; + color: #059669; +} +.p-message.p-message-success .p-message-icon { + color: #059669; +} +.p-message.p-message-success .p-message-close { + color: #059669; +} +.p-message.p-message-warn { + background: #FEF3C7; + border: none; + border-width: 0 0 0 6px; + color: #D97706; +} +.p-message.p-message-warn .p-message-icon { + color: #D97706; +} +.p-message.p-message-warn .p-message-close { + color: #D97706; +} +.p-message.p-message-error { + background: #FEF3C7; + border: none; + border-width: 0 0 0 6px; + color: #DC2626; +} +.p-message.p-message-error .p-message-icon { + color: #DC2626; +} +.p-message.p-message-error .p-message-close { + color: #DC2626; +} +.p-message .p-message-text { + font-size: 1rem; + font-weight: 500; +} +.p-message .p-message-icon { + font-size: 1.5rem; + margin-right: 0.5rem; +} +.p-message .p-message-summary { + font-weight: 700; +} +.p-message .p-message-detail { + margin-left: 0.5rem; +} + +.p-toast { + opacity: 0.9; +} +.p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + border-radius: 0.375rem; +} +.p-toast .p-toast-message .p-toast-message-content { + padding: 1rem; + border-width: 0 0 0 6px; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 1rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 2rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 700; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; +} +.p-toast .p-toast-message .p-toast-icon-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: none; +} +.p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-toast .p-toast-message .p-toast-icon-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366F1; +} +.p-toast .p-toast-message.p-toast-message-info { + background: #EFF6FF; + border: none; + border-width: 0 0 0 6px; + color: #2563EB; +} +.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #2563EB; +} +.p-toast .p-toast-message.p-toast-message-success { + background: #ECFDF5; + border: none; + border-width: 0 0 0 6px; + color: #059669; +} +.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #059669; +} +.p-toast .p-toast-message.p-toast-message-warn { + background: #FEF3C7; + border: none; + border-width: 0 0 0 6px; + color: #D97706; +} +.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #D97706; +} +.p-toast .p-toast-message.p-toast-message-error { + background: #FEF3C7; + border: none; + border-width: 0 0 0 6px; + color: #DC2626; +} +.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #DC2626; +} + +.p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #fafafa; + width: 4rem; + height: 4rem; + transition: none; + border-radius: 50%; +} +.p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #fafafa; +} +.p-galleria .p-galleria-item-nav { + background: transparent; + color: #fafafa; + width: 4rem; + height: 4rem; + transition: none; + border-radius: 0.375rem; + margin: 0 0.5rem; +} +.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #fafafa; +} +.p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #fafafa; + padding: 1rem; +} +.p-galleria .p-galleria-indicators { + padding: 1rem; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #f4f4f5; + width: 1rem; + height: 1rem; + transition: none; + border-radius: 50%; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #e5e7eb; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #EEF2FF; + color: #312E81; +} +.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; +} +.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #EEF2FF; + color: #312E81; +} +.p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #fafafa; + width: 2rem; + height: 2rem; + transition: none; + border-radius: 50%; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #fafafa; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366F1; +} + +.p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-preview-indicator { + background-color: transparent; + color: #f8f9fa; + transition: none; +} + +.p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); +} + +.p-image-toolbar { + padding: 1rem; +} + +.p-image-action.p-link { + color: #f8f9fa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: none; + margin-right: 0.5rem; +} +.p-image-action.p-link:last-child { + margin-right: 0; +} +.p-image-action.p-link:hover { + color: #f8f9fa; + background-color: rgba(255, 255, 255, 0.1); +} +.p-image-action.p-link i { + font-size: 1.5rem; +} + +.p-avatar { + background-color: #e5e7eb; + border-radius: 0.375rem; +} +.p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +.p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; +} +.p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +.p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; +} + +.p-avatar-group .p-avatar { + border: 2px solid #ffffff; +} + +.p-badge { + background: #4F46E5; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +.p-badge.p-badge-secondary { + background-color: #64748B; + color: #ffffff; +} +.p-badge.p-badge-success { + background-color: #22C55E; + color: #ffffff; +} +.p-badge.p-badge-info { + background-color: #3B82F6; + color: #ffffff; +} +.p-badge.p-badge-warning { + background-color: #F59E0B; + color: #ffffff; +} +.p-badge.p-badge-danger { + background-color: #EF4444; + color: #ffffff; +} +.p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +.p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} + +.p-chip { + background-color: #e5e7eb; + color: #3f3f46; + border-radius: 16px; + padding: 0 0.75rem; +} +.p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; +} +.p-chip .p-chip-icon { + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; +} +.p-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + border-radius: 0.375rem; + transition: none; +} +.p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366F1; +} + +.p-inplace .p-inplace-display { + padding: 0.75rem 0.75rem; + border-radius: 0.375rem; + transition: none; +} +.p-inplace .p-inplace-display:not(.p-disabled):hover { + background: #f4f4f5; + color: #18181B; +} +.p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366F1; +} + +.p-progressbar { + border: 0 none; + height: 1.5rem; + background: #e5e7eb; + border-radius: 0.375rem; +} +.p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #4F46E5; +} +.p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.5rem; +} + +.p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + transition: none; +} +.p-scrolltop.p-link { + background: rgba(0, 0, 0, 0.7); +} +.p-scrolltop.p-link:hover { + background: rgba(0, 0, 0, 0.8); +} +.p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #fafafa; +} + +.p-skeleton { + background-color: #f4f4f5; + border-radius: 0.375rem; +} +.p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); +} + +.p-tag { + background: #4F46E5; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 0.375rem; +} +.p-tag.p-tag-success { + background-color: #22C55E; + color: #ffffff; +} +.p-tag.p-tag-info { + background-color: #3B82F6; + color: #ffffff; +} +.p-tag.p-tag-warning { + background-color: #F59E0B; + color: #ffffff; +} +.p-tag.p-tag-danger { + background-color: #EF4444; + color: #ffffff; +} +.p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +.p-terminal { + background: #ffffff; + color: #3f3f46; + border: 1px solid #e5e7eb; + padding: 1.25rem; +} +.p-terminal .p-terminal-input { + font-size: 1rem; + font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; +} + +/* Customizations to the designer theme should be defined here */ +.p-inputtext, .p-togglebutton, .p-selectbutton, .p-inputgroup { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(0, 0, 0, 0.05); +} + +.p-inputgroup .p-inputtext, .p-inputgroup .p-togglebutton, .p-inputgroup .p-selectbutton { + box-shadow: none; +} + +.p-inputtext.p-invalid.p-component:enabled:focus { + box-shadow: 0 0 0 1px #f0a9a7; +} + +.p-highlight { + font-weight: 600; +} + +.p-button-label { + font-weight: 500; +} + +.p-inputswitch.p-focus .p-inputswitch-slider { + box-shadow: 0 0 0 2px #6366F1; +} + +.p-paginator .p-paginator-pages .p-paginator-page { + margin-left: -1px; +} +.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + border-color: #4F46E5; + margin-right: 1px; +} +.p-paginator .p-paginator-current { + border: 0 none; +} + +.p-button:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #6366F1, 0 1px 2px 0 rgba(0, 0, 0, 0); +} +.p-button.p-button-secondary:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #64748B, 0 1px 2px 0 rgba(0, 0, 0, 0); +} +.p-button.p-button-success:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #22C55E, 0 1px 2px 0 rgba(0, 0, 0, 0); +} +.p-button.p-button-info:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #3B82F6, 0 1px 2px 0 rgba(0, 0, 0, 0); +} +.p-button.p-button-warning:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #F59E0B, 0 1px 2px 0 rgba(0, 0, 0, 0); +} +.p-button.p-button-help:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #A855F7, 0 1px 2px 0 rgba(0, 0, 0, 0); +} +.p-button.p-button-danger:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #EF4444, 0 1px 2px 0 rgba(0, 0, 0, 0); +} + +.p-checkbox .p-checkbox-box { + border-radius: 0.25rem; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #6366F1, 0 1px 2px 0 rgba(0, 0, 0, 0); +} + +.p-radiobutton:not(.p-radiobutton-disabled) .p-radiobutton-box.p-focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #6366F1, 0 1px 2px 0 rgba(0, 0, 0, 0); +} + +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #4F46E5; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #4F46E5; +} diff --git a/assets/layout/styles/theme/tailwind-light/theme.css.br b/assets/layout/styles/theme/tailwind-light/theme.css.br new file mode 100644 index 0000000..17c306f Binary files /dev/null and b/assets/layout/styles/theme/tailwind-light/theme.css.br differ diff --git a/assets/layout/styles/theme/tailwind-light/theme.css.gz b/assets/layout/styles/theme/tailwind-light/theme.css.gz new file mode 100644 index 0000000..7251c72 Binary files /dev/null and b/assets/layout/styles/theme/tailwind-light/theme.css.gz differ diff --git a/assets/layout/styles/theme/vela-blue/theme.css b/assets/layout/styles/theme/vela-blue/theme.css new file mode 100644 index 0000000..928dad7 --- /dev/null +++ b/assets/layout/styles/theme/vela-blue/theme.css @@ -0,0 +1,6307 @@ +:root { + --surface-a:#1f2d40; + --surface-b:#17212f; + --surface-c:rgba(255, 255, 255, 0.03); + --surface-d:#304562; + --surface-e:#1f2d40; + --surface-f:#1f2d40; + --text-color:rgba(255, 255, 255, 0.87); + --text-color-secondary:rgba(255, 255, 255, 0.6); + --primary-color:#64B5F6; + --primary-color-text:#212529; + --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --surface-0: #17212f; + --surface-50: #2e3744; + --surface-100: #454d59; + --surface-200: #5d646d; + --surface-300: #747a82; + --surface-400: #8b9097; + --surface-500: #a2a6ac; + --surface-600: #b9bcc1; + --surface-700: #d1d3d5; + --surface-800: #e8e9ea; + --surface-900: #ffffff; + --gray-50:#e8e9ea; + --gray-100: #d1d3d5; + --gray-200: #b9bcc1; + --gray-300: #a2a6ac; + --gray-400: #8b9097; + --gray-500: #747a82; + --gray-600: #5d646d; + --gray-700: #454d59; + --gray-800: #2e3744; + --gray-900: #17212f; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#17212f; + --surface-section:#17212f; + --surface-card:#1f2d40; + --surface-overlay:#1f2d40; + --surface-border:#304562; + --surface-hover:rgba(255,255,255,.03); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 1px #93cbf9; + color-scheme: light dark; +} + +* { + box-sizing: border-box; +} + +.p-component { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + font-weight: normal; +} + +.p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; +} + +.p-disabled, .p-component:disabled { + opacity: 0.4; +} + +.p-error { + color: #ef9a9a; +} + +.p-text-secondary { + color: rgba(255, 255, 255, 0.6); +} + +.pi { + font-size: 1rem; +} + +.p-link { + font-size: 1rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + border-radius: 3px; +} +.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} + +.p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; +} + +.p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; +} + +@keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } +} +@keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } +} + +: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:#f6fbf6; + --green-100:#d4ecd5; + --green-200:#b2ddb4; + --green-300:#90cd93; + --green-400:#6ebe71; + --green-500:#4caf50; + --green-600:#419544; + --green-700:#357b38; + --green-800:#2a602c; + --green-900:#1e4620; + --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:#f5f6fb; + --indigo-100:#d1d5ed; + --indigo-200:#acb4df; + --indigo-300:#8893d1; + --indigo-400:#6372c3; + --indigo-500:#3f51b5; + --indigo-600:#36459a; + --indigo-700:#2c397f; + --indigo-800:#232d64; + --indigo-900:#192048; + --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:#fff8f2; + --orange-100:#fde0c2; + --orange-200:#fbc791; + --orange-300:#f9ae61; + --orange-400:#f79530; + --orange-500:#f57c00; + --orange-600:#d06900; + --orange-700:#ac5700; + --orange-800:#874400; + --orange-900:#623200; + --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:#fff5f5; + --red-100:#ffd1ce; + --red-200:#ffada7; + --red-300:#ff8980; + --red-400:#ff6459; + --red-500:#ff4032; + --red-600:#d9362b; + --red-700:#b32d23; + --red-800:#8c231c; + --red-900:#661a14; + --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; +} + +.p-autocomplete .p-autocomplete-loader { + right: 0.5rem; +} +.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 2.857rem; +} +.p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; + gap: 0.5rem; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + border-color: #64B5F6; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + border-color: #64B5F6; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.25rem 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.5rem; + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; +} + +p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #ef9a9a; +} + +.p-autocomplete-panel { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + 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); +} +.p-autocomplete-panel .p-autocomplete-items { + padding: 0.5rem 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; +} + +p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2rem; +} +p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; +} + +p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.857rem; +} + +p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #ef9a9a; +} + +.p-datepicker { + padding: 0.5rem; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; +} +.p-datepicker:not(.p-datepicker-inline) { + background: #1f2d40; + border: 1px solid #304562; + 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); +} +.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #1f2d40; +} +.p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; + margin: 0; + border-bottom: 1px solid #304562; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 2rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + font-weight: 600; + padding: 0.5rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #64B5F6; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; +} +.p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0; +} +.p-datepicker table th { + padding: 0.5rem; +} +.p-datepicker table th > span { + width: 2.5rem; + height: 2.5rem; +} +.p-datepicker table td { + padding: 0.5rem; +} +.p-datepicker table td > span { + width: 2.5rem; + height: 2.5rem; + border-radius: 50%; + transition: box-shadow 0.2s; + border: 1px solid transparent; +} +.p-datepicker table td > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); +} +.p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.p-datepicker table td.p-datepicker-today > span { + background: transparent; + color: #64B5F6; + border-color: transparent; +} +.p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); +} +.p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #304562; +} +.p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; +} +.p-datepicker .p-timepicker { + border-top: 1px solid #304562; + padding: 0.5rem; +} +.p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-timepicker button:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker .p-timepicker button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; +} +.p-datepicker .p-timepicker span { + font-size: 1.25rem; +} +.p-datepicker .p-timepicker > div { + padding: 0 0.5rem; +} +.p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; +} +.p-datepicker .p-monthpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.5rem; + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); +} +.p-datepicker .p-yearpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.5rem; + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #304562; + padding-right: 0.5rem; + padding-left: 0.5rem; + padding-top: 0; + padding-bottom: 0; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} + +p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2rem; +} +p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; +} + +p-calendar.p-calendar-clearable.p-calendar-w-btn .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.857rem; +} + +@media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } +} +.p-cascadeselect { + background: #17212f; + border: 1px solid #304562; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-cascadeselect:not(.p-disabled):hover { + border-color: #64B5F6; +} +.p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + border-color: #64B5F6; +} +.p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.5rem; +} +.p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-cascadeselect-panel { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + 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); +} +.p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.5rem 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 1rem; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #93cbf9; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; +} + +p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #ef9a9a; +} + +.p-input-filled .p-cascadeselect { + background: #304562; +} +.p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #304562; +} +.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #304562; +} + +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.5rem; +} +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; +} + +.p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; +} +.p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); +} + +.p-checkbox { + width: 20px; + height: 20px; +} +.p-checkbox .p-checkbox-box { + border: 2px solid #304562; + background: #17212f; + width: 20px; + height: 20px; + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #212529; + font-size: 14px; +} +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #64B5F6; + background: #64B5F6; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #64B5F6; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + border-color: #64B5F6; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #2396f2; + background: #2396f2; + color: #212529; +} + +p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #ef9a9a; +} + +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #304562; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #64B5F6; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #304562; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #2396f2; +} + +.p-checkbox-label { + margin-left: 0.5rem; +} + +.p-chips .p-chips-multiple-container { + padding: 0.25rem 0.5rem; + gap: 0.5rem; +} +.p-chips .p-chips-multiple-container:not(.p-disabled):hover { + border-color: #64B5F6; +} +.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + border-color: #64B5F6; +} +.p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.5rem; + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; +} +.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; +} +.p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.25rem 0; +} +.p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; +} + +p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #ef9a9a; +} + +p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.5rem; +} +p-chips.p-chips-clearable .p-chips-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; +} + +.p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; +} + +.p-colorpicker-panel { + background: #1f2d40; + border: 1px solid #304562; +} +.p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; +} + +.p-colorpicker-overlay-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); +} + +.p-dropdown { + background: #17212f; + border: 1px solid #304562; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-dropdown:not(.p-disabled):hover { + border-color: #64B5F6; +} +.p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + border-color: #64B5F6; +} +.p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.5rem; +} +.p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; +} +.p-dropdown .p-dropdown-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-dropdown .p-dropdown-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.p-dropdown .p-dropdown-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; +} + +.p-dropdown-panel { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + 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); +} +.p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.5rem; + margin-right: -1.5rem; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-dropdown-panel .p-dropdown-items { + padding: 0.5rem 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; +} + +p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #ef9a9a; +} + +.p-input-filled .p-dropdown { + background: #304562; +} +.p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #304562; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #304562; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; +} + +.p-editor-container .p-editor-toolbar { + background: #1f2d40; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #304562; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #1f2d40; + border: 1px solid #304562; + 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); + border-radius: 3px; + padding: 0.5rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #304562; +} +.p-editor-container .p-editor-content .ql-editor { + background: #17212f; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #64B5F6; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #64B5F6; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #64B5F6; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #64B5F6; +} + +.p-inputgroup-addon { + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + border-top: 1px solid #304562; + border-left: 1px solid #304562; + border-bottom: 1px solid #304562; + padding: 0.5rem 0.5rem; + min-width: 2.357rem; +} +.p-inputgroup-addon:last-child { + border-right: 1px solid #304562; +} + +.p-inputgroup > .p-component, +.p-inputgroup > .p-element, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; +} +.p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-element + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; +} +.p-inputgroup > .p-component:focus, +.p-inputgroup > .p-element:focus, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; +} +.p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-element:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; +} + +.p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} + +.p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} + +.p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-fluid .p-inputgroup .p-button { + width: auto; +} +.p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.357rem; +} + +p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #ef9a9a; +} + +p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2rem; +} +p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; +} + +p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #ef9a9a; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 2.857rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 2.857rem; +} + +.p-inputswitch { + width: 3rem; + height: 1.75rem; +} +.p-inputswitch .p-inputswitch-slider { + background: #304562; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; +} +.p-inputswitch .p-inputswitch-slider:before { + background: rgba(255, 255, 255, 0.6); + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition-duration: 0.2s; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1.25rem); +} +.p-inputswitch.p-focus .p-inputswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: rgba(255, 255, 255, 0.03); +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #64B5F6; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: rgba(255, 255, 255, 0.87); +} +.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #43a5f4; +} + +p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + border-color: #ef9a9a; +} + +.p-inputtext { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + background: #17212f; + padding: 0.5rem 0.5rem; + border: 1px solid #304562; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + appearance: none; + border-radius: 3px; +} +.p-inputtext:enabled:hover { + border-color: #64B5F6; +} +.p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + border-color: #64B5F6; +} +.p-inputtext.ng-dirty.ng-invalid { + border-color: #ef9a9a; +} +.p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.4375rem; +} +.p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.625rem; +} + +.p-float-label > label { + left: 0.5rem; + color: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; +} + +.p-float-label > .ng-invalid.ng-dirty + label { + color: #ef9a9a; +} + +.p-input-icon-left > i:first-of-type { + left: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} + +.p-input-icon-left > .p-inputtext { + padding-left: 2rem; +} + +.p-input-icon-left.p-float-label > label { + left: 2rem; +} + +.p-input-icon-right > i:last-of-type { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} + +.p-input-icon-right > .p-inputtext { + padding-right: 2rem; +} + +::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +:-moz-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +.p-input-filled .p-inputtext { + background-color: #304562; +} +.p-input-filled .p-inputtext:enabled:hover { + background-color: #304562; +} +.p-input-filled .p-inputtext:enabled:focus { + background-color: #304562; +} + +.p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.4375rem; +} + +.p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.625rem; +} + +.p-listbox { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; +} +.p-listbox .p-listbox-header { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.5rem; +} +.p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list { + padding: 0.5rem 0; +} +.p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); +} +.p-listbox .p-listbox-list .p-listbox-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #93cbf9; +} +.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; +} +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} + +p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #ef9a9a; +} + +.p-multiselect { + background: #17212f; + border: 1px solid #304562; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-multiselect:not(.p-disabled):hover { + border-color: #64B5F6; +} +.p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + border-color: #64B5F6; +} +.p-multiselect .p-multiselect-label { + padding: 0.5rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-multiselect .p-multiselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-multiselect.p-multiselect-chip .p-multiselect-label { + gap: 0.5rem; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.5rem; + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; +} +.p-multiselect .p-multiselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.5rem; +} + +.p-multiselect-panel { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + 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); +} +.p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.5rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.p-multiselect-panel .p-multiselect-items { + padding: 0.5rem 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #93cbf9; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} + +p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #ef9a9a; +} + +.p-input-filled .p-multiselect { + background: #304562; +} +.p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #304562; +} +.p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #304562; +} + +p-multiselect.p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.5rem; +} +p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; +} + +p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #ef9a9a; +} + +.p-password-panel { + padding: 1rem; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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); + border-radius: 3px; +} +.p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #304562; +} +.p-password-panel .p-password-meter .p-password-strength.weak { + background: #F48FB1; +} +.p-password-panel .p-password-meter .p-password-strength.medium { + background: #FFE082; +} +.p-password-panel .p-password-meter .p-password-strength.strong { + background: #C5E1A5; +} + +p-password.p-password-clearable .p-password-input { + padding-right: 2rem; +} +p-password.p-password-clearable .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; +} + +p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 3.5rem; +} +p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2rem; +} + +.p-radiobutton { + width: 20px; + height: 20px; +} +.p-radiobutton .p-radiobutton-box { + border: 2px solid #304562; + background: #17212f; + width: 20px; + height: 20px; + color: rgba(255, 255, 255, 0.87); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #64B5F6; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + border-color: #64B5F6; +} +.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 12px; + height: 12px; + transition-duration: 0.2s; + background-color: #212529; +} +.p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #64B5F6; + background: #64B5F6; +} +.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #2396f2; + background: #2396f2; + color: #212529; +} + +p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #ef9a9a; +} + +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #304562; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #304562; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #64B5F6; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #2396f2; +} + +.p-radiobutton-label { + margin-left: 0.5rem; +} + +.p-rating .p-rating-icon { + color: rgba(255, 255, 255, 0.87); + margin-left: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + font-size: 1.143rem; +} +.p-rating .p-rating-icon.p-rating-cancel { + color: #F48FB1; +} +.p-rating .p-rating-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.p-rating .p-rating-icon:first-child { + margin-left: 0; +} +.p-rating .p-rating-icon.pi-star-fill { + color: #64B5F6; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + color: #64B5F6; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + color: #F48FB1; +} + +.p-selectbutton .p-button { + background: #1f2d40; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #304562; + color: rgba(255, 255, 255, 0.87); +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-selectbutton .p-button.p-highlight { + background: #64B5F6; + border-color: #64B5F6; + color: #212529; +} +.p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #212529; +} +.p-selectbutton .p-button.p-highlight:hover { + background: #43a5f4; + border-color: #43a5f4; + color: #212529; +} +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #212529; +} + +p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #ef9a9a; +} + +.p-slider { + background: #304562; + border: 0 none; + border-radius: 3px; +} +.p-slider.p-slider-horizontal { + height: 0.286rem; +} +.p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -0.5715rem; + margin-left: -0.5715rem; +} +.p-slider.p-slider-vertical { + width: 0.286rem; +} +.p-slider.p-slider-vertical .p-slider-handle { + margin-left: -0.5715rem; + margin-bottom: -0.5715rem; +} +.p-slider .p-slider-handle { + height: 1.143rem; + width: 1.143rem; + background: #304562; + border: 2px solid #64B5F6; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.p-slider .p-slider-range { + background: #64B5F6; +} +.p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #64B5F6; + border-color: #64B5F6; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; +} + +.p-togglebutton.p-button { + background: #1f2d40; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #304562; + color: rgba(255, 255, 255, 0.87); +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-togglebutton.p-button.p-highlight { + background: #64B5F6; + border-color: #64B5F6; + color: #212529; +} +.p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #212529; +} +.p-togglebutton.p-button.p-highlight:hover { + background: #43a5f4; + border-color: #43a5f4; + color: #212529; +} +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #212529; +} + +p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #ef9a9a; +} + +.p-treeselect { + background: #17212f; + border: 1px solid #304562; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-treeselect:not(.p-disabled):hover { + border-color: #64B5F6; +} +.p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + border-color: #64B5F6; +} +.p-treeselect .p-treeselect-label { + padding: 0.5rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-treeselect .p-treeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.5rem; + margin-right: 0.5rem; + background: #304562; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; +} +.p-treeselect .p-treeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #ef9a9a; +} + +.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.5rem; +} + +.p-treeselect-panel { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + 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); +} +.p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} + +.p-input-filled .p-treeselect { + background: #304562; +} +.p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #304562; +} +.p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #304562; +} + +p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.5rem; +} +p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; +} + +.p-button { + color: #212529; + background: #64B5F6; + border: 1px solid #64B5F6; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-button:enabled:hover { + background: #43a5f4; + color: #212529; + border-color: #43a5f4; +} +.p-button:enabled:active { + background: #2396f2; + color: #212529; + border-color: #2396f2; +} +.p-button.p-button-outlined { + background-color: transparent; + color: #64B5F6; + border: 1px solid; +} +.p-button.p-button-outlined:enabled:hover { + background: rgba(100, 181, 246, 0.04); + color: #64B5F6; + border: 1px solid; +} +.p-button.p-button-outlined:enabled:active { + background: rgba(100, 181, 246, 0.16); + color: #64B5F6; + border: 1px solid; +} +.p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text { + background-color: transparent; + color: #64B5F6; + border-color: transparent; +} +.p-button.p-button-text:enabled:hover { + background: rgba(100, 181, 246, 0.04); + color: #64B5F6; + border-color: transparent; +} +.p-button.p-button-text:enabled:active { + background: rgba(100, 181, 246, 0.16); + color: #64B5F6; + border-color: transparent; +} +.p-button.p-button-text.p-button-plain { + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.p-button .p-button-label { + transition-duration: 0.2s; +} +.p-button .p-button-icon-left { + margin-right: 0.5rem; +} +.p-button .p-button-icon-right { + margin-left: 0.5rem; +} +.p-button .p-button-icon-bottom { + margin-top: 0.5rem; +} +.p-button .p-button-icon-top { + margin-bottom: 0.5rem; +} +.p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #64B5F6; + background-color: #212529; +} +.p-button.p-button-raised { + 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); +} +.p-button.p-button-rounded { + border-radius: 2rem; +} +.p-button.p-button-icon-only { + width: 2.357rem; + padding: 0.5rem 0; +} +.p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; +} +.p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.357rem; +} +.p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; +} +.p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; +} +.p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; +} +.p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; +} +.p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; +} +.p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; +} + +.p-fluid .p-button { + width: 100%; +} +.p-fluid .p-button-icon-only { + width: 2.357rem; +} +.p-fluid .p-buttonset { + display: flex; +} +.p-fluid .p-buttonset .p-button { + flex: 1; +} + +.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + color: #ffffff; + background: #78909C; + border: 1px solid #78909C; +} +.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + background: #69838f; + color: #ffffff; + border-color: #69838f; +} +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #a1b1ba; +} +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: #5d747f; + color: #ffffff; + border-color: #5d747f; +} +.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + background-color: transparent; + color: #78909C; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + background: rgba(120, 144, 156, 0.04); + color: #78909C; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(120, 144, 156, 0.16); + color: #78909C; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + background-color: transparent; + color: #78909C; + border-color: transparent; +} +.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + background: rgba(120, 144, 156, 0.04); + border-color: transparent; + color: #78909C; +} +.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + background: rgba(120, 144, 156, 0.16); + border-color: transparent; + color: #78909C; +} + +.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #121212; + background: #81D4FA; + border: 1px solid #81D4FA; +} +.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + background: #5dc8f9; + color: #121212; + border-color: #5dc8f9; +} +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #a7e1fc; +} +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: #38bbf7; + color: #121212; + border-color: #38bbf7; +} +.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + background-color: transparent; + color: #81D4FA; + border: 1px solid; +} +.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + background: rgba(129, 212, 250, 0.04); + color: #81D4FA; + border: 1px solid; +} +.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(129, 212, 250, 0.16); + color: #81D4FA; + border: 1px solid; +} +.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + background-color: transparent; + color: #81D4FA; + border-color: transparent; +} +.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + background: rgba(129, 212, 250, 0.04); + border-color: transparent; + color: #81D4FA; +} +.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + background: rgba(129, 212, 250, 0.16); + border-color: transparent; + color: #81D4FA; +} + +.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #121212; + background: #C5E1A5; + border: 1px solid #C5E1A5; +} +.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + background: #b2d788; + color: #121212; + border-color: #b2d788; +} +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #d6eac0; +} +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: #9fce6b; + color: #121212; + border-color: #9fce6b; +} +.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + background-color: transparent; + color: #C5E1A5; + border: 1px solid; +} +.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + background: rgba(197, 225, 165, 0.04); + color: #C5E1A5; + border: 1px solid; +} +.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(197, 225, 165, 0.16); + color: #C5E1A5; + border: 1px solid; +} +.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + background-color: transparent; + color: #C5E1A5; + border-color: transparent; +} +.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + background: rgba(197, 225, 165, 0.04); + border-color: transparent; + color: #C5E1A5; +} +.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + background: rgba(197, 225, 165, 0.16); + border-color: transparent; + color: #C5E1A5; +} + +.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #121212; + background: #FFE082; + border: 1px solid #FFE082; +} +.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + background: #ffd65c; + color: #121212; + border-color: #ffd65c; +} +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #ffe9a8; +} +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: #ffcd35; + color: #121212; + border-color: #ffcd35; +} +.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + background-color: transparent; + color: #FFE082; + border: 1px solid; +} +.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + background: rgba(255, 224, 130, 0.04); + color: #FFE082; + border: 1px solid; +} +.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(255, 224, 130, 0.16); + color: #FFE082; + border: 1px solid; +} +.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + background-color: transparent; + color: #FFE082; + border-color: transparent; +} +.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + background: rgba(255, 224, 130, 0.04); + border-color: transparent; + color: #FFE082; +} +.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + background: rgba(255, 224, 130, 0.16); + border-color: transparent; + color: #FFE082; +} + +.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #121212; + background: #CE93D8; + border: 1px solid #CE93D8; +} +.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + background: #c278ce; + color: #121212; + border-color: #c278ce; +} +.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #ddb3e4; +} +.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: #b65ec5; + color: #121212; + border-color: #b65ec5; +} +.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + background-color: transparent; + color: #CE93D8; + border: 1px solid; +} +.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; + border: 1px solid; +} +.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border: 1px solid; +} +.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + background: rgba(206, 147, 216, 0.04); + border-color: transparent; + color: #CE93D8; +} +.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + background: rgba(206, 147, 216, 0.16); + border-color: transparent; + color: #CE93D8; +} + +.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #121212; + background: #F48FB1; + border: 1px solid #F48FB1; +} +.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + background: #f16c98; + color: #121212; + border-color: #f16c98; +} +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #f7b1c8; +} +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: #ed4980; + color: #121212; + border-color: #ed4980; +} +.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + background-color: transparent; + color: #F48FB1; + border: 1px solid; +} +.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + background: rgba(244, 143, 177, 0.04); + color: #F48FB1; + border: 1px solid; +} +.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(244, 143, 177, 0.16); + color: #F48FB1; + border: 1px solid; +} +.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + background-color: transparent; + color: #F48FB1; + border-color: transparent; +} +.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + background: rgba(244, 143, 177, 0.04); + border-color: transparent; + color: #F48FB1; +} +.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} + +.p-button.p-button-link { + color: #64B5F6; + background: transparent; + border: transparent; +} +.p-button.p-button-link:enabled:hover { + background: transparent; + color: #64B5F6; + border-color: transparent; +} +.p-button.p-button-link:enabled:hover .p-button-label { + text-decoration: underline; +} +.p-button.p-button-link:enabled:focus { + background: transparent; + box-shadow: 0 0 0 0.1rem #93cbf9; + border-color: transparent; +} +.p-button.p-button-link:enabled:active { + background: transparent; + color: #64B5F6; + border-color: transparent; +} + +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: rgba(255, 255, 255, 0.87); + color: #17212f; +} +.p-speeddial-action:hover { + background: rgba(255, 255, 255, 0.6); + color: #17212f; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +.p-splitbutton { + border-radius: 3px; +} +.p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #64B5F6; + border: 1px solid; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(100, 181, 246, 0.04); + color: #64B5F6; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(100, 181, 246, 0.16); + color: #64B5F6; +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #64B5F6; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(100, 181, 246, 0.04); + color: #64B5F6; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(100, 181, 246, 0.16); + color: #64B5F6; + border-color: transparent; +} +.p-splitbutton.p-button-text.p-button-plain > .p-button { + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-raised { + 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); +} +.p-splitbutton.p-button-rounded { + border-radius: 2rem; +} +.p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; +} +.p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; +} +.p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; +} +.p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; +} +.p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; +} + +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #78909C; + border: 1px solid; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(120, 144, 156, 0.04); + color: #78909C; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(120, 144, 156, 0.16); + color: #78909C; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #78909C; + border-color: transparent; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(120, 144, 156, 0.04); + border-color: transparent; + color: #78909C; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(120, 144, 156, 0.16); + border-color: transparent; + color: #78909C; +} + +.p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #81D4FA; + border: 1px solid; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(129, 212, 250, 0.04); + color: #81D4FA; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(129, 212, 250, 0.16); + color: #81D4FA; +} +.p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #81D4FA; + border-color: transparent; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(129, 212, 250, 0.04); + border-color: transparent; + color: #81D4FA; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(129, 212, 250, 0.16); + border-color: transparent; + color: #81D4FA; +} + +.p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #C5E1A5; + border: 1px solid; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(197, 225, 165, 0.04); + color: #C5E1A5; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(197, 225, 165, 0.16); + color: #C5E1A5; +} +.p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #C5E1A5; + border-color: transparent; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(197, 225, 165, 0.04); + border-color: transparent; + color: #C5E1A5; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(197, 225, 165, 0.16); + border-color: transparent; + color: #C5E1A5; +} + +.p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #FFE082; + border: 1px solid; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 224, 130, 0.04); + color: #FFE082; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 224, 130, 0.16); + color: #FFE082; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #FFE082; + border-color: transparent; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 224, 130, 0.04); + border-color: transparent; + color: #FFE082; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 224, 130, 0.16); + border-color: transparent; + color: #FFE082; +} + +.p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #CE93D8; + border: 1px solid; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; +} +.p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(206, 147, 216, 0.04); + border-color: transparent; + color: #CE93D8; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(206, 147, 216, 0.16); + border-color: transparent; + color: #CE93D8; +} + +.p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #F48FB1; + border: 1px solid; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(244, 143, 177, 0.04); + color: #F48FB1; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(244, 143, 177, 0.16); + color: #F48FB1; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #F48FB1; + border-color: transparent; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(244, 143, 177, 0.04); + border-color: transparent; + color: #F48FB1; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} + +.p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; +} +.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-carousel .p-carousel-content .p-carousel-prev:focus, +.p-carousel .p-carousel-content .p-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.p-carousel .p-carousel-indicators { + padding: 1rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #304562; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #3c567a; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); +} + +.p-datatable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +.p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-datatable .p-datatable-header { + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-datatable .p-datatable-footer { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #304562; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + transition: box-shadow 0.2s; +} +.p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #304562; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; +} +.p-datatable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column.p-highlight { + background: #1f2d40; + color: #64B5F6; +} +.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #64B5F6; +} +.p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(255, 255, 255, 0.03); + color: #64B5F6; +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #64B5F6; +} +.p-datatable .p-sortable-column:focus { + box-shadow: inset 0 0 0 0.15rem #93cbf9; + outline: 0 none; +} +.p-datatable .p-datatable-tbody > tr { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; +} +.p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; +} +.p-datatable .p-datatable-tbody > tr:focus { + outline: 0.15rem solid #93cbf9; + outline-offset: 0.15rem; +} +.p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(100, 181, 246, 0.16); +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(100, 181, 246, 0.16); +} +.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-column-resizer-helper { + background: #64B5F6; +} +.p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #1f2d40; +} +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #1f2d40; +} +.p-datatable .p-datatable-loading-icon { + font-size: 2rem; +} +.p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #253144; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; +} + +.p-dataview .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +.p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-dataview .p-dataview-header { + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-dataview .p-dataview-content { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; +} +.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { + border: solid #304562; + border-width: 0 0 1px 0; +} +.p-dataview .p-dataview-footer { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +.p-dataview .p-dataview-loading-icon { + font-size: 2rem; +} +.p-dataview .p-dataview-emptymessage { + padding: 1rem; +} + +.p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; +} + +.p-column-filter-menu-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-menu-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-column-filter-menu-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} + +.p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-clear-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-column-filter-clear-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} + +.p-column-filter-overlay { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + 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); + min-width: 12.5rem; +} +.p-column-filter-overlay .p-column-filter-row-items { + padding: 0.5rem 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #93cbf9; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #304562; + margin: 0.25rem 0; +} + +.p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1rem; + border-bottom: 1px solid #304562; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; +} +.p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.5rem 1rem; +} +.p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1rem; +} + +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { + background: #1f2d40; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-view-container td.fc-widget-content { + background: #1f2d40; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #304562; +} +.fc.fc-unthemed .fc-view-container .fc-row { + border-right: 1px solid #304562; +} +.fc.fc-unthemed .fc-view-container .fc-event { + background: #43a5f4; + border: 1px solid #43a5f4; + color: #212529; +} +.fc.fc-unthemed .fc-view-container .fc-divider { + background: #1f2d40; + border: 1px solid #304562; +} +.fc.fc-unthemed .fc-toolbar .fc-button { + color: #212529; + background: #64B5F6; + border: 1px solid #64B5F6; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + display: flex; + align-items: center; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { + background: #43a5f4; + color: #212529; + border-color: #43a5f4; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { + background: #2396f2; + color: #212529; + border-color: #2396f2; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-unthemed .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #1f2d40; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #304562; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #64B5F6; + border-color: #64B5F6; + color: #212529; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #43a5f4; + border-color: #43a5f4; + color: #212529; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + z-index: 1; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #304562; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #1f2d40; + border-color: #304562; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness td { + color: rgba(255, 255, 255, 0.87); + border-color: #304562; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #1f2d40; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover { + background: none; + border: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { + border: 1px solid #304562; + padding: 1rem; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { + opacity: 1; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; + font-family: "PrimeIcons" !important; + font-size: 1rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { + content: "\e90b"; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { + padding: 1rem; + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #212529; + background: #43a5f4; + border-color: #43a5f4; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #212529; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: #43a5f4; + border-color: #43a5f4; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #1f2d40; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #212529; + background: #64B5F6; + border: 1px solid #64B5F6; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: #43a5f4; + color: #212529; + border-color: #43a5f4; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: #2396f2; + color: #212529; + border-color: #2396f2; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.4; + color: #212529; + background: #64B5F6; + border: 1px solid #64B5F6; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #1f2d40; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #304562; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #64B5F6; + border-color: #64B5F6; + color: #212529; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #43a5f4; + border-color: #43a5f4; + color: #212529; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.fc.fc-theme-standard a { + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); +} + +.p-orderlist .p-orderlist-controls { + padding: 1rem; +} +.p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; +} +.p-orderlist .p-orderlist-header { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + padding: 1rem; + border-bottom: 0 none; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; +} +.p-orderlist .p-orderlist-filter-container { + padding: 1rem; + background: #1f2d40; + border: 1px solid #304562; + border-bottom: 0 none; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.5rem; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-orderlist .p-orderlist-list { + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; +} +.p-orderlist .p-orderlist-list .p-orderlist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #93cbf9; +} +.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); +} +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); +} +.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: rgba(255, 255, 255, 0.01); +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); +} + +.p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 1rem; + 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); + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + margin: 0; +} + +.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(12, 120, 207, 0.16); +} +.p-organizationchart .p-organizationchart-line-down { + background: rgba(255, 255, 255, 0.6); +} +.p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #304562; + border-color: rgba(255, 255, 255, 0.6); +} +.p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #304562; + border-color: rgba(255, 255, 255, 0.6); +} +.p-organizationchart .p-organizationchart-node-content { + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + padding: 1rem; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} + +.p-paginator { + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + border: solid #304562; + border-width: 1px; + padding: 0.5rem 1rem; + border-radius: 3px; +} +.p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 2.286em; + height: 2.286em; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); +} +.p-paginator .p-paginator-first { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.286em; +} +.p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; +} +.p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; +} +.p-paginator .p-paginator-page-input .p-inputtext { + max-width: 2.286em; +} +.p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 2.286em; + height: 2.286em; + margin: 0.143rem; + padding: 0 0.5rem; +} +.p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 2.286em; + height: 2.286em; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(100, 181, 246, 0.16); + border-color: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); +} + +.p-picklist .p-picklist-buttons { + padding: 1rem; +} +.p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; +} +.p-picklist .p-picklist-header { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + padding: 1rem; + border-bottom: 0 none; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; +} +.p-picklist .p-picklist-filter-container { + padding: 1rem; + background: #1f2d40; + border: 1px solid #304562; + border-bottom: 0 none; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.5rem; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-picklist .p-picklist-list { + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; +} +.p-picklist .p-picklist-list .p-picklist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #93cbf9; +} +.p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); +} +.p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); +} +.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: rgba(255, 255, 255, 0.01); +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); +} + +.p-picklist-item.cdk-drag-preview { + padding: 0.5rem 1rem; + 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); + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + margin: 0; +} + +.p-timeline .p-timeline-event-marker { + border: 2px solid #64B5F6; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #1f2d40; +} +.p-timeline .p-timeline-event-connector { + background-color: #304562; +} +.p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; +} +.p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; +} + +.p-tree { + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + padding: 1rem; + border-radius: 3px; +} +.p-tree .p-tree-container .p-treenode { + padding: 0.143rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 3px; + transition: box-shadow 0.2s; + padding: 0; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #93cbf9; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; +} +.p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.5rem; +} +.p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-tree .p-treenode-children { + padding: 0 0 0 1rem; +} +.p-tree .p-tree-loading-icon { + font-size: 2rem; +} +.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(35, 150, 242, 0.16); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 3px; + border: 1px solid #304562; + background-color: #1f2d40; + color: rgba(255, 255, 255, 0.87); + padding: 0; + transition: box-shadow 0.2s; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} + +.p-treetable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +.p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-treetable .p-treetable-header { + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-treetable .p-treetable-footer { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #304562; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + transition: box-shadow 0.2s; +} +.p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #304562; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; +} +.p-treetable .p-sortable-column { + outline-color: #93cbf9; +} +.p-treetable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-sortable-column.p-highlight { + background: #1f2d40; + color: #64B5F6; +} +.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #64B5F6; +} +.p-treetable .p-treetable-tbody > tr { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; +} +.p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-treetable-tbody > tr:focus { + outline: 0.15rem solid #93cbf9; + outline-offset: -0.15rem; +} +.p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-column-resizer-helper { + background: #64B5F6; +} +.p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #1f2d40; +} +.p-treetable .p-treetable-loading-icon { + font-size: 2rem; +} +.p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.875rem 0.875rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 1.25rem 1.25rem; +} + +.p-virtualscroller .p-virtualscroller-header { + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-virtualscroller .p-virtualscroller-content { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; +} +.p-virtualscroller .p-virtualscroller-footer { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1rem; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; + border-radius: 3px; + transition: box-shadow 0.2s; +} +.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; +} +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: rgba(255, 255, 255, 0.03); + border-color: #304562; + color: rgba(255, 255, 255, 0.87); +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #1f2d40; + border-color: #304562; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #304562; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-accordion .p-accordion-content { + padding: 1rem; + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; +} +.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; +} +.p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; +} +.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 none; +} +.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-top: 0 none; +} +.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +.p-card { + background: #1f2d40; + 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: 3px; +} +.p-card .p-card-body { + padding: 1rem; +} +.p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +.p-card .p-card-subtitle { + font-weight: 700; + margin-bottom: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-card .p-card-content { + padding: 1rem 0; +} +.p-card .p-card-footer { + padding: 1rem 0 0 0; +} + +.p-divider .p-divider-content { + background-color: #1f2d40; +} +.p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +.p-divider.p-divider-horizontal:before { + border-top: 1px #304562; +} +.p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; +} +.p-divider.p-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; +} +.p-divider.p-divider-vertical:before { + border-left: 1px #304562; +} +.p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; +} + +.p-fieldset { + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; +} +.p-fieldset .p-fieldset-legend { + padding: 1rem; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; + border-radius: 3px; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; + transition: box-shadow 0.2s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #304562; + color: rgba(255, 255, 255, 0.87); +} +.p-fieldset .p-fieldset-content { + padding: 1rem; +} + +.p-panel .p-panel-header { + border: 1px solid #304562; + padding: 1rem; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-panel .p-panel-header .p-panel-title { + font-weight: 600; +} +.p-panel .p-panel-header .p-panel-header-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-panel .p-panel-header .p-panel-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.p-panel.p-panel-toggleable .p-panel-header { + padding: 0.5rem 1rem; +} +.p-panel .p-panel-content { + padding: 1rem; + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + border-top: 0 none; +} +.p-panel .p-panel-footer { + padding: 0.5rem 1rem; + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} +.p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; +} +.p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; +} +.p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; +} + +.p-scrollpanel .p-scrollpanel-bar { + background: #304562; + border: 0 none; +} + +.p-splitter { + border: 1px solid #304562; + background: #1f2d40; + border-radius: 3px; + color: rgba(255, 255, 255, 0.87); +} +.p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: rgba(255, 255, 255, 0.03); +} +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #304562; +} +.p-splitter .p-splitter-gutter-resizing { + background: #304562; +} + +.p-tabview .p-tabview-nav { + background: transparent; + border: 1px solid #304562; + border-width: 0 0 2px 0; +} +.p-tabview .p-tabview-nav li { + margin-right: 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #304562; + border-width: 0 0 2px 0; + border-color: transparent transparent #304562 transparent; + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + padding: 1rem; + font-weight: 600; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #93cbf9; +} +.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #1f2d40; + border-color: #64B5F6; + color: rgba(255, 255, 255, 0.87); +} +.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #1f2d40; + border-color: #64B5F6; + color: #64B5F6; +} +.p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; +} +.p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-close { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-nav-btn.p-link { + background: #1f2d40; + color: #64B5F6; + width: 2.357rem; + 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); + border-radius: 0; +} +.p-tabview .p-tabview-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #93cbf9; +} +.p-tabview .p-tabview-panels { + background: #1f2d40; + padding: 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +.p-toolbar { + background: #1f2d40; + border: 1px solid #304562; + padding: 1rem; + border-radius: 3px; + gap: 0.5rem; +} +.p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; +} + +.p-confirm-popup { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + 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); +} +.p-confirm-popup .p-confirm-popup-content { + padding: 1rem; +} +.p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.5rem 1rem; +} +.p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; +} +.p-confirm-popup:after { + border: solid transparent; + border-color: rgba(31, 45, 64, 0); + border-bottom-color: #1f2d40; +} +.p-confirm-popup:before { + border: solid transparent; + border-color: rgba(48, 69, 98, 0); + border-bottom-color: #304562; +} +.p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #1f2d40; +} +.p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #304562; +} +.p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; +} +.p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; +} + +.p-dialog { + border-radius: 3px; + 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: 1px solid #304562; +} +.p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + padding: 1.5rem; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.25rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-dialog .p-dialog-header .p-dialog-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; +} +.p-dialog .p-dialog-content { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.5rem 2rem 1.5rem; +} +.p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-dialog .p-dialog-footer { + border-top: 0 none; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; +} + +.p-overlaypanel { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + 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); +} +.p-overlaypanel .p-overlaypanel-content { + padding: 1rem; +} +.p-overlaypanel .p-overlaypanel-close { + background: #64B5F6; + color: #212529; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + position: absolute; + top: -1rem; + right: -1rem; +} +.p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #43a5f4; + color: #212529; +} +.p-overlaypanel:after { + border: solid transparent; + border-color: rgba(31, 45, 64, 0); + border-bottom-color: #1f2d40; +} +.p-overlaypanel:before { + border: solid transparent; + border-color: rgba(48, 69, 98, 0); + border-bottom-color: #2e425d; +} +.p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #1f2d40; +} +.p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #304562; +} + +.p-sidebar { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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); +} +.p-sidebar .p-sidebar-header { + padding: 1rem; +} +.p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-sidebar .p-sidebar-header .p-sidebar-close:focus, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; +} +.p-sidebar .p-sidebar-content { + padding: 1rem; +} +.p-sidebar .p-sidebar-footer { + padding: 1rem; +} + +.p-tooltip .p-tooltip-text { + background: #304562; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem 0.5rem; + 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); + border-radius: 3px; +} +.p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #304562; +} +.p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #304562; +} +.p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #304562; +} +.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #304562; +} + +.p-fileupload .p-fileupload-buttonbar { + background: #1f2d40; + padding: 1rem; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + border-bottom: 0 none; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; +} +.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.p-fileupload .p-fileupload-content { + background: #1f2d40; + padding: 2rem 1rem; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-fileupload .p-progressbar { + height: 0.25rem; +} +.p-fileupload .p-fileupload-row > div { + padding: 1rem 1rem; +} +.p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; +} + +.p-fileupload-choose:not(.p-disabled):hover { + background: #43a5f4; + color: #212529; + border-color: #43a5f4; +} +.p-fileupload-choose:not(.p-disabled):active { + background: #2396f2; + color: #212529; + border-color: #2396f2; +} + +.p-breadcrumb { + background: #1f2d40; + border: 1px solid #304562; + border-radius: 3px; + padding: 1rem; +} +.p-breadcrumb ul li .p-menuitem-link { + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-breadcrumb ul li .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-breadcrumb ul li.p-breadcrumb-chevron { + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.87); +} +.p-breadcrumb ul li:last-child .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-breadcrumb ul li:last-child .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} + +.p-contextmenu { + padding: 0.25rem 0; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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); + border-radius: 3px; + width: 12.5rem; +} +.p-contextmenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-contextmenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-contextmenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #93cbf9; +} +.p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #1f2d40; + border: 1px solid #304562; + 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); + border-radius: 3px; +} +.p-contextmenu .p-menuitem { + margin: 0; +} +.p-contextmenu .p-menuitem:last-child { + margin: 0; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #17212f; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menu-separator { + border-top: 1px solid #304562; + margin: 0.25rem 0; +} +.p-contextmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-contextmenu .p-menuitem-badge { + background: #64B5F6; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + +@media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } +} +.p-megamenu { + padding: 0.5rem; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; + transition: box-shadow 0.2s; + user-select: none; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #93cbf9; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: #17212f; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-megamenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-megamenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #93cbf9; +} +.p-megamenu .p-megamenu-panel { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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); +} +.p-megamenu .p-megamenu-submenu-header { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-megamenu .p-megamenu-submenu { + padding: 0.25rem 0; + width: 12.5rem; +} +.p-megamenu .p-megamenu-submenu .p-menu-separator { + border-top: 1px solid #304562; + margin: 0.25rem 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem { + margin: 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #17212f; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem { + margin: 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem-badge { + background: #64B5F6; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menu { + padding: 0.25rem 0; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + width: 12.5rem; +} +.p-menu .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #93cbf9; +} +.p-menu.p-menu-overlay { + background: #1f2d40; + border: 1px solid #304562; + 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); +} +.p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.p-menu .p-menu-separator { + border-top: 1px solid #304562; + margin: 0.25rem 0; +} +.p-menu .p-menuitem { + margin: 0; +} +.p-menu .p-menuitem:last-child { + margin: 0; +} +.p-menu .p-menuitem-badge { + background: #64B5F6; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menubar { + padding: 0.5rem; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; +} +.p-menubar .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menubar .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menubar .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #93cbf9; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #93cbf9; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: #17212f; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-submenu-list { + padding: 0.25rem 0; + background: #1f2d40; + border: 1px solid #304562; + 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); + width: 12.5rem; +} +.p-menubar .p-submenu-list .p-menu-separator { + border-top: 1px solid #304562; + margin: 0.25rem 0; +} +.p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; +} +.p-menubar .p-submenu-list .p-menuitem { + margin: 0; +} +.p-menubar .p-submenu-list .p-menuitem:last-child { + margin: 0; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #17212f; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-badge { + background: #64B5F6; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +@media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0; + background: #1f2d40; + border: 1px solid #304562; + 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); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menu-separator { + border-top: 1px solid #304562; + margin: 0.25rem 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #93cbf9; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } +} +.p-panelmenu .p-panelmenu-header > a { + padding: 1rem; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; + border-radius: 3px; + transition: box-shadow 0.2s; +} +.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #304562; + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-header.p-highlight { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight > a { + background: #1f2d40; + border-color: #304562; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + border-color: #304562; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0; + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + margin-bottom: 0; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #93cbf9; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { + padding: 0 0 0 1rem; +} +.p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { + border-radius: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; +} +.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { + border-top: 0 none; +} +.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { + border-top: 0 none; +} +.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-panelmenu .p-menuitem-badge { + background: #64B5F6; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-slidemenu { + padding: 0.25rem 0; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + width: 12.5rem; +} +.p-slidemenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-slidemenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-slidemenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #93cbf9; +} +.p-slidemenu.p-slidemenu-overlay { + background: #1f2d40; + border: 1px solid #304562; + 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); +} +.p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0; + background: #1f2d40; + border: 1px solid #304562; + 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); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { + background: #17212f; +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-slidemenu-separator { + border-top: 1px solid #304562; + margin: 0.25rem 0; +} +.p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; +} +.p-slidemenu .p-slidemenu-backward { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-badge { + background: #64B5F6; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: box-shadow 0.2s; + border-radius: 3px; + background: transparent; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: rgba(255, 255, 255, 0.87); + border: 0 none; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 600; + color: rgba(255, 255, 255, 0.87); +} +.p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #304562; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; +} + +.p-tabmenu .p-tabmenu-nav { + background: transparent; + border: 1px solid #304562; + border-width: 0 0 2px 0; +} +.p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #64B5F6; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #304562; + border-width: 0 0 2px 0; + border-color: transparent transparent #304562 transparent; + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + padding: 1rem; + font-weight: 600; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #93cbf9; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #1f2d40; + border-color: #64B5F6; + color: rgba(255, 255, 255, 0.87); +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #1f2d40; + border-color: #64B5F6; + color: #64B5F6; +} +.p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #1f2d40; + color: #64B5F6; + width: 2.357rem; + 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); + border-radius: 0; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #93cbf9; +} + +.p-tieredmenu { + padding: 0.25rem 0; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + width: 12.5rem; +} +.p-tieredmenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-tieredmenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-tieredmenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #93cbf9; +} +.p-tieredmenu.p-tieredmenu-overlay { + background: #1f2d40; + border: 1px solid #304562; + 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); +} +.p-tieredmenu .p-submenu-list { + padding: 0.25rem 0; + background: #1f2d40; + border: 1px solid #304562; + 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); +} +.p-tieredmenu .p-menuitem { + margin: 0; +} +.p-tieredmenu .p-menuitem:last-child { + margin: 0; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #17212f; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menu-separator { + border-top: 1px solid #304562; + margin: 0.25rem 0; +} +.p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-tieredmenu .p-menuitem-badge { + background: #64B5F6; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-inline-message { + padding: 0.5rem 0.5rem; + margin: 0; + border-radius: 3px; +} +.p-inline-message.p-inline-message-info { + background: #B3E5FC; + border: solid #0891cf; + border-width: 1px; + color: #044868; +} +.p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #044868; +} +.p-inline-message.p-inline-message-success { + background: #C8E6C9; + border: solid #439446; + border-width: 1px; + color: #224a23; +} +.p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #224a23; +} +.p-inline-message.p-inline-message-warn { + background: #FFECB3; + border: solid #d9a300; + border-width: 1px; + color: #6d5100; +} +.p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #6d5100; +} +.p-inline-message.p-inline-message-error { + background: #FFCDD2; + border: solid #e60017; + border-width: 1px; + color: #73000c; +} +.p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #73000c; +} +.p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; +} +.p-inline-message .p-inline-message-text { + font-size: 1rem; +} +.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; +} + +.p-message { + margin: 1rem 0; + border-radius: 3px; +} +.p-message .p-message-wrapper { + padding: 1rem 1.5rem; +} +.p-message .p-message-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-message .p-message-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.p-message.p-message-info { + background: #B3E5FC; + border: solid #0891cf; + border-width: 0 0 0 6px; + color: #044868; +} +.p-message.p-message-info .p-message-icon { + color: #044868; +} +.p-message.p-message-info .p-message-close { + color: #044868; +} +.p-message.p-message-success { + background: #C8E6C9; + border: solid #439446; + border-width: 0 0 0 6px; + color: #224a23; +} +.p-message.p-message-success .p-message-icon { + color: #224a23; +} +.p-message.p-message-success .p-message-close { + color: #224a23; +} +.p-message.p-message-warn { + background: #FFECB3; + border: solid #d9a300; + border-width: 0 0 0 6px; + color: #6d5100; +} +.p-message.p-message-warn .p-message-icon { + color: #6d5100; +} +.p-message.p-message-warn .p-message-close { + color: #6d5100; +} +.p-message.p-message-error { + background: #FFCDD2; + border: solid #e60017; + border-width: 0 0 0 6px; + color: #73000c; +} +.p-message.p-message-error .p-message-icon { + color: #73000c; +} +.p-message.p-message-error .p-message-close { + color: #73000c; +} +.p-message .p-message-text { + font-size: 1rem; + font-weight: 500; +} +.p-message .p-message-icon { + font-size: 1.5rem; + margin-right: 0.5rem; +} +.p-message .p-message-summary { + font-weight: 700; +} +.p-message .p-message-detail { + margin-left: 0.5rem; +} + +.p-toast { + opacity: 0.9; +} +.p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: none; + border-radius: 3px; +} +.p-toast .p-toast-message .p-toast-message-content { + padding: 1rem; + border-width: 0 0 0 6px; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 1rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 2rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 700; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; +} +.p-toast .p-toast-message .p-toast-icon-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-toast .p-toast-message .p-toast-icon-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.p-toast .p-toast-message.p-toast-message-info { + background: #B3E5FC; + border: solid #0891cf; + border-width: 0 0 0 6px; + color: #044868; +} +.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #044868; +} +.p-toast .p-toast-message.p-toast-message-success { + background: #C8E6C9; + border: solid #439446; + border-width: 0 0 0 6px; + color: #224a23; +} +.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #224a23; +} +.p-toast .p-toast-message.p-toast-message-warn { + background: #FFECB3; + border: solid #d9a300; + border-width: 0 0 0 6px; + color: #6d5100; +} +.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #6d5100; +} +.p-toast .p-toast-message.p-toast-message-error { + background: #FFCDD2; + border: solid #e60017; + border-width: 0 0 0 6px; + color: #73000c; +} +.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #73000c; +} + +.p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-item-nav { + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 3px; + margin: 0 0.5rem; +} +.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f8f9fa; + padding: 1rem; +} +.p-galleria .p-galleria-indicators { + padding: 1rem; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #304562; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #3c567a; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; +} +.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f8f9fa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} + +.p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-preview-indicator { + background-color: transparent; + color: #f8f9fa; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} + +.p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); +} + +.p-image-toolbar { + padding: 1rem; +} + +.p-image-action.p-link { + color: #f8f9fa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-image-action.p-link:last-child { + margin-right: 0; +} +.p-image-action.p-link:hover { + color: #f8f9fa; + background-color: rgba(255, 255, 255, 0.1); +} +.p-image-action.p-link i { + font-size: 1.5rem; +} + +.p-avatar { + background-color: #304562; + border-radius: 3px; +} +.p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +.p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; +} +.p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +.p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; +} + +.p-avatar-group .p-avatar { + border: 2px solid #1f2d40; +} + +.p-badge { + background: #64B5F6; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +.p-badge.p-badge-secondary { + background-color: #78909C; + color: #ffffff; +} +.p-badge.p-badge-success { + background-color: #C5E1A5; + color: #121212; +} +.p-badge.p-badge-info { + background-color: #81D4FA; + color: #121212; +} +.p-badge.p-badge-warning { + background-color: #FFE082; + color: #121212; +} +.p-badge.p-badge-danger { + background-color: #F48FB1; + color: #121212; +} +.p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +.p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} + +.p-chip { + background-color: #304562; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + padding: 0 0.5rem; +} +.p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} +.p-chip .p-chip-icon { + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; +} +.p-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.5rem; + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} + +.p-inplace .p-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} + +.p-progressbar { + border: 0 none; + height: 1.5rem; + background: #304562; + border-radius: 3px; +} +.p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #64B5F6; +} +.p-progressbar .p-progressbar-label { + color: #212529; + line-height: 1.5rem; +} + +.p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + 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); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-scrolltop.p-link { + background: rgba(100, 181, 246, 0.16); +} +.p-scrolltop.p-link:hover { + background: rgba(100, 181, 246, 0.3616); +} +.p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: rgba(255, 255, 255, 0.87); +} + +.p-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 3px; +} +.p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); +} + +.p-tag { + background: #64B5F6; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 3px; +} +.p-tag.p-tag-success { + background-color: #C5E1A5; + color: #121212; +} +.p-tag.p-tag-info { + background-color: #81D4FA; + color: #121212; +} +.p-tag.p-tag-warning { + background-color: #FFE082; + color: #121212; +} +.p-tag.p-tag-danger { + background-color: #F48FB1; + color: #121212; +} +.p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +.p-terminal { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + padding: 1rem; +} +.p-terminal .p-terminal-input { + font-size: 1rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; +} + +/* Customizations to the designer theme should be defined here */ +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #64B5F6; +} + +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #64B5F6; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #64B5F6; +} + +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #64B5F6; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #64B5F6; +} diff --git a/assets/layout/styles/theme/vela-blue/theme.css.br b/assets/layout/styles/theme/vela-blue/theme.css.br new file mode 100644 index 0000000..5dbf7b0 Binary files /dev/null and b/assets/layout/styles/theme/vela-blue/theme.css.br differ diff --git a/assets/layout/styles/theme/vela-blue/theme.css.gz b/assets/layout/styles/theme/vela-blue/theme.css.gz new file mode 100644 index 0000000..5955d55 Binary files /dev/null and b/assets/layout/styles/theme/vela-blue/theme.css.gz differ diff --git a/assets/layout/styles/theme/vela-green/theme.css b/assets/layout/styles/theme/vela-green/theme.css new file mode 100644 index 0000000..5dc178e --- /dev/null +++ b/assets/layout/styles/theme/vela-green/theme.css @@ -0,0 +1,6307 @@ +:root { + --surface-a:#1f2d40; + --surface-b:#17212f; + --surface-c:rgba(255, 255, 255, 0.03); + --surface-d:#304562; + --surface-e:#1f2d40; + --surface-f:#1f2d40; + --text-color:rgba(255, 255, 255, 0.87); + --text-color-secondary:rgba(255, 255, 255, 0.6); + --primary-color:#81C784; + --primary-color-text:#212529; + --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --surface-0: #17212f; + --surface-50: #2e3744; + --surface-100: #454d59; + --surface-200: #5d646d; + --surface-300: #747a82; + --surface-400: #8b9097; + --surface-500: #a2a6ac; + --surface-600: #b9bcc1; + --surface-700: #d1d3d5; + --surface-800: #e8e9ea; + --surface-900: #ffffff; + --gray-50:#e8e9ea; + --gray-100: #d1d3d5; + --gray-200: #b9bcc1; + --gray-300: #a2a6ac; + --gray-400: #8b9097; + --gray-500: #747a82; + --gray-600: #5d646d; + --gray-700: #454d59; + --gray-800: #2e3744; + --gray-900: #17212f; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#17212f; + --surface-section:#17212f; + --surface-card:#1f2d40; + --surface-overlay:#1f2d40; + --surface-border:#304562; + --surface-hover:rgba(255,255,255,.03); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 1px #a7d8a9; + color-scheme: light dark; +} + +* { + box-sizing: border-box; +} + +.p-component { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + font-weight: normal; +} + +.p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; +} + +.p-disabled, .p-component:disabled { + opacity: 0.4; +} + +.p-error { + color: #ef9a9a; +} + +.p-text-secondary { + color: rgba(255, 255, 255, 0.6); +} + +.pi { + font-size: 1rem; +} + +.p-link { + font-size: 1rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + border-radius: 3px; +} +.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} + +.p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; +} + +.p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; +} + +@keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } +} +@keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } +} + +: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:#f6fbf6; + --green-100:#d4ecd5; + --green-200:#b2ddb4; + --green-300:#90cd93; + --green-400:#6ebe71; + --green-500:#4caf50; + --green-600:#419544; + --green-700:#357b38; + --green-800:#2a602c; + --green-900:#1e4620; + --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:#f5f6fb; + --indigo-100:#d1d5ed; + --indigo-200:#acb4df; + --indigo-300:#8893d1; + --indigo-400:#6372c3; + --indigo-500:#3f51b5; + --indigo-600:#36459a; + --indigo-700:#2c397f; + --indigo-800:#232d64; + --indigo-900:#192048; + --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:#fff8f2; + --orange-100:#fde0c2; + --orange-200:#fbc791; + --orange-300:#f9ae61; + --orange-400:#f79530; + --orange-500:#f57c00; + --orange-600:#d06900; + --orange-700:#ac5700; + --orange-800:#874400; + --orange-900:#623200; + --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:#fff5f5; + --red-100:#ffd1ce; + --red-200:#ffada7; + --red-300:#ff8980; + --red-400:#ff6459; + --red-500:#ff4032; + --red-600:#d9362b; + --red-700:#b32d23; + --red-800:#8c231c; + --red-900:#661a14; + --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; +} + +.p-autocomplete .p-autocomplete-loader { + right: 0.5rem; +} +.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 2.857rem; +} +.p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; + gap: 0.5rem; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + border-color: #81C784; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + border-color: #81C784; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.25rem 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.5rem; + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; +} + +p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #ef9a9a; +} + +.p-autocomplete-panel { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + 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); +} +.p-autocomplete-panel .p-autocomplete-items { + padding: 0.5rem 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; +} + +p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2rem; +} +p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; +} + +p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.857rem; +} + +p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #ef9a9a; +} + +.p-datepicker { + padding: 0.5rem; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; +} +.p-datepicker:not(.p-datepicker-inline) { + background: #1f2d40; + border: 1px solid #304562; + 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); +} +.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #1f2d40; +} +.p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; + margin: 0; + border-bottom: 1px solid #304562; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 2rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + font-weight: 600; + padding: 0.5rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #81C784; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; +} +.p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0; +} +.p-datepicker table th { + padding: 0.5rem; +} +.p-datepicker table th > span { + width: 2.5rem; + height: 2.5rem; +} +.p-datepicker table td { + padding: 0.5rem; +} +.p-datepicker table td > span { + width: 2.5rem; + height: 2.5rem; + border-radius: 50%; + transition: box-shadow 0.2s; + border: 1px solid transparent; +} +.p-datepicker table td > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); +} +.p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.p-datepicker table td.p-datepicker-today > span { + background: transparent; + color: #81C784; + border-color: transparent; +} +.p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); +} +.p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #304562; +} +.p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; +} +.p-datepicker .p-timepicker { + border-top: 1px solid #304562; + padding: 0.5rem; +} +.p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-timepicker button:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker .p-timepicker button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; +} +.p-datepicker .p-timepicker span { + font-size: 1.25rem; +} +.p-datepicker .p-timepicker > div { + padding: 0 0.5rem; +} +.p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; +} +.p-datepicker .p-monthpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.5rem; + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); +} +.p-datepicker .p-yearpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.5rem; + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #304562; + padding-right: 0.5rem; + padding-left: 0.5rem; + padding-top: 0; + padding-bottom: 0; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} + +p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2rem; +} +p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; +} + +p-calendar.p-calendar-clearable.p-calendar-w-btn .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.857rem; +} + +@media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } +} +.p-cascadeselect { + background: #17212f; + border: 1px solid #304562; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-cascadeselect:not(.p-disabled):hover { + border-color: #81C784; +} +.p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + border-color: #81C784; +} +.p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.5rem; +} +.p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-cascadeselect-panel { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + 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); +} +.p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.5rem 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 1rem; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a7d8a9; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; +} + +p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #ef9a9a; +} + +.p-input-filled .p-cascadeselect { + background: #304562; +} +.p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #304562; +} +.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #304562; +} + +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.5rem; +} +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; +} + +.p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; +} +.p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); +} + +.p-checkbox { + width: 20px; + height: 20px; +} +.p-checkbox .p-checkbox-box { + border: 2px solid #304562; + background: #17212f; + width: 20px; + height: 20px; + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #212529; + font-size: 14px; +} +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #81C784; + background: #81C784; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #81C784; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + border-color: #81C784; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #54b358; + background: #54b358; + color: #212529; +} + +p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #ef9a9a; +} + +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #304562; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #81C784; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #304562; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #54b358; +} + +.p-checkbox-label { + margin-left: 0.5rem; +} + +.p-chips .p-chips-multiple-container { + padding: 0.25rem 0.5rem; + gap: 0.5rem; +} +.p-chips .p-chips-multiple-container:not(.p-disabled):hover { + border-color: #81C784; +} +.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + border-color: #81C784; +} +.p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.5rem; + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; +} +.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; +} +.p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.25rem 0; +} +.p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; +} + +p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #ef9a9a; +} + +p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.5rem; +} +p-chips.p-chips-clearable .p-chips-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; +} + +.p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; +} + +.p-colorpicker-panel { + background: #1f2d40; + border: 1px solid #304562; +} +.p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; +} + +.p-colorpicker-overlay-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); +} + +.p-dropdown { + background: #17212f; + border: 1px solid #304562; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-dropdown:not(.p-disabled):hover { + border-color: #81C784; +} +.p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + border-color: #81C784; +} +.p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.5rem; +} +.p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; +} +.p-dropdown .p-dropdown-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-dropdown .p-dropdown-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.p-dropdown .p-dropdown-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; +} + +.p-dropdown-panel { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + 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); +} +.p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.5rem; + margin-right: -1.5rem; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-dropdown-panel .p-dropdown-items { + padding: 0.5rem 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; +} + +p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #ef9a9a; +} + +.p-input-filled .p-dropdown { + background: #304562; +} +.p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #304562; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #304562; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; +} + +.p-editor-container .p-editor-toolbar { + background: #1f2d40; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #304562; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #1f2d40; + border: 1px solid #304562; + 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); + border-radius: 3px; + padding: 0.5rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #304562; +} +.p-editor-container .p-editor-content .ql-editor { + background: #17212f; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #81C784; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #81C784; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #81C784; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #81C784; +} + +.p-inputgroup-addon { + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + border-top: 1px solid #304562; + border-left: 1px solid #304562; + border-bottom: 1px solid #304562; + padding: 0.5rem 0.5rem; + min-width: 2.357rem; +} +.p-inputgroup-addon:last-child { + border-right: 1px solid #304562; +} + +.p-inputgroup > .p-component, +.p-inputgroup > .p-element, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; +} +.p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-element + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; +} +.p-inputgroup > .p-component:focus, +.p-inputgroup > .p-element:focus, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; +} +.p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-element:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; +} + +.p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} + +.p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} + +.p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-fluid .p-inputgroup .p-button { + width: auto; +} +.p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.357rem; +} + +p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #ef9a9a; +} + +p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2rem; +} +p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; +} + +p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #ef9a9a; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 2.857rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 2.857rem; +} + +.p-inputswitch { + width: 3rem; + height: 1.75rem; +} +.p-inputswitch .p-inputswitch-slider { + background: #304562; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; +} +.p-inputswitch .p-inputswitch-slider:before { + background: rgba(255, 255, 255, 0.6); + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition-duration: 0.2s; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1.25rem); +} +.p-inputswitch.p-focus .p-inputswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: rgba(255, 255, 255, 0.03); +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #81C784; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: rgba(255, 255, 255, 0.87); +} +.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #6abd6e; +} + +p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + border-color: #ef9a9a; +} + +.p-inputtext { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + background: #17212f; + padding: 0.5rem 0.5rem; + border: 1px solid #304562; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + appearance: none; + border-radius: 3px; +} +.p-inputtext:enabled:hover { + border-color: #81C784; +} +.p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + border-color: #81C784; +} +.p-inputtext.ng-dirty.ng-invalid { + border-color: #ef9a9a; +} +.p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.4375rem; +} +.p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.625rem; +} + +.p-float-label > label { + left: 0.5rem; + color: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; +} + +.p-float-label > .ng-invalid.ng-dirty + label { + color: #ef9a9a; +} + +.p-input-icon-left > i:first-of-type { + left: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} + +.p-input-icon-left > .p-inputtext { + padding-left: 2rem; +} + +.p-input-icon-left.p-float-label > label { + left: 2rem; +} + +.p-input-icon-right > i:last-of-type { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} + +.p-input-icon-right > .p-inputtext { + padding-right: 2rem; +} + +::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +:-moz-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +.p-input-filled .p-inputtext { + background-color: #304562; +} +.p-input-filled .p-inputtext:enabled:hover { + background-color: #304562; +} +.p-input-filled .p-inputtext:enabled:focus { + background-color: #304562; +} + +.p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.4375rem; +} + +.p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.625rem; +} + +.p-listbox { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; +} +.p-listbox .p-listbox-header { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.5rem; +} +.p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list { + padding: 0.5rem 0; +} +.p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); +} +.p-listbox .p-listbox-list .p-listbox-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a7d8a9; +} +.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; +} +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} + +p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #ef9a9a; +} + +.p-multiselect { + background: #17212f; + border: 1px solid #304562; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-multiselect:not(.p-disabled):hover { + border-color: #81C784; +} +.p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + border-color: #81C784; +} +.p-multiselect .p-multiselect-label { + padding: 0.5rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-multiselect .p-multiselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-multiselect.p-multiselect-chip .p-multiselect-label { + gap: 0.5rem; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.5rem; + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; +} +.p-multiselect .p-multiselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.5rem; +} + +.p-multiselect-panel { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + 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); +} +.p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.5rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.p-multiselect-panel .p-multiselect-items { + padding: 0.5rem 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a7d8a9; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} + +p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #ef9a9a; +} + +.p-input-filled .p-multiselect { + background: #304562; +} +.p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #304562; +} +.p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #304562; +} + +p-multiselect.p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.5rem; +} +p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; +} + +p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #ef9a9a; +} + +.p-password-panel { + padding: 1rem; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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); + border-radius: 3px; +} +.p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #304562; +} +.p-password-panel .p-password-meter .p-password-strength.weak { + background: #F48FB1; +} +.p-password-panel .p-password-meter .p-password-strength.medium { + background: #FFE082; +} +.p-password-panel .p-password-meter .p-password-strength.strong { + background: #C5E1A5; +} + +p-password.p-password-clearable .p-password-input { + padding-right: 2rem; +} +p-password.p-password-clearable .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; +} + +p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 3.5rem; +} +p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2rem; +} + +.p-radiobutton { + width: 20px; + height: 20px; +} +.p-radiobutton .p-radiobutton-box { + border: 2px solid #304562; + background: #17212f; + width: 20px; + height: 20px; + color: rgba(255, 255, 255, 0.87); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #81C784; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + border-color: #81C784; +} +.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 12px; + height: 12px; + transition-duration: 0.2s; + background-color: #212529; +} +.p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #81C784; + background: #81C784; +} +.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #54b358; + background: #54b358; + color: #212529; +} + +p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #ef9a9a; +} + +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #304562; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #304562; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #81C784; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #54b358; +} + +.p-radiobutton-label { + margin-left: 0.5rem; +} + +.p-rating .p-rating-icon { + color: rgba(255, 255, 255, 0.87); + margin-left: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + font-size: 1.143rem; +} +.p-rating .p-rating-icon.p-rating-cancel { + color: #F48FB1; +} +.p-rating .p-rating-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.p-rating .p-rating-icon:first-child { + margin-left: 0; +} +.p-rating .p-rating-icon.pi-star-fill { + color: #81C784; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + color: #81C784; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + color: #F48FB1; +} + +.p-selectbutton .p-button { + background: #1f2d40; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #304562; + color: rgba(255, 255, 255, 0.87); +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-selectbutton .p-button.p-highlight { + background: #81C784; + border-color: #81C784; + color: #212529; +} +.p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #212529; +} +.p-selectbutton .p-button.p-highlight:hover { + background: #6abd6e; + border-color: #6abd6e; + color: #212529; +} +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #212529; +} + +p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #ef9a9a; +} + +.p-slider { + background: #304562; + border: 0 none; + border-radius: 3px; +} +.p-slider.p-slider-horizontal { + height: 0.286rem; +} +.p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -0.5715rem; + margin-left: -0.5715rem; +} +.p-slider.p-slider-vertical { + width: 0.286rem; +} +.p-slider.p-slider-vertical .p-slider-handle { + margin-left: -0.5715rem; + margin-bottom: -0.5715rem; +} +.p-slider .p-slider-handle { + height: 1.143rem; + width: 1.143rem; + background: #304562; + border: 2px solid #81C784; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.p-slider .p-slider-range { + background: #81C784; +} +.p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #81C784; + border-color: #81C784; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; +} + +.p-togglebutton.p-button { + background: #1f2d40; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #304562; + color: rgba(255, 255, 255, 0.87); +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-togglebutton.p-button.p-highlight { + background: #81C784; + border-color: #81C784; + color: #212529; +} +.p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #212529; +} +.p-togglebutton.p-button.p-highlight:hover { + background: #6abd6e; + border-color: #6abd6e; + color: #212529; +} +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #212529; +} + +p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #ef9a9a; +} + +.p-treeselect { + background: #17212f; + border: 1px solid #304562; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-treeselect:not(.p-disabled):hover { + border-color: #81C784; +} +.p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + border-color: #81C784; +} +.p-treeselect .p-treeselect-label { + padding: 0.5rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-treeselect .p-treeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.5rem; + margin-right: 0.5rem; + background: #304562; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; +} +.p-treeselect .p-treeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #ef9a9a; +} + +.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.5rem; +} + +.p-treeselect-panel { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + 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); +} +.p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} + +.p-input-filled .p-treeselect { + background: #304562; +} +.p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #304562; +} +.p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #304562; +} + +p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.5rem; +} +p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; +} + +.p-button { + color: #212529; + background: #81C784; + border: 1px solid #81C784; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-button:enabled:hover { + background: #6abd6e; + color: #212529; + border-color: #6abd6e; +} +.p-button:enabled:active { + background: #54b358; + color: #212529; + border-color: #54b358; +} +.p-button.p-button-outlined { + background-color: transparent; + color: #81C784; + border: 1px solid; +} +.p-button.p-button-outlined:enabled:hover { + background: rgba(129, 199, 132, 0.04); + color: #81C784; + border: 1px solid; +} +.p-button.p-button-outlined:enabled:active { + background: rgba(129, 199, 132, 0.16); + color: #81C784; + border: 1px solid; +} +.p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text { + background-color: transparent; + color: #81C784; + border-color: transparent; +} +.p-button.p-button-text:enabled:hover { + background: rgba(129, 199, 132, 0.04); + color: #81C784; + border-color: transparent; +} +.p-button.p-button-text:enabled:active { + background: rgba(129, 199, 132, 0.16); + color: #81C784; + border-color: transparent; +} +.p-button.p-button-text.p-button-plain { + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.p-button .p-button-label { + transition-duration: 0.2s; +} +.p-button .p-button-icon-left { + margin-right: 0.5rem; +} +.p-button .p-button-icon-right { + margin-left: 0.5rem; +} +.p-button .p-button-icon-bottom { + margin-top: 0.5rem; +} +.p-button .p-button-icon-top { + margin-bottom: 0.5rem; +} +.p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #81C784; + background-color: #212529; +} +.p-button.p-button-raised { + 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); +} +.p-button.p-button-rounded { + border-radius: 2rem; +} +.p-button.p-button-icon-only { + width: 2.357rem; + padding: 0.5rem 0; +} +.p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; +} +.p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.357rem; +} +.p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; +} +.p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; +} +.p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; +} +.p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; +} +.p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; +} +.p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; +} + +.p-fluid .p-button { + width: 100%; +} +.p-fluid .p-button-icon-only { + width: 2.357rem; +} +.p-fluid .p-buttonset { + display: flex; +} +.p-fluid .p-buttonset .p-button { + flex: 1; +} + +.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + color: #ffffff; + background: #78909C; + border: 1px solid #78909C; +} +.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + background: #69838f; + color: #ffffff; + border-color: #69838f; +} +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #a1b1ba; +} +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: #5d747f; + color: #ffffff; + border-color: #5d747f; +} +.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + background-color: transparent; + color: #78909C; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + background: rgba(120, 144, 156, 0.04); + color: #78909C; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(120, 144, 156, 0.16); + color: #78909C; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + background-color: transparent; + color: #78909C; + border-color: transparent; +} +.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + background: rgba(120, 144, 156, 0.04); + border-color: transparent; + color: #78909C; +} +.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + background: rgba(120, 144, 156, 0.16); + border-color: transparent; + color: #78909C; +} + +.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #121212; + background: #81D4FA; + border: 1px solid #81D4FA; +} +.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + background: #5dc8f9; + color: #121212; + border-color: #5dc8f9; +} +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #a7e1fc; +} +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: #38bbf7; + color: #121212; + border-color: #38bbf7; +} +.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + background-color: transparent; + color: #81D4FA; + border: 1px solid; +} +.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + background: rgba(129, 212, 250, 0.04); + color: #81D4FA; + border: 1px solid; +} +.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(129, 212, 250, 0.16); + color: #81D4FA; + border: 1px solid; +} +.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + background-color: transparent; + color: #81D4FA; + border-color: transparent; +} +.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + background: rgba(129, 212, 250, 0.04); + border-color: transparent; + color: #81D4FA; +} +.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + background: rgba(129, 212, 250, 0.16); + border-color: transparent; + color: #81D4FA; +} + +.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #121212; + background: #C5E1A5; + border: 1px solid #C5E1A5; +} +.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + background: #b2d788; + color: #121212; + border-color: #b2d788; +} +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #d6eac0; +} +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: #9fce6b; + color: #121212; + border-color: #9fce6b; +} +.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + background-color: transparent; + color: #C5E1A5; + border: 1px solid; +} +.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + background: rgba(197, 225, 165, 0.04); + color: #C5E1A5; + border: 1px solid; +} +.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(197, 225, 165, 0.16); + color: #C5E1A5; + border: 1px solid; +} +.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + background-color: transparent; + color: #C5E1A5; + border-color: transparent; +} +.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + background: rgba(197, 225, 165, 0.04); + border-color: transparent; + color: #C5E1A5; +} +.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + background: rgba(197, 225, 165, 0.16); + border-color: transparent; + color: #C5E1A5; +} + +.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #121212; + background: #FFE082; + border: 1px solid #FFE082; +} +.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + background: #ffd65c; + color: #121212; + border-color: #ffd65c; +} +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #ffe9a8; +} +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: #ffcd35; + color: #121212; + border-color: #ffcd35; +} +.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + background-color: transparent; + color: #FFE082; + border: 1px solid; +} +.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + background: rgba(255, 224, 130, 0.04); + color: #FFE082; + border: 1px solid; +} +.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(255, 224, 130, 0.16); + color: #FFE082; + border: 1px solid; +} +.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + background-color: transparent; + color: #FFE082; + border-color: transparent; +} +.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + background: rgba(255, 224, 130, 0.04); + border-color: transparent; + color: #FFE082; +} +.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + background: rgba(255, 224, 130, 0.16); + border-color: transparent; + color: #FFE082; +} + +.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #121212; + background: #CE93D8; + border: 1px solid #CE93D8; +} +.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + background: #c278ce; + color: #121212; + border-color: #c278ce; +} +.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #ddb3e4; +} +.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: #b65ec5; + color: #121212; + border-color: #b65ec5; +} +.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + background-color: transparent; + color: #CE93D8; + border: 1px solid; +} +.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; + border: 1px solid; +} +.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border: 1px solid; +} +.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + background: rgba(206, 147, 216, 0.04); + border-color: transparent; + color: #CE93D8; +} +.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + background: rgba(206, 147, 216, 0.16); + border-color: transparent; + color: #CE93D8; +} + +.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #121212; + background: #F48FB1; + border: 1px solid #F48FB1; +} +.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + background: #f16c98; + color: #121212; + border-color: #f16c98; +} +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #f7b1c8; +} +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: #ed4980; + color: #121212; + border-color: #ed4980; +} +.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + background-color: transparent; + color: #F48FB1; + border: 1px solid; +} +.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + background: rgba(244, 143, 177, 0.04); + color: #F48FB1; + border: 1px solid; +} +.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(244, 143, 177, 0.16); + color: #F48FB1; + border: 1px solid; +} +.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + background-color: transparent; + color: #F48FB1; + border-color: transparent; +} +.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + background: rgba(244, 143, 177, 0.04); + border-color: transparent; + color: #F48FB1; +} +.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} + +.p-button.p-button-link { + color: #81C784; + background: transparent; + border: transparent; +} +.p-button.p-button-link:enabled:hover { + background: transparent; + color: #81C784; + border-color: transparent; +} +.p-button.p-button-link:enabled:hover .p-button-label { + text-decoration: underline; +} +.p-button.p-button-link:enabled:focus { + background: transparent; + box-shadow: 0 0 0 0.1rem #a7d8a9; + border-color: transparent; +} +.p-button.p-button-link:enabled:active { + background: transparent; + color: #81C784; + border-color: transparent; +} + +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: rgba(255, 255, 255, 0.87); + color: #17212f; +} +.p-speeddial-action:hover { + background: rgba(255, 255, 255, 0.6); + color: #17212f; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +.p-splitbutton { + border-radius: 3px; +} +.p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #81C784; + border: 1px solid; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(129, 199, 132, 0.04); + color: #81C784; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(129, 199, 132, 0.16); + color: #81C784; +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #81C784; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(129, 199, 132, 0.04); + color: #81C784; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(129, 199, 132, 0.16); + color: #81C784; + border-color: transparent; +} +.p-splitbutton.p-button-text.p-button-plain > .p-button { + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-raised { + 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); +} +.p-splitbutton.p-button-rounded { + border-radius: 2rem; +} +.p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; +} +.p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; +} +.p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; +} +.p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; +} +.p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; +} + +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #78909C; + border: 1px solid; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(120, 144, 156, 0.04); + color: #78909C; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(120, 144, 156, 0.16); + color: #78909C; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #78909C; + border-color: transparent; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(120, 144, 156, 0.04); + border-color: transparent; + color: #78909C; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(120, 144, 156, 0.16); + border-color: transparent; + color: #78909C; +} + +.p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #81D4FA; + border: 1px solid; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(129, 212, 250, 0.04); + color: #81D4FA; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(129, 212, 250, 0.16); + color: #81D4FA; +} +.p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #81D4FA; + border-color: transparent; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(129, 212, 250, 0.04); + border-color: transparent; + color: #81D4FA; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(129, 212, 250, 0.16); + border-color: transparent; + color: #81D4FA; +} + +.p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #C5E1A5; + border: 1px solid; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(197, 225, 165, 0.04); + color: #C5E1A5; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(197, 225, 165, 0.16); + color: #C5E1A5; +} +.p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #C5E1A5; + border-color: transparent; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(197, 225, 165, 0.04); + border-color: transparent; + color: #C5E1A5; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(197, 225, 165, 0.16); + border-color: transparent; + color: #C5E1A5; +} + +.p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #FFE082; + border: 1px solid; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 224, 130, 0.04); + color: #FFE082; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 224, 130, 0.16); + color: #FFE082; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #FFE082; + border-color: transparent; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 224, 130, 0.04); + border-color: transparent; + color: #FFE082; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 224, 130, 0.16); + border-color: transparent; + color: #FFE082; +} + +.p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #CE93D8; + border: 1px solid; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; +} +.p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(206, 147, 216, 0.04); + border-color: transparent; + color: #CE93D8; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(206, 147, 216, 0.16); + border-color: transparent; + color: #CE93D8; +} + +.p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #F48FB1; + border: 1px solid; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(244, 143, 177, 0.04); + color: #F48FB1; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(244, 143, 177, 0.16); + color: #F48FB1; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #F48FB1; + border-color: transparent; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(244, 143, 177, 0.04); + border-color: transparent; + color: #F48FB1; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} + +.p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; +} +.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-carousel .p-carousel-content .p-carousel-prev:focus, +.p-carousel .p-carousel-content .p-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.p-carousel .p-carousel-indicators { + padding: 1rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #304562; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #3c567a; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); +} + +.p-datatable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +.p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-datatable .p-datatable-header { + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-datatable .p-datatable-footer { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #304562; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + transition: box-shadow 0.2s; +} +.p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #304562; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; +} +.p-datatable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column.p-highlight { + background: #1f2d40; + color: #81C784; +} +.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #81C784; +} +.p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(255, 255, 255, 0.03); + color: #81C784; +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #81C784; +} +.p-datatable .p-sortable-column:focus { + box-shadow: inset 0 0 0 0.15rem #a7d8a9; + outline: 0 none; +} +.p-datatable .p-datatable-tbody > tr { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; +} +.p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; +} +.p-datatable .p-datatable-tbody > tr:focus { + outline: 0.15rem solid #a7d8a9; + outline-offset: 0.15rem; +} +.p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(129, 199, 132, 0.16); +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(129, 199, 132, 0.16); +} +.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-column-resizer-helper { + background: #81C784; +} +.p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #1f2d40; +} +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #1f2d40; +} +.p-datatable .p-datatable-loading-icon { + font-size: 2rem; +} +.p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #253144; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; +} + +.p-dataview .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +.p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-dataview .p-dataview-header { + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-dataview .p-dataview-content { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; +} +.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { + border: solid #304562; + border-width: 0 0 1px 0; +} +.p-dataview .p-dataview-footer { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +.p-dataview .p-dataview-loading-icon { + font-size: 2rem; +} +.p-dataview .p-dataview-emptymessage { + padding: 1rem; +} + +.p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; +} + +.p-column-filter-menu-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-menu-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-column-filter-menu-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} + +.p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-clear-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-column-filter-clear-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} + +.p-column-filter-overlay { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + 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); + min-width: 12.5rem; +} +.p-column-filter-overlay .p-column-filter-row-items { + padding: 0.5rem 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a7d8a9; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #304562; + margin: 0.25rem 0; +} + +.p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1rem; + border-bottom: 1px solid #304562; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; +} +.p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.5rem 1rem; +} +.p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1rem; +} + +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { + background: #1f2d40; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-view-container td.fc-widget-content { + background: #1f2d40; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #304562; +} +.fc.fc-unthemed .fc-view-container .fc-row { + border-right: 1px solid #304562; +} +.fc.fc-unthemed .fc-view-container .fc-event { + background: #6abd6e; + border: 1px solid #6abd6e; + color: #212529; +} +.fc.fc-unthemed .fc-view-container .fc-divider { + background: #1f2d40; + border: 1px solid #304562; +} +.fc.fc-unthemed .fc-toolbar .fc-button { + color: #212529; + background: #81C784; + border: 1px solid #81C784; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + display: flex; + align-items: center; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { + background: #6abd6e; + color: #212529; + border-color: #6abd6e; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { + background: #54b358; + color: #212529; + border-color: #54b358; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-unthemed .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #1f2d40; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #304562; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #81C784; + border-color: #81C784; + color: #212529; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #6abd6e; + border-color: #6abd6e; + color: #212529; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + z-index: 1; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #304562; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #1f2d40; + border-color: #304562; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness td { + color: rgba(255, 255, 255, 0.87); + border-color: #304562; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #1f2d40; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover { + background: none; + border: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { + border: 1px solid #304562; + padding: 1rem; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { + opacity: 1; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; + font-family: "PrimeIcons" !important; + font-size: 1rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { + content: "\e90b"; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { + padding: 1rem; + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #212529; + background: #6abd6e; + border-color: #6abd6e; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #212529; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: #6abd6e; + border-color: #6abd6e; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #1f2d40; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #212529; + background: #81C784; + border: 1px solid #81C784; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: #6abd6e; + color: #212529; + border-color: #6abd6e; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: #54b358; + color: #212529; + border-color: #54b358; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.4; + color: #212529; + background: #81C784; + border: 1px solid #81C784; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #1f2d40; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #304562; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #81C784; + border-color: #81C784; + color: #212529; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #6abd6e; + border-color: #6abd6e; + color: #212529; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.fc.fc-theme-standard a { + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); +} + +.p-orderlist .p-orderlist-controls { + padding: 1rem; +} +.p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; +} +.p-orderlist .p-orderlist-header { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + padding: 1rem; + border-bottom: 0 none; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; +} +.p-orderlist .p-orderlist-filter-container { + padding: 1rem; + background: #1f2d40; + border: 1px solid #304562; + border-bottom: 0 none; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.5rem; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-orderlist .p-orderlist-list { + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; +} +.p-orderlist .p-orderlist-list .p-orderlist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a7d8a9; +} +.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); +} +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); +} +.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: rgba(255, 255, 255, 0.01); +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); +} + +.p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 1rem; + 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); + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + margin: 0; +} + +.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(62, 139, 65, 0.16); +} +.p-organizationchart .p-organizationchart-line-down { + background: rgba(255, 255, 255, 0.6); +} +.p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #304562; + border-color: rgba(255, 255, 255, 0.6); +} +.p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #304562; + border-color: rgba(255, 255, 255, 0.6); +} +.p-organizationchart .p-organizationchart-node-content { + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + padding: 1rem; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} + +.p-paginator { + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + border: solid #304562; + border-width: 1px; + padding: 0.5rem 1rem; + border-radius: 3px; +} +.p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 2.286em; + height: 2.286em; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); +} +.p-paginator .p-paginator-first { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.286em; +} +.p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; +} +.p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; +} +.p-paginator .p-paginator-page-input .p-inputtext { + max-width: 2.286em; +} +.p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 2.286em; + height: 2.286em; + margin: 0.143rem; + padding: 0 0.5rem; +} +.p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 2.286em; + height: 2.286em; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(129, 199, 132, 0.16); + border-color: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); +} + +.p-picklist .p-picklist-buttons { + padding: 1rem; +} +.p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; +} +.p-picklist .p-picklist-header { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + padding: 1rem; + border-bottom: 0 none; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; +} +.p-picklist .p-picklist-filter-container { + padding: 1rem; + background: #1f2d40; + border: 1px solid #304562; + border-bottom: 0 none; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.5rem; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-picklist .p-picklist-list { + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; +} +.p-picklist .p-picklist-list .p-picklist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a7d8a9; +} +.p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); +} +.p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); +} +.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: rgba(255, 255, 255, 0.01); +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); +} + +.p-picklist-item.cdk-drag-preview { + padding: 0.5rem 1rem; + 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); + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + margin: 0; +} + +.p-timeline .p-timeline-event-marker { + border: 2px solid #81C784; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #1f2d40; +} +.p-timeline .p-timeline-event-connector { + background-color: #304562; +} +.p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; +} +.p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; +} + +.p-tree { + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + padding: 1rem; + border-radius: 3px; +} +.p-tree .p-tree-container .p-treenode { + padding: 0.143rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 3px; + transition: box-shadow 0.2s; + padding: 0; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a7d8a9; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; +} +.p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.5rem; +} +.p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-tree .p-treenode-children { + padding: 0 0 0 1rem; +} +.p-tree .p-tree-loading-icon { + font-size: 2rem; +} +.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(84, 179, 88, 0.16); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 3px; + border: 1px solid #304562; + background-color: #1f2d40; + color: rgba(255, 255, 255, 0.87); + padding: 0; + transition: box-shadow 0.2s; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} + +.p-treetable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +.p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-treetable .p-treetable-header { + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-treetable .p-treetable-footer { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #304562; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + transition: box-shadow 0.2s; +} +.p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #304562; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; +} +.p-treetable .p-sortable-column { + outline-color: #a7d8a9; +} +.p-treetable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-sortable-column.p-highlight { + background: #1f2d40; + color: #81C784; +} +.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #81C784; +} +.p-treetable .p-treetable-tbody > tr { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; +} +.p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-treetable-tbody > tr:focus { + outline: 0.15rem solid #a7d8a9; + outline-offset: -0.15rem; +} +.p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-column-resizer-helper { + background: #81C784; +} +.p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #1f2d40; +} +.p-treetable .p-treetable-loading-icon { + font-size: 2rem; +} +.p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.875rem 0.875rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 1.25rem 1.25rem; +} + +.p-virtualscroller .p-virtualscroller-header { + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-virtualscroller .p-virtualscroller-content { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; +} +.p-virtualscroller .p-virtualscroller-footer { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1rem; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; + border-radius: 3px; + transition: box-shadow 0.2s; +} +.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; +} +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: rgba(255, 255, 255, 0.03); + border-color: #304562; + color: rgba(255, 255, 255, 0.87); +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #1f2d40; + border-color: #304562; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #304562; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-accordion .p-accordion-content { + padding: 1rem; + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; +} +.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; +} +.p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; +} +.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 none; +} +.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-top: 0 none; +} +.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +.p-card { + background: #1f2d40; + 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: 3px; +} +.p-card .p-card-body { + padding: 1rem; +} +.p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +.p-card .p-card-subtitle { + font-weight: 700; + margin-bottom: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-card .p-card-content { + padding: 1rem 0; +} +.p-card .p-card-footer { + padding: 1rem 0 0 0; +} + +.p-divider .p-divider-content { + background-color: #1f2d40; +} +.p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +.p-divider.p-divider-horizontal:before { + border-top: 1px #304562; +} +.p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; +} +.p-divider.p-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; +} +.p-divider.p-divider-vertical:before { + border-left: 1px #304562; +} +.p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; +} + +.p-fieldset { + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; +} +.p-fieldset .p-fieldset-legend { + padding: 1rem; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; + border-radius: 3px; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; + transition: box-shadow 0.2s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #304562; + color: rgba(255, 255, 255, 0.87); +} +.p-fieldset .p-fieldset-content { + padding: 1rem; +} + +.p-panel .p-panel-header { + border: 1px solid #304562; + padding: 1rem; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-panel .p-panel-header .p-panel-title { + font-weight: 600; +} +.p-panel .p-panel-header .p-panel-header-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-panel .p-panel-header .p-panel-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.p-panel.p-panel-toggleable .p-panel-header { + padding: 0.5rem 1rem; +} +.p-panel .p-panel-content { + padding: 1rem; + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + border-top: 0 none; +} +.p-panel .p-panel-footer { + padding: 0.5rem 1rem; + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} +.p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; +} +.p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; +} +.p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; +} + +.p-scrollpanel .p-scrollpanel-bar { + background: #304562; + border: 0 none; +} + +.p-splitter { + border: 1px solid #304562; + background: #1f2d40; + border-radius: 3px; + color: rgba(255, 255, 255, 0.87); +} +.p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: rgba(255, 255, 255, 0.03); +} +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #304562; +} +.p-splitter .p-splitter-gutter-resizing { + background: #304562; +} + +.p-tabview .p-tabview-nav { + background: transparent; + border: 1px solid #304562; + border-width: 0 0 2px 0; +} +.p-tabview .p-tabview-nav li { + margin-right: 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #304562; + border-width: 0 0 2px 0; + border-color: transparent transparent #304562 transparent; + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + padding: 1rem; + font-weight: 600; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #a7d8a9; +} +.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #1f2d40; + border-color: #81C784; + color: rgba(255, 255, 255, 0.87); +} +.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #1f2d40; + border-color: #81C784; + color: #81C784; +} +.p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; +} +.p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-close { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-nav-btn.p-link { + background: #1f2d40; + color: #81C784; + width: 2.357rem; + 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); + border-radius: 0; +} +.p-tabview .p-tabview-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #a7d8a9; +} +.p-tabview .p-tabview-panels { + background: #1f2d40; + padding: 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +.p-toolbar { + background: #1f2d40; + border: 1px solid #304562; + padding: 1rem; + border-radius: 3px; + gap: 0.5rem; +} +.p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; +} + +.p-confirm-popup { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + 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); +} +.p-confirm-popup .p-confirm-popup-content { + padding: 1rem; +} +.p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.5rem 1rem; +} +.p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; +} +.p-confirm-popup:after { + border: solid transparent; + border-color: rgba(31, 45, 64, 0); + border-bottom-color: #1f2d40; +} +.p-confirm-popup:before { + border: solid transparent; + border-color: rgba(48, 69, 98, 0); + border-bottom-color: #304562; +} +.p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #1f2d40; +} +.p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #304562; +} +.p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; +} +.p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; +} + +.p-dialog { + border-radius: 3px; + 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: 1px solid #304562; +} +.p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + padding: 1.5rem; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.25rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-dialog .p-dialog-header .p-dialog-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; +} +.p-dialog .p-dialog-content { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.5rem 2rem 1.5rem; +} +.p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-dialog .p-dialog-footer { + border-top: 0 none; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; +} + +.p-overlaypanel { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + 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); +} +.p-overlaypanel .p-overlaypanel-content { + padding: 1rem; +} +.p-overlaypanel .p-overlaypanel-close { + background: #81C784; + color: #212529; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + position: absolute; + top: -1rem; + right: -1rem; +} +.p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #6abd6e; + color: #212529; +} +.p-overlaypanel:after { + border: solid transparent; + border-color: rgba(31, 45, 64, 0); + border-bottom-color: #1f2d40; +} +.p-overlaypanel:before { + border: solid transparent; + border-color: rgba(48, 69, 98, 0); + border-bottom-color: #2e425d; +} +.p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #1f2d40; +} +.p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #304562; +} + +.p-sidebar { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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); +} +.p-sidebar .p-sidebar-header { + padding: 1rem; +} +.p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-sidebar .p-sidebar-header .p-sidebar-close:focus, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; +} +.p-sidebar .p-sidebar-content { + padding: 1rem; +} +.p-sidebar .p-sidebar-footer { + padding: 1rem; +} + +.p-tooltip .p-tooltip-text { + background: #304562; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem 0.5rem; + 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); + border-radius: 3px; +} +.p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #304562; +} +.p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #304562; +} +.p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #304562; +} +.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #304562; +} + +.p-fileupload .p-fileupload-buttonbar { + background: #1f2d40; + padding: 1rem; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + border-bottom: 0 none; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; +} +.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.p-fileupload .p-fileupload-content { + background: #1f2d40; + padding: 2rem 1rem; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-fileupload .p-progressbar { + height: 0.25rem; +} +.p-fileupload .p-fileupload-row > div { + padding: 1rem 1rem; +} +.p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; +} + +.p-fileupload-choose:not(.p-disabled):hover { + background: #6abd6e; + color: #212529; + border-color: #6abd6e; +} +.p-fileupload-choose:not(.p-disabled):active { + background: #54b358; + color: #212529; + border-color: #54b358; +} + +.p-breadcrumb { + background: #1f2d40; + border: 1px solid #304562; + border-radius: 3px; + padding: 1rem; +} +.p-breadcrumb ul li .p-menuitem-link { + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-breadcrumb ul li .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-breadcrumb ul li.p-breadcrumb-chevron { + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.87); +} +.p-breadcrumb ul li:last-child .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-breadcrumb ul li:last-child .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} + +.p-contextmenu { + padding: 0.25rem 0; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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); + border-radius: 3px; + width: 12.5rem; +} +.p-contextmenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-contextmenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-contextmenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a7d8a9; +} +.p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #1f2d40; + border: 1px solid #304562; + 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); + border-radius: 3px; +} +.p-contextmenu .p-menuitem { + margin: 0; +} +.p-contextmenu .p-menuitem:last-child { + margin: 0; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #17212f; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menu-separator { + border-top: 1px solid #304562; + margin: 0.25rem 0; +} +.p-contextmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-contextmenu .p-menuitem-badge { + background: #81C784; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + +@media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } +} +.p-megamenu { + padding: 0.5rem; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; + transition: box-shadow 0.2s; + user-select: none; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a7d8a9; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: #17212f; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-megamenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-megamenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a7d8a9; +} +.p-megamenu .p-megamenu-panel { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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); +} +.p-megamenu .p-megamenu-submenu-header { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-megamenu .p-megamenu-submenu { + padding: 0.25rem 0; + width: 12.5rem; +} +.p-megamenu .p-megamenu-submenu .p-menu-separator { + border-top: 1px solid #304562; + margin: 0.25rem 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem { + margin: 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #17212f; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem { + margin: 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem-badge { + background: #81C784; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menu { + padding: 0.25rem 0; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + width: 12.5rem; +} +.p-menu .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a7d8a9; +} +.p-menu.p-menu-overlay { + background: #1f2d40; + border: 1px solid #304562; + 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); +} +.p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.p-menu .p-menu-separator { + border-top: 1px solid #304562; + margin: 0.25rem 0; +} +.p-menu .p-menuitem { + margin: 0; +} +.p-menu .p-menuitem:last-child { + margin: 0; +} +.p-menu .p-menuitem-badge { + background: #81C784; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menubar { + padding: 0.5rem; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; +} +.p-menubar .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menubar .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menubar .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a7d8a9; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a7d8a9; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: #17212f; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-submenu-list { + padding: 0.25rem 0; + background: #1f2d40; + border: 1px solid #304562; + 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); + width: 12.5rem; +} +.p-menubar .p-submenu-list .p-menu-separator { + border-top: 1px solid #304562; + margin: 0.25rem 0; +} +.p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; +} +.p-menubar .p-submenu-list .p-menuitem { + margin: 0; +} +.p-menubar .p-submenu-list .p-menuitem:last-child { + margin: 0; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #17212f; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-badge { + background: #81C784; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +@media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0; + background: #1f2d40; + border: 1px solid #304562; + 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); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menu-separator { + border-top: 1px solid #304562; + margin: 0.25rem 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a7d8a9; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } +} +.p-panelmenu .p-panelmenu-header > a { + padding: 1rem; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; + border-radius: 3px; + transition: box-shadow 0.2s; +} +.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #304562; + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-header.p-highlight { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight > a { + background: #1f2d40; + border-color: #304562; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + border-color: #304562; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0; + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + margin-bottom: 0; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a7d8a9; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { + padding: 0 0 0 1rem; +} +.p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { + border-radius: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; +} +.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { + border-top: 0 none; +} +.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { + border-top: 0 none; +} +.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-panelmenu .p-menuitem-badge { + background: #81C784; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-slidemenu { + padding: 0.25rem 0; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + width: 12.5rem; +} +.p-slidemenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-slidemenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-slidemenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a7d8a9; +} +.p-slidemenu.p-slidemenu-overlay { + background: #1f2d40; + border: 1px solid #304562; + 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); +} +.p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0; + background: #1f2d40; + border: 1px solid #304562; + 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); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { + background: #17212f; +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-slidemenu-separator { + border-top: 1px solid #304562; + margin: 0.25rem 0; +} +.p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; +} +.p-slidemenu .p-slidemenu-backward { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-badge { + background: #81C784; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: box-shadow 0.2s; + border-radius: 3px; + background: transparent; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: rgba(255, 255, 255, 0.87); + border: 0 none; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 600; + color: rgba(255, 255, 255, 0.87); +} +.p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #304562; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; +} + +.p-tabmenu .p-tabmenu-nav { + background: transparent; + border: 1px solid #304562; + border-width: 0 0 2px 0; +} +.p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #81C784; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #304562; + border-width: 0 0 2px 0; + border-color: transparent transparent #304562 transparent; + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + padding: 1rem; + font-weight: 600; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #a7d8a9; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #1f2d40; + border-color: #81C784; + color: rgba(255, 255, 255, 0.87); +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #1f2d40; + border-color: #81C784; + color: #81C784; +} +.p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #1f2d40; + color: #81C784; + width: 2.357rem; + 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); + border-radius: 0; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #a7d8a9; +} + +.p-tieredmenu { + padding: 0.25rem 0; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + width: 12.5rem; +} +.p-tieredmenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-tieredmenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-tieredmenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a7d8a9; +} +.p-tieredmenu.p-tieredmenu-overlay { + background: #1f2d40; + border: 1px solid #304562; + 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); +} +.p-tieredmenu .p-submenu-list { + padding: 0.25rem 0; + background: #1f2d40; + border: 1px solid #304562; + 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); +} +.p-tieredmenu .p-menuitem { + margin: 0; +} +.p-tieredmenu .p-menuitem:last-child { + margin: 0; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #17212f; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menu-separator { + border-top: 1px solid #304562; + margin: 0.25rem 0; +} +.p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-tieredmenu .p-menuitem-badge { + background: #81C784; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-inline-message { + padding: 0.5rem 0.5rem; + margin: 0; + border-radius: 3px; +} +.p-inline-message.p-inline-message-info { + background: #B3E5FC; + border: solid #0891cf; + border-width: 1px; + color: #044868; +} +.p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #044868; +} +.p-inline-message.p-inline-message-success { + background: #C8E6C9; + border: solid #439446; + border-width: 1px; + color: #224a23; +} +.p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #224a23; +} +.p-inline-message.p-inline-message-warn { + background: #FFECB3; + border: solid #d9a300; + border-width: 1px; + color: #6d5100; +} +.p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #6d5100; +} +.p-inline-message.p-inline-message-error { + background: #FFCDD2; + border: solid #e60017; + border-width: 1px; + color: #73000c; +} +.p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #73000c; +} +.p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; +} +.p-inline-message .p-inline-message-text { + font-size: 1rem; +} +.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; +} + +.p-message { + margin: 1rem 0; + border-radius: 3px; +} +.p-message .p-message-wrapper { + padding: 1rem 1.5rem; +} +.p-message .p-message-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-message .p-message-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.p-message.p-message-info { + background: #B3E5FC; + border: solid #0891cf; + border-width: 0 0 0 6px; + color: #044868; +} +.p-message.p-message-info .p-message-icon { + color: #044868; +} +.p-message.p-message-info .p-message-close { + color: #044868; +} +.p-message.p-message-success { + background: #C8E6C9; + border: solid #439446; + border-width: 0 0 0 6px; + color: #224a23; +} +.p-message.p-message-success .p-message-icon { + color: #224a23; +} +.p-message.p-message-success .p-message-close { + color: #224a23; +} +.p-message.p-message-warn { + background: #FFECB3; + border: solid #d9a300; + border-width: 0 0 0 6px; + color: #6d5100; +} +.p-message.p-message-warn .p-message-icon { + color: #6d5100; +} +.p-message.p-message-warn .p-message-close { + color: #6d5100; +} +.p-message.p-message-error { + background: #FFCDD2; + border: solid #e60017; + border-width: 0 0 0 6px; + color: #73000c; +} +.p-message.p-message-error .p-message-icon { + color: #73000c; +} +.p-message.p-message-error .p-message-close { + color: #73000c; +} +.p-message .p-message-text { + font-size: 1rem; + font-weight: 500; +} +.p-message .p-message-icon { + font-size: 1.5rem; + margin-right: 0.5rem; +} +.p-message .p-message-summary { + font-weight: 700; +} +.p-message .p-message-detail { + margin-left: 0.5rem; +} + +.p-toast { + opacity: 0.9; +} +.p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: none; + border-radius: 3px; +} +.p-toast .p-toast-message .p-toast-message-content { + padding: 1rem; + border-width: 0 0 0 6px; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 1rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 2rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 700; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; +} +.p-toast .p-toast-message .p-toast-icon-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-toast .p-toast-message .p-toast-icon-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.p-toast .p-toast-message.p-toast-message-info { + background: #B3E5FC; + border: solid #0891cf; + border-width: 0 0 0 6px; + color: #044868; +} +.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #044868; +} +.p-toast .p-toast-message.p-toast-message-success { + background: #C8E6C9; + border: solid #439446; + border-width: 0 0 0 6px; + color: #224a23; +} +.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #224a23; +} +.p-toast .p-toast-message.p-toast-message-warn { + background: #FFECB3; + border: solid #d9a300; + border-width: 0 0 0 6px; + color: #6d5100; +} +.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #6d5100; +} +.p-toast .p-toast-message.p-toast-message-error { + background: #FFCDD2; + border: solid #e60017; + border-width: 0 0 0 6px; + color: #73000c; +} +.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #73000c; +} + +.p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-item-nav { + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 3px; + margin: 0 0.5rem; +} +.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f8f9fa; + padding: 1rem; +} +.p-galleria .p-galleria-indicators { + padding: 1rem; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #304562; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #3c567a; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; +} +.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f8f9fa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} + +.p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-preview-indicator { + background-color: transparent; + color: #f8f9fa; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} + +.p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); +} + +.p-image-toolbar { + padding: 1rem; +} + +.p-image-action.p-link { + color: #f8f9fa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-image-action.p-link:last-child { + margin-right: 0; +} +.p-image-action.p-link:hover { + color: #f8f9fa; + background-color: rgba(255, 255, 255, 0.1); +} +.p-image-action.p-link i { + font-size: 1.5rem; +} + +.p-avatar { + background-color: #304562; + border-radius: 3px; +} +.p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +.p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; +} +.p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +.p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; +} + +.p-avatar-group .p-avatar { + border: 2px solid #1f2d40; +} + +.p-badge { + background: #81C784; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +.p-badge.p-badge-secondary { + background-color: #78909C; + color: #ffffff; +} +.p-badge.p-badge-success { + background-color: #C5E1A5; + color: #121212; +} +.p-badge.p-badge-info { + background-color: #81D4FA; + color: #121212; +} +.p-badge.p-badge-warning { + background-color: #FFE082; + color: #121212; +} +.p-badge.p-badge-danger { + background-color: #F48FB1; + color: #121212; +} +.p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +.p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} + +.p-chip { + background-color: #304562; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + padding: 0 0.5rem; +} +.p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} +.p-chip .p-chip-icon { + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; +} +.p-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.5rem; + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} + +.p-inplace .p-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} + +.p-progressbar { + border: 0 none; + height: 1.5rem; + background: #304562; + border-radius: 3px; +} +.p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #81C784; +} +.p-progressbar .p-progressbar-label { + color: #212529; + line-height: 1.5rem; +} + +.p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + 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); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-scrolltop.p-link { + background: rgba(129, 199, 132, 0.16); +} +.p-scrolltop.p-link:hover { + background: rgba(129, 199, 132, 0.3616); +} +.p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: rgba(255, 255, 255, 0.87); +} + +.p-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 3px; +} +.p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); +} + +.p-tag { + background: #81C784; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 3px; +} +.p-tag.p-tag-success { + background-color: #C5E1A5; + color: #121212; +} +.p-tag.p-tag-info { + background-color: #81D4FA; + color: #121212; +} +.p-tag.p-tag-warning { + background-color: #FFE082; + color: #121212; +} +.p-tag.p-tag-danger { + background-color: #F48FB1; + color: #121212; +} +.p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +.p-terminal { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + padding: 1rem; +} +.p-terminal .p-terminal-input { + font-size: 1rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; +} + +/* Customizations to the designer theme should be defined here */ +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #81C784; +} + +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #81C784; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #81C784; +} + +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #81C784; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #81C784; +} diff --git a/assets/layout/styles/theme/vela-green/theme.css.br b/assets/layout/styles/theme/vela-green/theme.css.br new file mode 100644 index 0000000..3bdccdb Binary files /dev/null and b/assets/layout/styles/theme/vela-green/theme.css.br differ diff --git a/assets/layout/styles/theme/vela-green/theme.css.gz b/assets/layout/styles/theme/vela-green/theme.css.gz new file mode 100644 index 0000000..9710401 Binary files /dev/null and b/assets/layout/styles/theme/vela-green/theme.css.gz differ diff --git a/assets/layout/styles/theme/vela-orange/theme.css b/assets/layout/styles/theme/vela-orange/theme.css new file mode 100644 index 0000000..a38bb7e --- /dev/null +++ b/assets/layout/styles/theme/vela-orange/theme.css @@ -0,0 +1,6307 @@ +:root { + --surface-a:#1f2d40; + --surface-b:#17212f; + --surface-c:rgba(255, 255, 255, 0.03); + --surface-d:#304562; + --surface-e:#1f2d40; + --surface-f:#1f2d40; + --text-color:rgba(255, 255, 255, 0.87); + --text-color-secondary:rgba(255, 255, 255, 0.6); + --primary-color:#FFD54F; + --primary-color-text:#212529; + --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --surface-0: #17212f; + --surface-50: #2e3744; + --surface-100: #454d59; + --surface-200: #5d646d; + --surface-300: #747a82; + --surface-400: #8b9097; + --surface-500: #a2a6ac; + --surface-600: #b9bcc1; + --surface-700: #d1d3d5; + --surface-800: #e8e9ea; + --surface-900: #ffffff; + --gray-50:#e8e9ea; + --gray-100: #d1d3d5; + --gray-200: #b9bcc1; + --gray-300: #a2a6ac; + --gray-400: #8b9097; + --gray-500: #747a82; + --gray-600: #5d646d; + --gray-700: #454d59; + --gray-800: #2e3744; + --gray-900: #17212f; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#17212f; + --surface-section:#17212f; + --surface-card:#1f2d40; + --surface-overlay:#1f2d40; + --surface-border:#304562; + --surface-hover:rgba(255,255,255,.03); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 1px #ffe284; + color-scheme: light dark; +} + +* { + box-sizing: border-box; +} + +.p-component { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + font-weight: normal; +} + +.p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; +} + +.p-disabled, .p-component:disabled { + opacity: 0.4; +} + +.p-error { + color: #ef9a9a; +} + +.p-text-secondary { + color: rgba(255, 255, 255, 0.6); +} + +.pi { + font-size: 1rem; +} + +.p-link { + font-size: 1rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + border-radius: 3px; +} +.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} + +.p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; +} + +.p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; +} + +@keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } +} +@keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } +} + +: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:#f6fbf6; + --green-100:#d4ecd5; + --green-200:#b2ddb4; + --green-300:#90cd93; + --green-400:#6ebe71; + --green-500:#4caf50; + --green-600:#419544; + --green-700:#357b38; + --green-800:#2a602c; + --green-900:#1e4620; + --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:#f5f6fb; + --indigo-100:#d1d5ed; + --indigo-200:#acb4df; + --indigo-300:#8893d1; + --indigo-400:#6372c3; + --indigo-500:#3f51b5; + --indigo-600:#36459a; + --indigo-700:#2c397f; + --indigo-800:#232d64; + --indigo-900:#192048; + --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:#fff8f2; + --orange-100:#fde0c2; + --orange-200:#fbc791; + --orange-300:#f9ae61; + --orange-400:#f79530; + --orange-500:#f57c00; + --orange-600:#d06900; + --orange-700:#ac5700; + --orange-800:#874400; + --orange-900:#623200; + --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:#fff5f5; + --red-100:#ffd1ce; + --red-200:#ffada7; + --red-300:#ff8980; + --red-400:#ff6459; + --red-500:#ff4032; + --red-600:#d9362b; + --red-700:#b32d23; + --red-800:#8c231c; + --red-900:#661a14; + --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; +} + +.p-autocomplete .p-autocomplete-loader { + right: 0.5rem; +} +.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 2.857rem; +} +.p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; + gap: 0.5rem; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + border-color: #FFD54F; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + border-color: #FFD54F; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.25rem 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.5rem; + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; +} + +p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #ef9a9a; +} + +.p-autocomplete-panel { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + 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); +} +.p-autocomplete-panel .p-autocomplete-items { + padding: 0.5rem 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; +} + +p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2rem; +} +p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; +} + +p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.857rem; +} + +p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #ef9a9a; +} + +.p-datepicker { + padding: 0.5rem; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; +} +.p-datepicker:not(.p-datepicker-inline) { + background: #1f2d40; + border: 1px solid #304562; + 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); +} +.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #1f2d40; +} +.p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; + margin: 0; + border-bottom: 1px solid #304562; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 2rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + font-weight: 600; + padding: 0.5rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #FFD54F; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; +} +.p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0; +} +.p-datepicker table th { + padding: 0.5rem; +} +.p-datepicker table th > span { + width: 2.5rem; + height: 2.5rem; +} +.p-datepicker table td { + padding: 0.5rem; +} +.p-datepicker table td > span { + width: 2.5rem; + height: 2.5rem; + border-radius: 50%; + transition: box-shadow 0.2s; + border: 1px solid transparent; +} +.p-datepicker table td > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); +} +.p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.p-datepicker table td.p-datepicker-today > span { + background: transparent; + color: #FFD54F; + border-color: transparent; +} +.p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); +} +.p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #304562; +} +.p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; +} +.p-datepicker .p-timepicker { + border-top: 1px solid #304562; + padding: 0.5rem; +} +.p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-timepicker button:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker .p-timepicker button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; +} +.p-datepicker .p-timepicker span { + font-size: 1.25rem; +} +.p-datepicker .p-timepicker > div { + padding: 0 0.5rem; +} +.p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; +} +.p-datepicker .p-monthpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.5rem; + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); +} +.p-datepicker .p-yearpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.5rem; + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #304562; + padding-right: 0.5rem; + padding-left: 0.5rem; + padding-top: 0; + padding-bottom: 0; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} + +p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2rem; +} +p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; +} + +p-calendar.p-calendar-clearable.p-calendar-w-btn .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.857rem; +} + +@media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } +} +.p-cascadeselect { + background: #17212f; + border: 1px solid #304562; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-cascadeselect:not(.p-disabled):hover { + border-color: #FFD54F; +} +.p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + border-color: #FFD54F; +} +.p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.5rem; +} +.p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-cascadeselect-panel { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + 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); +} +.p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.5rem 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 1rem; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #ffe284; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; +} + +p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #ef9a9a; +} + +.p-input-filled .p-cascadeselect { + background: #304562; +} +.p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #304562; +} +.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #304562; +} + +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.5rem; +} +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; +} + +.p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; +} +.p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); +} + +.p-checkbox { + width: 20px; + height: 20px; +} +.p-checkbox .p-checkbox-box { + border: 2px solid #304562; + background: #17212f; + width: 20px; + height: 20px; + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #212529; + font-size: 14px; +} +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #FFD54F; + background: #FFD54F; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #FFD54F; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + border-color: #FFD54F; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #ffc50c; + background: #ffc50c; + color: #212529; +} + +p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #ef9a9a; +} + +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #304562; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #FFD54F; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #304562; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #ffc50c; +} + +.p-checkbox-label { + margin-left: 0.5rem; +} + +.p-chips .p-chips-multiple-container { + padding: 0.25rem 0.5rem; + gap: 0.5rem; +} +.p-chips .p-chips-multiple-container:not(.p-disabled):hover { + border-color: #FFD54F; +} +.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + border-color: #FFD54F; +} +.p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.5rem; + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; +} +.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; +} +.p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.25rem 0; +} +.p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; +} + +p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #ef9a9a; +} + +p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.5rem; +} +p-chips.p-chips-clearable .p-chips-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; +} + +.p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; +} + +.p-colorpicker-panel { + background: #1f2d40; + border: 1px solid #304562; +} +.p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; +} + +.p-colorpicker-overlay-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); +} + +.p-dropdown { + background: #17212f; + border: 1px solid #304562; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-dropdown:not(.p-disabled):hover { + border-color: #FFD54F; +} +.p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + border-color: #FFD54F; +} +.p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.5rem; +} +.p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; +} +.p-dropdown .p-dropdown-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-dropdown .p-dropdown-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.p-dropdown .p-dropdown-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; +} + +.p-dropdown-panel { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + 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); +} +.p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.5rem; + margin-right: -1.5rem; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-dropdown-panel .p-dropdown-items { + padding: 0.5rem 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; +} + +p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #ef9a9a; +} + +.p-input-filled .p-dropdown { + background: #304562; +} +.p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #304562; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #304562; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; +} + +.p-editor-container .p-editor-toolbar { + background: #1f2d40; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #304562; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #1f2d40; + border: 1px solid #304562; + 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); + border-radius: 3px; + padding: 0.5rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #304562; +} +.p-editor-container .p-editor-content .ql-editor { + background: #17212f; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #FFD54F; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #FFD54F; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #FFD54F; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #FFD54F; +} + +.p-inputgroup-addon { + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + border-top: 1px solid #304562; + border-left: 1px solid #304562; + border-bottom: 1px solid #304562; + padding: 0.5rem 0.5rem; + min-width: 2.357rem; +} +.p-inputgroup-addon:last-child { + border-right: 1px solid #304562; +} + +.p-inputgroup > .p-component, +.p-inputgroup > .p-element, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; +} +.p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-element + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; +} +.p-inputgroup > .p-component:focus, +.p-inputgroup > .p-element:focus, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; +} +.p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-element:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; +} + +.p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} + +.p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} + +.p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-fluid .p-inputgroup .p-button { + width: auto; +} +.p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.357rem; +} + +p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #ef9a9a; +} + +p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2rem; +} +p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; +} + +p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #ef9a9a; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 2.857rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 2.857rem; +} + +.p-inputswitch { + width: 3rem; + height: 1.75rem; +} +.p-inputswitch .p-inputswitch-slider { + background: #304562; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; +} +.p-inputswitch .p-inputswitch-slider:before { + background: rgba(255, 255, 255, 0.6); + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition-duration: 0.2s; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1.25rem); +} +.p-inputswitch.p-focus .p-inputswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: rgba(255, 255, 255, 0.03); +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #FFD54F; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: rgba(255, 255, 255, 0.87); +} +.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #ffcd2e; +} + +p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + border-color: #ef9a9a; +} + +.p-inputtext { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + background: #17212f; + padding: 0.5rem 0.5rem; + border: 1px solid #304562; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + appearance: none; + border-radius: 3px; +} +.p-inputtext:enabled:hover { + border-color: #FFD54F; +} +.p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + border-color: #FFD54F; +} +.p-inputtext.ng-dirty.ng-invalid { + border-color: #ef9a9a; +} +.p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.4375rem; +} +.p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.625rem; +} + +.p-float-label > label { + left: 0.5rem; + color: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; +} + +.p-float-label > .ng-invalid.ng-dirty + label { + color: #ef9a9a; +} + +.p-input-icon-left > i:first-of-type { + left: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} + +.p-input-icon-left > .p-inputtext { + padding-left: 2rem; +} + +.p-input-icon-left.p-float-label > label { + left: 2rem; +} + +.p-input-icon-right > i:last-of-type { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} + +.p-input-icon-right > .p-inputtext { + padding-right: 2rem; +} + +::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +:-moz-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +.p-input-filled .p-inputtext { + background-color: #304562; +} +.p-input-filled .p-inputtext:enabled:hover { + background-color: #304562; +} +.p-input-filled .p-inputtext:enabled:focus { + background-color: #304562; +} + +.p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.4375rem; +} + +.p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.625rem; +} + +.p-listbox { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; +} +.p-listbox .p-listbox-header { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.5rem; +} +.p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list { + padding: 0.5rem 0; +} +.p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); +} +.p-listbox .p-listbox-list .p-listbox-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #ffe284; +} +.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; +} +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} + +p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #ef9a9a; +} + +.p-multiselect { + background: #17212f; + border: 1px solid #304562; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-multiselect:not(.p-disabled):hover { + border-color: #FFD54F; +} +.p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + border-color: #FFD54F; +} +.p-multiselect .p-multiselect-label { + padding: 0.5rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-multiselect .p-multiselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-multiselect.p-multiselect-chip .p-multiselect-label { + gap: 0.5rem; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.5rem; + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; +} +.p-multiselect .p-multiselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.5rem; +} + +.p-multiselect-panel { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + 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); +} +.p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.5rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.p-multiselect-panel .p-multiselect-items { + padding: 0.5rem 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #ffe284; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} + +p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #ef9a9a; +} + +.p-input-filled .p-multiselect { + background: #304562; +} +.p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #304562; +} +.p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #304562; +} + +p-multiselect.p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.5rem; +} +p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; +} + +p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #ef9a9a; +} + +.p-password-panel { + padding: 1rem; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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); + border-radius: 3px; +} +.p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #304562; +} +.p-password-panel .p-password-meter .p-password-strength.weak { + background: #F48FB1; +} +.p-password-panel .p-password-meter .p-password-strength.medium { + background: #FFE082; +} +.p-password-panel .p-password-meter .p-password-strength.strong { + background: #C5E1A5; +} + +p-password.p-password-clearable .p-password-input { + padding-right: 2rem; +} +p-password.p-password-clearable .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; +} + +p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 3.5rem; +} +p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2rem; +} + +.p-radiobutton { + width: 20px; + height: 20px; +} +.p-radiobutton .p-radiobutton-box { + border: 2px solid #304562; + background: #17212f; + width: 20px; + height: 20px; + color: rgba(255, 255, 255, 0.87); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #FFD54F; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + border-color: #FFD54F; +} +.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 12px; + height: 12px; + transition-duration: 0.2s; + background-color: #212529; +} +.p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #FFD54F; + background: #FFD54F; +} +.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #ffc50c; + background: #ffc50c; + color: #212529; +} + +p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #ef9a9a; +} + +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #304562; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #304562; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #FFD54F; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #ffc50c; +} + +.p-radiobutton-label { + margin-left: 0.5rem; +} + +.p-rating .p-rating-icon { + color: rgba(255, 255, 255, 0.87); + margin-left: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + font-size: 1.143rem; +} +.p-rating .p-rating-icon.p-rating-cancel { + color: #F48FB1; +} +.p-rating .p-rating-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.p-rating .p-rating-icon:first-child { + margin-left: 0; +} +.p-rating .p-rating-icon.pi-star-fill { + color: #FFD54F; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + color: #FFD54F; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + color: #F48FB1; +} + +.p-selectbutton .p-button { + background: #1f2d40; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #304562; + color: rgba(255, 255, 255, 0.87); +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-selectbutton .p-button.p-highlight { + background: #FFD54F; + border-color: #FFD54F; + color: #212529; +} +.p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #212529; +} +.p-selectbutton .p-button.p-highlight:hover { + background: #ffcd2e; + border-color: #ffcd2e; + color: #212529; +} +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #212529; +} + +p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #ef9a9a; +} + +.p-slider { + background: #304562; + border: 0 none; + border-radius: 3px; +} +.p-slider.p-slider-horizontal { + height: 0.286rem; +} +.p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -0.5715rem; + margin-left: -0.5715rem; +} +.p-slider.p-slider-vertical { + width: 0.286rem; +} +.p-slider.p-slider-vertical .p-slider-handle { + margin-left: -0.5715rem; + margin-bottom: -0.5715rem; +} +.p-slider .p-slider-handle { + height: 1.143rem; + width: 1.143rem; + background: #304562; + border: 2px solid #FFD54F; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.p-slider .p-slider-range { + background: #FFD54F; +} +.p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #FFD54F; + border-color: #FFD54F; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; +} + +.p-togglebutton.p-button { + background: #1f2d40; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #304562; + color: rgba(255, 255, 255, 0.87); +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-togglebutton.p-button.p-highlight { + background: #FFD54F; + border-color: #FFD54F; + color: #212529; +} +.p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #212529; +} +.p-togglebutton.p-button.p-highlight:hover { + background: #ffcd2e; + border-color: #ffcd2e; + color: #212529; +} +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #212529; +} + +p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #ef9a9a; +} + +.p-treeselect { + background: #17212f; + border: 1px solid #304562; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-treeselect:not(.p-disabled):hover { + border-color: #FFD54F; +} +.p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + border-color: #FFD54F; +} +.p-treeselect .p-treeselect-label { + padding: 0.5rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-treeselect .p-treeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.5rem; + margin-right: 0.5rem; + background: #304562; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; +} +.p-treeselect .p-treeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #ef9a9a; +} + +.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.5rem; +} + +.p-treeselect-panel { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + 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); +} +.p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} + +.p-input-filled .p-treeselect { + background: #304562; +} +.p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #304562; +} +.p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #304562; +} + +p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.5rem; +} +p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; +} + +.p-button { + color: #212529; + background: #FFD54F; + border: 1px solid #FFD54F; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-button:enabled:hover { + background: #ffcd2e; + color: #212529; + border-color: #ffcd2e; +} +.p-button:enabled:active { + background: #ffc50c; + color: #212529; + border-color: #ffc50c; +} +.p-button.p-button-outlined { + background-color: transparent; + color: #FFD54F; + border: 1px solid; +} +.p-button.p-button-outlined:enabled:hover { + background: rgba(255, 213, 79, 0.04); + color: #FFD54F; + border: 1px solid; +} +.p-button.p-button-outlined:enabled:active { + background: rgba(255, 213, 79, 0.16); + color: #FFD54F; + border: 1px solid; +} +.p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text { + background-color: transparent; + color: #FFD54F; + border-color: transparent; +} +.p-button.p-button-text:enabled:hover { + background: rgba(255, 213, 79, 0.04); + color: #FFD54F; + border-color: transparent; +} +.p-button.p-button-text:enabled:active { + background: rgba(255, 213, 79, 0.16); + color: #FFD54F; + border-color: transparent; +} +.p-button.p-button-text.p-button-plain { + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.p-button .p-button-label { + transition-duration: 0.2s; +} +.p-button .p-button-icon-left { + margin-right: 0.5rem; +} +.p-button .p-button-icon-right { + margin-left: 0.5rem; +} +.p-button .p-button-icon-bottom { + margin-top: 0.5rem; +} +.p-button .p-button-icon-top { + margin-bottom: 0.5rem; +} +.p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #FFD54F; + background-color: #212529; +} +.p-button.p-button-raised { + 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); +} +.p-button.p-button-rounded { + border-radius: 2rem; +} +.p-button.p-button-icon-only { + width: 2.357rem; + padding: 0.5rem 0; +} +.p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; +} +.p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.357rem; +} +.p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; +} +.p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; +} +.p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; +} +.p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; +} +.p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; +} +.p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; +} + +.p-fluid .p-button { + width: 100%; +} +.p-fluid .p-button-icon-only { + width: 2.357rem; +} +.p-fluid .p-buttonset { + display: flex; +} +.p-fluid .p-buttonset .p-button { + flex: 1; +} + +.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + color: #ffffff; + background: #78909C; + border: 1px solid #78909C; +} +.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + background: #69838f; + color: #ffffff; + border-color: #69838f; +} +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #a1b1ba; +} +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: #5d747f; + color: #ffffff; + border-color: #5d747f; +} +.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + background-color: transparent; + color: #78909C; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + background: rgba(120, 144, 156, 0.04); + color: #78909C; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(120, 144, 156, 0.16); + color: #78909C; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + background-color: transparent; + color: #78909C; + border-color: transparent; +} +.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + background: rgba(120, 144, 156, 0.04); + border-color: transparent; + color: #78909C; +} +.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + background: rgba(120, 144, 156, 0.16); + border-color: transparent; + color: #78909C; +} + +.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #121212; + background: #81D4FA; + border: 1px solid #81D4FA; +} +.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + background: #5dc8f9; + color: #121212; + border-color: #5dc8f9; +} +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #a7e1fc; +} +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: #38bbf7; + color: #121212; + border-color: #38bbf7; +} +.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + background-color: transparent; + color: #81D4FA; + border: 1px solid; +} +.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + background: rgba(129, 212, 250, 0.04); + color: #81D4FA; + border: 1px solid; +} +.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(129, 212, 250, 0.16); + color: #81D4FA; + border: 1px solid; +} +.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + background-color: transparent; + color: #81D4FA; + border-color: transparent; +} +.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + background: rgba(129, 212, 250, 0.04); + border-color: transparent; + color: #81D4FA; +} +.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + background: rgba(129, 212, 250, 0.16); + border-color: transparent; + color: #81D4FA; +} + +.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #121212; + background: #C5E1A5; + border: 1px solid #C5E1A5; +} +.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + background: #b2d788; + color: #121212; + border-color: #b2d788; +} +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #d6eac0; +} +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: #9fce6b; + color: #121212; + border-color: #9fce6b; +} +.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + background-color: transparent; + color: #C5E1A5; + border: 1px solid; +} +.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + background: rgba(197, 225, 165, 0.04); + color: #C5E1A5; + border: 1px solid; +} +.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(197, 225, 165, 0.16); + color: #C5E1A5; + border: 1px solid; +} +.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + background-color: transparent; + color: #C5E1A5; + border-color: transparent; +} +.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + background: rgba(197, 225, 165, 0.04); + border-color: transparent; + color: #C5E1A5; +} +.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + background: rgba(197, 225, 165, 0.16); + border-color: transparent; + color: #C5E1A5; +} + +.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #121212; + background: #FFE082; + border: 1px solid #FFE082; +} +.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + background: #ffd65c; + color: #121212; + border-color: #ffd65c; +} +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #ffe9a8; +} +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: #ffcd35; + color: #121212; + border-color: #ffcd35; +} +.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + background-color: transparent; + color: #FFE082; + border: 1px solid; +} +.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + background: rgba(255, 224, 130, 0.04); + color: #FFE082; + border: 1px solid; +} +.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(255, 224, 130, 0.16); + color: #FFE082; + border: 1px solid; +} +.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + background-color: transparent; + color: #FFE082; + border-color: transparent; +} +.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + background: rgba(255, 224, 130, 0.04); + border-color: transparent; + color: #FFE082; +} +.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + background: rgba(255, 224, 130, 0.16); + border-color: transparent; + color: #FFE082; +} + +.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #121212; + background: #CE93D8; + border: 1px solid #CE93D8; +} +.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + background: #c278ce; + color: #121212; + border-color: #c278ce; +} +.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #ddb3e4; +} +.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: #b65ec5; + color: #121212; + border-color: #b65ec5; +} +.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + background-color: transparent; + color: #CE93D8; + border: 1px solid; +} +.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; + border: 1px solid; +} +.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border: 1px solid; +} +.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + background: rgba(206, 147, 216, 0.04); + border-color: transparent; + color: #CE93D8; +} +.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + background: rgba(206, 147, 216, 0.16); + border-color: transparent; + color: #CE93D8; +} + +.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #121212; + background: #F48FB1; + border: 1px solid #F48FB1; +} +.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + background: #f16c98; + color: #121212; + border-color: #f16c98; +} +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #f7b1c8; +} +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: #ed4980; + color: #121212; + border-color: #ed4980; +} +.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + background-color: transparent; + color: #F48FB1; + border: 1px solid; +} +.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + background: rgba(244, 143, 177, 0.04); + color: #F48FB1; + border: 1px solid; +} +.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(244, 143, 177, 0.16); + color: #F48FB1; + border: 1px solid; +} +.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + background-color: transparent; + color: #F48FB1; + border-color: transparent; +} +.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + background: rgba(244, 143, 177, 0.04); + border-color: transparent; + color: #F48FB1; +} +.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} + +.p-button.p-button-link { + color: #FFD54F; + background: transparent; + border: transparent; +} +.p-button.p-button-link:enabled:hover { + background: transparent; + color: #FFD54F; + border-color: transparent; +} +.p-button.p-button-link:enabled:hover .p-button-label { + text-decoration: underline; +} +.p-button.p-button-link:enabled:focus { + background: transparent; + box-shadow: 0 0 0 0.1rem #ffe284; + border-color: transparent; +} +.p-button.p-button-link:enabled:active { + background: transparent; + color: #FFD54F; + border-color: transparent; +} + +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: rgba(255, 255, 255, 0.87); + color: #17212f; +} +.p-speeddial-action:hover { + background: rgba(255, 255, 255, 0.6); + color: #17212f; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +.p-splitbutton { + border-radius: 3px; +} +.p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #FFD54F; + border: 1px solid; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 213, 79, 0.04); + color: #FFD54F; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 213, 79, 0.16); + color: #FFD54F; +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #FFD54F; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 213, 79, 0.04); + color: #FFD54F; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 213, 79, 0.16); + color: #FFD54F; + border-color: transparent; +} +.p-splitbutton.p-button-text.p-button-plain > .p-button { + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-raised { + 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); +} +.p-splitbutton.p-button-rounded { + border-radius: 2rem; +} +.p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; +} +.p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; +} +.p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; +} +.p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; +} +.p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; +} + +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #78909C; + border: 1px solid; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(120, 144, 156, 0.04); + color: #78909C; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(120, 144, 156, 0.16); + color: #78909C; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #78909C; + border-color: transparent; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(120, 144, 156, 0.04); + border-color: transparent; + color: #78909C; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(120, 144, 156, 0.16); + border-color: transparent; + color: #78909C; +} + +.p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #81D4FA; + border: 1px solid; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(129, 212, 250, 0.04); + color: #81D4FA; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(129, 212, 250, 0.16); + color: #81D4FA; +} +.p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #81D4FA; + border-color: transparent; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(129, 212, 250, 0.04); + border-color: transparent; + color: #81D4FA; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(129, 212, 250, 0.16); + border-color: transparent; + color: #81D4FA; +} + +.p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #C5E1A5; + border: 1px solid; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(197, 225, 165, 0.04); + color: #C5E1A5; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(197, 225, 165, 0.16); + color: #C5E1A5; +} +.p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #C5E1A5; + border-color: transparent; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(197, 225, 165, 0.04); + border-color: transparent; + color: #C5E1A5; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(197, 225, 165, 0.16); + border-color: transparent; + color: #C5E1A5; +} + +.p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #FFE082; + border: 1px solid; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 224, 130, 0.04); + color: #FFE082; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 224, 130, 0.16); + color: #FFE082; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #FFE082; + border-color: transparent; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 224, 130, 0.04); + border-color: transparent; + color: #FFE082; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 224, 130, 0.16); + border-color: transparent; + color: #FFE082; +} + +.p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #CE93D8; + border: 1px solid; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; +} +.p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(206, 147, 216, 0.04); + border-color: transparent; + color: #CE93D8; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(206, 147, 216, 0.16); + border-color: transparent; + color: #CE93D8; +} + +.p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #F48FB1; + border: 1px solid; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(244, 143, 177, 0.04); + color: #F48FB1; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(244, 143, 177, 0.16); + color: #F48FB1; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #F48FB1; + border-color: transparent; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(244, 143, 177, 0.04); + border-color: transparent; + color: #F48FB1; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} + +.p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; +} +.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-carousel .p-carousel-content .p-carousel-prev:focus, +.p-carousel .p-carousel-content .p-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.p-carousel .p-carousel-indicators { + padding: 1rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #304562; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #3c567a; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); +} + +.p-datatable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +.p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-datatable .p-datatable-header { + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-datatable .p-datatable-footer { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #304562; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + transition: box-shadow 0.2s; +} +.p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #304562; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; +} +.p-datatable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column.p-highlight { + background: #1f2d40; + color: #FFD54F; +} +.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #FFD54F; +} +.p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(255, 255, 255, 0.03); + color: #FFD54F; +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #FFD54F; +} +.p-datatable .p-sortable-column:focus { + box-shadow: inset 0 0 0 0.15rem #ffe284; + outline: 0 none; +} +.p-datatable .p-datatable-tbody > tr { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; +} +.p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; +} +.p-datatable .p-datatable-tbody > tr:focus { + outline: 0.15rem solid #ffe284; + outline-offset: 0.15rem; +} +.p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(255, 213, 79, 0.16); +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(255, 213, 79, 0.16); +} +.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-column-resizer-helper { + background: #FFD54F; +} +.p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #1f2d40; +} +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #1f2d40; +} +.p-datatable .p-datatable-loading-icon { + font-size: 2rem; +} +.p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #253144; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; +} + +.p-dataview .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +.p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-dataview .p-dataview-header { + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-dataview .p-dataview-content { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; +} +.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { + border: solid #304562; + border-width: 0 0 1px 0; +} +.p-dataview .p-dataview-footer { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +.p-dataview .p-dataview-loading-icon { + font-size: 2rem; +} +.p-dataview .p-dataview-emptymessage { + padding: 1rem; +} + +.p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; +} + +.p-column-filter-menu-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-menu-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-column-filter-menu-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} + +.p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-clear-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-column-filter-clear-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} + +.p-column-filter-overlay { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + 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); + min-width: 12.5rem; +} +.p-column-filter-overlay .p-column-filter-row-items { + padding: 0.5rem 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #ffe284; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #304562; + margin: 0.25rem 0; +} + +.p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1rem; + border-bottom: 1px solid #304562; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; +} +.p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.5rem 1rem; +} +.p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1rem; +} + +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { + background: #1f2d40; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-view-container td.fc-widget-content { + background: #1f2d40; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #304562; +} +.fc.fc-unthemed .fc-view-container .fc-row { + border-right: 1px solid #304562; +} +.fc.fc-unthemed .fc-view-container .fc-event { + background: #ffcd2e; + border: 1px solid #ffcd2e; + color: #212529; +} +.fc.fc-unthemed .fc-view-container .fc-divider { + background: #1f2d40; + border: 1px solid #304562; +} +.fc.fc-unthemed .fc-toolbar .fc-button { + color: #212529; + background: #FFD54F; + border: 1px solid #FFD54F; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + display: flex; + align-items: center; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { + background: #ffcd2e; + color: #212529; + border-color: #ffcd2e; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { + background: #ffc50c; + color: #212529; + border-color: #ffc50c; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-unthemed .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #1f2d40; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #304562; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #FFD54F; + border-color: #FFD54F; + color: #212529; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #ffcd2e; + border-color: #ffcd2e; + color: #212529; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + z-index: 1; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #304562; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #1f2d40; + border-color: #304562; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness td { + color: rgba(255, 255, 255, 0.87); + border-color: #304562; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #1f2d40; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover { + background: none; + border: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { + border: 1px solid #304562; + padding: 1rem; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { + opacity: 1; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; + font-family: "PrimeIcons" !important; + font-size: 1rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { + content: "\e90b"; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { + padding: 1rem; + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #212529; + background: #ffcd2e; + border-color: #ffcd2e; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #212529; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: #ffcd2e; + border-color: #ffcd2e; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #1f2d40; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #212529; + background: #FFD54F; + border: 1px solid #FFD54F; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: #ffcd2e; + color: #212529; + border-color: #ffcd2e; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: #ffc50c; + color: #212529; + border-color: #ffc50c; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.4; + color: #212529; + background: #FFD54F; + border: 1px solid #FFD54F; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #1f2d40; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #304562; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #FFD54F; + border-color: #FFD54F; + color: #212529; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #ffcd2e; + border-color: #ffcd2e; + color: #212529; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.fc.fc-theme-standard a { + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); +} + +.p-orderlist .p-orderlist-controls { + padding: 1rem; +} +.p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; +} +.p-orderlist .p-orderlist-header { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + padding: 1rem; + border-bottom: 0 none; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; +} +.p-orderlist .p-orderlist-filter-container { + padding: 1rem; + background: #1f2d40; + border: 1px solid #304562; + border-bottom: 0 none; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.5rem; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-orderlist .p-orderlist-list { + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; +} +.p-orderlist .p-orderlist-list .p-orderlist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #ffe284; +} +.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); +} +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); +} +.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: rgba(255, 255, 255, 0.01); +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); +} + +.p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 1rem; + 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); + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + margin: 0; +} + +.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(207, 157, 0, 0.16); +} +.p-organizationchart .p-organizationchart-line-down { + background: rgba(255, 255, 255, 0.6); +} +.p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #304562; + border-color: rgba(255, 255, 255, 0.6); +} +.p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #304562; + border-color: rgba(255, 255, 255, 0.6); +} +.p-organizationchart .p-organizationchart-node-content { + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + padding: 1rem; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} + +.p-paginator { + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + border: solid #304562; + border-width: 1px; + padding: 0.5rem 1rem; + border-radius: 3px; +} +.p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 2.286em; + height: 2.286em; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); +} +.p-paginator .p-paginator-first { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.286em; +} +.p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; +} +.p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; +} +.p-paginator .p-paginator-page-input .p-inputtext { + max-width: 2.286em; +} +.p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 2.286em; + height: 2.286em; + margin: 0.143rem; + padding: 0 0.5rem; +} +.p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 2.286em; + height: 2.286em; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(255, 213, 79, 0.16); + border-color: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); +} + +.p-picklist .p-picklist-buttons { + padding: 1rem; +} +.p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; +} +.p-picklist .p-picklist-header { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + padding: 1rem; + border-bottom: 0 none; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; +} +.p-picklist .p-picklist-filter-container { + padding: 1rem; + background: #1f2d40; + border: 1px solid #304562; + border-bottom: 0 none; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.5rem; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-picklist .p-picklist-list { + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; +} +.p-picklist .p-picklist-list .p-picklist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #ffe284; +} +.p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); +} +.p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); +} +.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: rgba(255, 255, 255, 0.01); +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); +} + +.p-picklist-item.cdk-drag-preview { + padding: 0.5rem 1rem; + 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); + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + margin: 0; +} + +.p-timeline .p-timeline-event-marker { + border: 2px solid #FFD54F; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #1f2d40; +} +.p-timeline .p-timeline-event-connector { + background-color: #304562; +} +.p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; +} +.p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; +} + +.p-tree { + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + padding: 1rem; + border-radius: 3px; +} +.p-tree .p-tree-container .p-treenode { + padding: 0.143rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 3px; + transition: box-shadow 0.2s; + padding: 0; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #ffe284; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; +} +.p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.5rem; +} +.p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-tree .p-treenode-children { + padding: 0 0 0 1rem; +} +.p-tree .p-tree-loading-icon { + font-size: 2rem; +} +.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(255, 197, 12, 0.16); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 3px; + border: 1px solid #304562; + background-color: #1f2d40; + color: rgba(255, 255, 255, 0.87); + padding: 0; + transition: box-shadow 0.2s; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} + +.p-treetable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +.p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-treetable .p-treetable-header { + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-treetable .p-treetable-footer { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #304562; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + transition: box-shadow 0.2s; +} +.p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #304562; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; +} +.p-treetable .p-sortable-column { + outline-color: #ffe284; +} +.p-treetable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-sortable-column.p-highlight { + background: #1f2d40; + color: #FFD54F; +} +.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #FFD54F; +} +.p-treetable .p-treetable-tbody > tr { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; +} +.p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-treetable-tbody > tr:focus { + outline: 0.15rem solid #ffe284; + outline-offset: -0.15rem; +} +.p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-column-resizer-helper { + background: #FFD54F; +} +.p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #1f2d40; +} +.p-treetable .p-treetable-loading-icon { + font-size: 2rem; +} +.p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.875rem 0.875rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 1.25rem 1.25rem; +} + +.p-virtualscroller .p-virtualscroller-header { + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-virtualscroller .p-virtualscroller-content { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; +} +.p-virtualscroller .p-virtualscroller-footer { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1rem; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; + border-radius: 3px; + transition: box-shadow 0.2s; +} +.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; +} +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: rgba(255, 255, 255, 0.03); + border-color: #304562; + color: rgba(255, 255, 255, 0.87); +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #1f2d40; + border-color: #304562; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #304562; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-accordion .p-accordion-content { + padding: 1rem; + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; +} +.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; +} +.p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; +} +.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 none; +} +.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-top: 0 none; +} +.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +.p-card { + background: #1f2d40; + 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: 3px; +} +.p-card .p-card-body { + padding: 1rem; +} +.p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +.p-card .p-card-subtitle { + font-weight: 700; + margin-bottom: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-card .p-card-content { + padding: 1rem 0; +} +.p-card .p-card-footer { + padding: 1rem 0 0 0; +} + +.p-divider .p-divider-content { + background-color: #1f2d40; +} +.p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +.p-divider.p-divider-horizontal:before { + border-top: 1px #304562; +} +.p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; +} +.p-divider.p-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; +} +.p-divider.p-divider-vertical:before { + border-left: 1px #304562; +} +.p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; +} + +.p-fieldset { + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; +} +.p-fieldset .p-fieldset-legend { + padding: 1rem; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; + border-radius: 3px; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; + transition: box-shadow 0.2s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #304562; + color: rgba(255, 255, 255, 0.87); +} +.p-fieldset .p-fieldset-content { + padding: 1rem; +} + +.p-panel .p-panel-header { + border: 1px solid #304562; + padding: 1rem; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-panel .p-panel-header .p-panel-title { + font-weight: 600; +} +.p-panel .p-panel-header .p-panel-header-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-panel .p-panel-header .p-panel-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.p-panel.p-panel-toggleable .p-panel-header { + padding: 0.5rem 1rem; +} +.p-panel .p-panel-content { + padding: 1rem; + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + border-top: 0 none; +} +.p-panel .p-panel-footer { + padding: 0.5rem 1rem; + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} +.p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; +} +.p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; +} +.p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; +} + +.p-scrollpanel .p-scrollpanel-bar { + background: #304562; + border: 0 none; +} + +.p-splitter { + border: 1px solid #304562; + background: #1f2d40; + border-radius: 3px; + color: rgba(255, 255, 255, 0.87); +} +.p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: rgba(255, 255, 255, 0.03); +} +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #304562; +} +.p-splitter .p-splitter-gutter-resizing { + background: #304562; +} + +.p-tabview .p-tabview-nav { + background: transparent; + border: 1px solid #304562; + border-width: 0 0 2px 0; +} +.p-tabview .p-tabview-nav li { + margin-right: 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #304562; + border-width: 0 0 2px 0; + border-color: transparent transparent #304562 transparent; + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + padding: 1rem; + font-weight: 600; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #ffe284; +} +.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #1f2d40; + border-color: #FFD54F; + color: rgba(255, 255, 255, 0.87); +} +.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #1f2d40; + border-color: #FFD54F; + color: #FFD54F; +} +.p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; +} +.p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-close { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-nav-btn.p-link { + background: #1f2d40; + color: #FFD54F; + width: 2.357rem; + 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); + border-radius: 0; +} +.p-tabview .p-tabview-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #ffe284; +} +.p-tabview .p-tabview-panels { + background: #1f2d40; + padding: 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +.p-toolbar { + background: #1f2d40; + border: 1px solid #304562; + padding: 1rem; + border-radius: 3px; + gap: 0.5rem; +} +.p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; +} + +.p-confirm-popup { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + 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); +} +.p-confirm-popup .p-confirm-popup-content { + padding: 1rem; +} +.p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.5rem 1rem; +} +.p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; +} +.p-confirm-popup:after { + border: solid transparent; + border-color: rgba(31, 45, 64, 0); + border-bottom-color: #1f2d40; +} +.p-confirm-popup:before { + border: solid transparent; + border-color: rgba(48, 69, 98, 0); + border-bottom-color: #304562; +} +.p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #1f2d40; +} +.p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #304562; +} +.p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; +} +.p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; +} + +.p-dialog { + border-radius: 3px; + 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: 1px solid #304562; +} +.p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + padding: 1.5rem; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.25rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-dialog .p-dialog-header .p-dialog-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; +} +.p-dialog .p-dialog-content { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.5rem 2rem 1.5rem; +} +.p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-dialog .p-dialog-footer { + border-top: 0 none; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; +} + +.p-overlaypanel { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + 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); +} +.p-overlaypanel .p-overlaypanel-content { + padding: 1rem; +} +.p-overlaypanel .p-overlaypanel-close { + background: #FFD54F; + color: #212529; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + position: absolute; + top: -1rem; + right: -1rem; +} +.p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #ffcd2e; + color: #212529; +} +.p-overlaypanel:after { + border: solid transparent; + border-color: rgba(31, 45, 64, 0); + border-bottom-color: #1f2d40; +} +.p-overlaypanel:before { + border: solid transparent; + border-color: rgba(48, 69, 98, 0); + border-bottom-color: #2e425d; +} +.p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #1f2d40; +} +.p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #304562; +} + +.p-sidebar { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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); +} +.p-sidebar .p-sidebar-header { + padding: 1rem; +} +.p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-sidebar .p-sidebar-header .p-sidebar-close:focus, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; +} +.p-sidebar .p-sidebar-content { + padding: 1rem; +} +.p-sidebar .p-sidebar-footer { + padding: 1rem; +} + +.p-tooltip .p-tooltip-text { + background: #304562; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem 0.5rem; + 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); + border-radius: 3px; +} +.p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #304562; +} +.p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #304562; +} +.p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #304562; +} +.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #304562; +} + +.p-fileupload .p-fileupload-buttonbar { + background: #1f2d40; + padding: 1rem; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + border-bottom: 0 none; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; +} +.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.p-fileupload .p-fileupload-content { + background: #1f2d40; + padding: 2rem 1rem; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-fileupload .p-progressbar { + height: 0.25rem; +} +.p-fileupload .p-fileupload-row > div { + padding: 1rem 1rem; +} +.p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; +} + +.p-fileupload-choose:not(.p-disabled):hover { + background: #ffcd2e; + color: #212529; + border-color: #ffcd2e; +} +.p-fileupload-choose:not(.p-disabled):active { + background: #ffc50c; + color: #212529; + border-color: #ffc50c; +} + +.p-breadcrumb { + background: #1f2d40; + border: 1px solid #304562; + border-radius: 3px; + padding: 1rem; +} +.p-breadcrumb ul li .p-menuitem-link { + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-breadcrumb ul li .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-breadcrumb ul li.p-breadcrumb-chevron { + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.87); +} +.p-breadcrumb ul li:last-child .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-breadcrumb ul li:last-child .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} + +.p-contextmenu { + padding: 0.25rem 0; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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); + border-radius: 3px; + width: 12.5rem; +} +.p-contextmenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-contextmenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-contextmenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #ffe284; +} +.p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #1f2d40; + border: 1px solid #304562; + 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); + border-radius: 3px; +} +.p-contextmenu .p-menuitem { + margin: 0; +} +.p-contextmenu .p-menuitem:last-child { + margin: 0; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #17212f; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menu-separator { + border-top: 1px solid #304562; + margin: 0.25rem 0; +} +.p-contextmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-contextmenu .p-menuitem-badge { + background: #FFD54F; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + +@media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } +} +.p-megamenu { + padding: 0.5rem; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; + transition: box-shadow 0.2s; + user-select: none; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #ffe284; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: #17212f; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-megamenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-megamenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #ffe284; +} +.p-megamenu .p-megamenu-panel { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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); +} +.p-megamenu .p-megamenu-submenu-header { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-megamenu .p-megamenu-submenu { + padding: 0.25rem 0; + width: 12.5rem; +} +.p-megamenu .p-megamenu-submenu .p-menu-separator { + border-top: 1px solid #304562; + margin: 0.25rem 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem { + margin: 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #17212f; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem { + margin: 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem-badge { + background: #FFD54F; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menu { + padding: 0.25rem 0; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + width: 12.5rem; +} +.p-menu .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #ffe284; +} +.p-menu.p-menu-overlay { + background: #1f2d40; + border: 1px solid #304562; + 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); +} +.p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.p-menu .p-menu-separator { + border-top: 1px solid #304562; + margin: 0.25rem 0; +} +.p-menu .p-menuitem { + margin: 0; +} +.p-menu .p-menuitem:last-child { + margin: 0; +} +.p-menu .p-menuitem-badge { + background: #FFD54F; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menubar { + padding: 0.5rem; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; +} +.p-menubar .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menubar .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menubar .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #ffe284; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #ffe284; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: #17212f; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-submenu-list { + padding: 0.25rem 0; + background: #1f2d40; + border: 1px solid #304562; + 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); + width: 12.5rem; +} +.p-menubar .p-submenu-list .p-menu-separator { + border-top: 1px solid #304562; + margin: 0.25rem 0; +} +.p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; +} +.p-menubar .p-submenu-list .p-menuitem { + margin: 0; +} +.p-menubar .p-submenu-list .p-menuitem:last-child { + margin: 0; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #17212f; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-badge { + background: #FFD54F; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +@media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0; + background: #1f2d40; + border: 1px solid #304562; + 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); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menu-separator { + border-top: 1px solid #304562; + margin: 0.25rem 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #ffe284; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } +} +.p-panelmenu .p-panelmenu-header > a { + padding: 1rem; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; + border-radius: 3px; + transition: box-shadow 0.2s; +} +.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #304562; + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-header.p-highlight { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight > a { + background: #1f2d40; + border-color: #304562; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + border-color: #304562; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0; + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + margin-bottom: 0; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #ffe284; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { + padding: 0 0 0 1rem; +} +.p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { + border-radius: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; +} +.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { + border-top: 0 none; +} +.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { + border-top: 0 none; +} +.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-panelmenu .p-menuitem-badge { + background: #FFD54F; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-slidemenu { + padding: 0.25rem 0; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + width: 12.5rem; +} +.p-slidemenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-slidemenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-slidemenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #ffe284; +} +.p-slidemenu.p-slidemenu-overlay { + background: #1f2d40; + border: 1px solid #304562; + 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); +} +.p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0; + background: #1f2d40; + border: 1px solid #304562; + 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); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { + background: #17212f; +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-slidemenu-separator { + border-top: 1px solid #304562; + margin: 0.25rem 0; +} +.p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; +} +.p-slidemenu .p-slidemenu-backward { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-badge { + background: #FFD54F; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: box-shadow 0.2s; + border-radius: 3px; + background: transparent; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: rgba(255, 255, 255, 0.87); + border: 0 none; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 600; + color: rgba(255, 255, 255, 0.87); +} +.p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #304562; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; +} + +.p-tabmenu .p-tabmenu-nav { + background: transparent; + border: 1px solid #304562; + border-width: 0 0 2px 0; +} +.p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #FFD54F; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #304562; + border-width: 0 0 2px 0; + border-color: transparent transparent #304562 transparent; + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + padding: 1rem; + font-weight: 600; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #ffe284; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #1f2d40; + border-color: #FFD54F; + color: rgba(255, 255, 255, 0.87); +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #1f2d40; + border-color: #FFD54F; + color: #FFD54F; +} +.p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #1f2d40; + color: #FFD54F; + width: 2.357rem; + 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); + border-radius: 0; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #ffe284; +} + +.p-tieredmenu { + padding: 0.25rem 0; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + width: 12.5rem; +} +.p-tieredmenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-tieredmenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-tieredmenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #ffe284; +} +.p-tieredmenu.p-tieredmenu-overlay { + background: #1f2d40; + border: 1px solid #304562; + 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); +} +.p-tieredmenu .p-submenu-list { + padding: 0.25rem 0; + background: #1f2d40; + border: 1px solid #304562; + 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); +} +.p-tieredmenu .p-menuitem { + margin: 0; +} +.p-tieredmenu .p-menuitem:last-child { + margin: 0; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #17212f; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menu-separator { + border-top: 1px solid #304562; + margin: 0.25rem 0; +} +.p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-tieredmenu .p-menuitem-badge { + background: #FFD54F; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-inline-message { + padding: 0.5rem 0.5rem; + margin: 0; + border-radius: 3px; +} +.p-inline-message.p-inline-message-info { + background: #B3E5FC; + border: solid #0891cf; + border-width: 1px; + color: #044868; +} +.p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #044868; +} +.p-inline-message.p-inline-message-success { + background: #C8E6C9; + border: solid #439446; + border-width: 1px; + color: #224a23; +} +.p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #224a23; +} +.p-inline-message.p-inline-message-warn { + background: #FFECB3; + border: solid #d9a300; + border-width: 1px; + color: #6d5100; +} +.p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #6d5100; +} +.p-inline-message.p-inline-message-error { + background: #FFCDD2; + border: solid #e60017; + border-width: 1px; + color: #73000c; +} +.p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #73000c; +} +.p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; +} +.p-inline-message .p-inline-message-text { + font-size: 1rem; +} +.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; +} + +.p-message { + margin: 1rem 0; + border-radius: 3px; +} +.p-message .p-message-wrapper { + padding: 1rem 1.5rem; +} +.p-message .p-message-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-message .p-message-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.p-message.p-message-info { + background: #B3E5FC; + border: solid #0891cf; + border-width: 0 0 0 6px; + color: #044868; +} +.p-message.p-message-info .p-message-icon { + color: #044868; +} +.p-message.p-message-info .p-message-close { + color: #044868; +} +.p-message.p-message-success { + background: #C8E6C9; + border: solid #439446; + border-width: 0 0 0 6px; + color: #224a23; +} +.p-message.p-message-success .p-message-icon { + color: #224a23; +} +.p-message.p-message-success .p-message-close { + color: #224a23; +} +.p-message.p-message-warn { + background: #FFECB3; + border: solid #d9a300; + border-width: 0 0 0 6px; + color: #6d5100; +} +.p-message.p-message-warn .p-message-icon { + color: #6d5100; +} +.p-message.p-message-warn .p-message-close { + color: #6d5100; +} +.p-message.p-message-error { + background: #FFCDD2; + border: solid #e60017; + border-width: 0 0 0 6px; + color: #73000c; +} +.p-message.p-message-error .p-message-icon { + color: #73000c; +} +.p-message.p-message-error .p-message-close { + color: #73000c; +} +.p-message .p-message-text { + font-size: 1rem; + font-weight: 500; +} +.p-message .p-message-icon { + font-size: 1.5rem; + margin-right: 0.5rem; +} +.p-message .p-message-summary { + font-weight: 700; +} +.p-message .p-message-detail { + margin-left: 0.5rem; +} + +.p-toast { + opacity: 0.9; +} +.p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: none; + border-radius: 3px; +} +.p-toast .p-toast-message .p-toast-message-content { + padding: 1rem; + border-width: 0 0 0 6px; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 1rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 2rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 700; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; +} +.p-toast .p-toast-message .p-toast-icon-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-toast .p-toast-message .p-toast-icon-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.p-toast .p-toast-message.p-toast-message-info { + background: #B3E5FC; + border: solid #0891cf; + border-width: 0 0 0 6px; + color: #044868; +} +.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #044868; +} +.p-toast .p-toast-message.p-toast-message-success { + background: #C8E6C9; + border: solid #439446; + border-width: 0 0 0 6px; + color: #224a23; +} +.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #224a23; +} +.p-toast .p-toast-message.p-toast-message-warn { + background: #FFECB3; + border: solid #d9a300; + border-width: 0 0 0 6px; + color: #6d5100; +} +.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #6d5100; +} +.p-toast .p-toast-message.p-toast-message-error { + background: #FFCDD2; + border: solid #e60017; + border-width: 0 0 0 6px; + color: #73000c; +} +.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #73000c; +} + +.p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-item-nav { + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 3px; + margin: 0 0.5rem; +} +.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f8f9fa; + padding: 1rem; +} +.p-galleria .p-galleria-indicators { + padding: 1rem; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #304562; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #3c567a; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; +} +.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f8f9fa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} + +.p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-preview-indicator { + background-color: transparent; + color: #f8f9fa; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} + +.p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); +} + +.p-image-toolbar { + padding: 1rem; +} + +.p-image-action.p-link { + color: #f8f9fa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-image-action.p-link:last-child { + margin-right: 0; +} +.p-image-action.p-link:hover { + color: #f8f9fa; + background-color: rgba(255, 255, 255, 0.1); +} +.p-image-action.p-link i { + font-size: 1.5rem; +} + +.p-avatar { + background-color: #304562; + border-radius: 3px; +} +.p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +.p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; +} +.p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +.p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; +} + +.p-avatar-group .p-avatar { + border: 2px solid #1f2d40; +} + +.p-badge { + background: #FFD54F; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +.p-badge.p-badge-secondary { + background-color: #78909C; + color: #ffffff; +} +.p-badge.p-badge-success { + background-color: #C5E1A5; + color: #121212; +} +.p-badge.p-badge-info { + background-color: #81D4FA; + color: #121212; +} +.p-badge.p-badge-warning { + background-color: #FFE082; + color: #121212; +} +.p-badge.p-badge-danger { + background-color: #F48FB1; + color: #121212; +} +.p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +.p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} + +.p-chip { + background-color: #304562; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + padding: 0 0.5rem; +} +.p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} +.p-chip .p-chip-icon { + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; +} +.p-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.5rem; + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} + +.p-inplace .p-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} + +.p-progressbar { + border: 0 none; + height: 1.5rem; + background: #304562; + border-radius: 3px; +} +.p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #FFD54F; +} +.p-progressbar .p-progressbar-label { + color: #212529; + line-height: 1.5rem; +} + +.p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + 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); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-scrolltop.p-link { + background: rgba(255, 213, 79, 0.16); +} +.p-scrolltop.p-link:hover { + background: rgba(255, 213, 79, 0.3616); +} +.p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: rgba(255, 255, 255, 0.87); +} + +.p-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 3px; +} +.p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); +} + +.p-tag { + background: #FFD54F; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 3px; +} +.p-tag.p-tag-success { + background-color: #C5E1A5; + color: #121212; +} +.p-tag.p-tag-info { + background-color: #81D4FA; + color: #121212; +} +.p-tag.p-tag-warning { + background-color: #FFE082; + color: #121212; +} +.p-tag.p-tag-danger { + background-color: #F48FB1; + color: #121212; +} +.p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +.p-terminal { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + padding: 1rem; +} +.p-terminal .p-terminal-input { + font-size: 1rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; +} + +/* Customizations to the designer theme should be defined here */ +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #FFD54F; +} + +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #FFD54F; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #FFD54F; +} + +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #FFD54F; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #FFD54F; +} diff --git a/assets/layout/styles/theme/vela-orange/theme.css.br b/assets/layout/styles/theme/vela-orange/theme.css.br new file mode 100644 index 0000000..3e858c0 Binary files /dev/null and b/assets/layout/styles/theme/vela-orange/theme.css.br differ diff --git a/assets/layout/styles/theme/vela-orange/theme.css.gz b/assets/layout/styles/theme/vela-orange/theme.css.gz new file mode 100644 index 0000000..e239b0b Binary files /dev/null and b/assets/layout/styles/theme/vela-orange/theme.css.gz differ diff --git a/assets/layout/styles/theme/vela-purple/theme.css b/assets/layout/styles/theme/vela-purple/theme.css new file mode 100644 index 0000000..3832ccb --- /dev/null +++ b/assets/layout/styles/theme/vela-purple/theme.css @@ -0,0 +1,6307 @@ +:root { + --surface-a:#1f2d40; + --surface-b:#17212f; + --surface-c:rgba(255, 255, 255, 0.03); + --surface-d:#304562; + --surface-e:#1f2d40; + --surface-f:#1f2d40; + --text-color:rgba(255, 255, 255, 0.87); + --text-color-secondary:rgba(255, 255, 255, 0.6); + --primary-color:#BA68C8; + --primary-color-text:#ffffff; + --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --surface-0: #17212f; + --surface-50: #2e3744; + --surface-100: #454d59; + --surface-200: #5d646d; + --surface-300: #747a82; + --surface-400: #8b9097; + --surface-500: #a2a6ac; + --surface-600: #b9bcc1; + --surface-700: #d1d3d5; + --surface-800: #e8e9ea; + --surface-900: #ffffff; + --gray-50:#e8e9ea; + --gray-100: #d1d3d5; + --gray-200: #b9bcc1; + --gray-300: #a2a6ac; + --gray-400: #8b9097; + --gray-500: #747a82; + --gray-600: #5d646d; + --gray-700: #454d59; + --gray-800: #2e3744; + --gray-900: #17212f; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#17212f; + --surface-section:#17212f; + --surface-card:#1f2d40; + --surface-overlay:#1f2d40; + --surface-border:#304562; + --surface-hover:rgba(255,255,255,.03); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 1px #cf95d9; + color-scheme: light dark; +} + +* { + box-sizing: border-box; +} + +.p-component { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + font-weight: normal; +} + +.p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; +} + +.p-disabled, .p-component:disabled { + opacity: 0.4; +} + +.p-error { + color: #ef9a9a; +} + +.p-text-secondary { + color: rgba(255, 255, 255, 0.6); +} + +.pi { + font-size: 1rem; +} + +.p-link { + font-size: 1rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + border-radius: 3px; +} +.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} + +.p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; +} + +.p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; +} + +@keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } +} +@keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } +} + +: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:#f6fbf6; + --green-100:#d4ecd5; + --green-200:#b2ddb4; + --green-300:#90cd93; + --green-400:#6ebe71; + --green-500:#4caf50; + --green-600:#419544; + --green-700:#357b38; + --green-800:#2a602c; + --green-900:#1e4620; + --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:#f5f6fb; + --indigo-100:#d1d5ed; + --indigo-200:#acb4df; + --indigo-300:#8893d1; + --indigo-400:#6372c3; + --indigo-500:#3f51b5; + --indigo-600:#36459a; + --indigo-700:#2c397f; + --indigo-800:#232d64; + --indigo-900:#192048; + --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:#fff8f2; + --orange-100:#fde0c2; + --orange-200:#fbc791; + --orange-300:#f9ae61; + --orange-400:#f79530; + --orange-500:#f57c00; + --orange-600:#d06900; + --orange-700:#ac5700; + --orange-800:#874400; + --orange-900:#623200; + --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:#fff5f5; + --red-100:#ffd1ce; + --red-200:#ffada7; + --red-300:#ff8980; + --red-400:#ff6459; + --red-500:#ff4032; + --red-600:#d9362b; + --red-700:#b32d23; + --red-800:#8c231c; + --red-900:#661a14; + --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; +} + +.p-autocomplete .p-autocomplete-loader { + right: 0.5rem; +} +.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 2.857rem; +} +.p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; + gap: 0.5rem; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + border-color: #BA68C8; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + border-color: #BA68C8; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.25rem 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.5rem; + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; +} + +p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #ef9a9a; +} + +.p-autocomplete-panel { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + 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); +} +.p-autocomplete-panel .p-autocomplete-items { + padding: 0.5rem 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; +} + +p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2rem; +} +p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; +} + +p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.857rem; +} + +p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #ef9a9a; +} + +.p-datepicker { + padding: 0.5rem; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; +} +.p-datepicker:not(.p-datepicker-inline) { + background: #1f2d40; + border: 1px solid #304562; + 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); +} +.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #1f2d40; +} +.p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; + margin: 0; + border-bottom: 1px solid #304562; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 2rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + font-weight: 600; + padding: 0.5rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #BA68C8; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; +} +.p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0; +} +.p-datepicker table th { + padding: 0.5rem; +} +.p-datepicker table th > span { + width: 2.5rem; + height: 2.5rem; +} +.p-datepicker table td { + padding: 0.5rem; +} +.p-datepicker table td > span { + width: 2.5rem; + height: 2.5rem; + border-radius: 50%; + transition: box-shadow 0.2s; + border: 1px solid transparent; +} +.p-datepicker table td > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); +} +.p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.p-datepicker table td.p-datepicker-today > span { + background: transparent; + color: #BA68C8; + border-color: transparent; +} +.p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); +} +.p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #304562; +} +.p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; +} +.p-datepicker .p-timepicker { + border-top: 1px solid #304562; + padding: 0.5rem; +} +.p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-timepicker button:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker .p-timepicker button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; +} +.p-datepicker .p-timepicker span { + font-size: 1.25rem; +} +.p-datepicker .p-timepicker > div { + padding: 0 0.5rem; +} +.p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; +} +.p-datepicker .p-monthpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.5rem; + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); +} +.p-datepicker .p-yearpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.5rem; + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #304562; + padding-right: 0.5rem; + padding-left: 0.5rem; + padding-top: 0; + padding-bottom: 0; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} + +p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2rem; +} +p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; +} + +p-calendar.p-calendar-clearable.p-calendar-w-btn .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.857rem; +} + +@media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } +} +.p-cascadeselect { + background: #17212f; + border: 1px solid #304562; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-cascadeselect:not(.p-disabled):hover { + border-color: #BA68C8; +} +.p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + border-color: #BA68C8; +} +.p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.5rem; +} +.p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-cascadeselect-panel { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + 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); +} +.p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.5rem 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 1rem; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #cf95d9; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; +} + +p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #ef9a9a; +} + +.p-input-filled .p-cascadeselect { + background: #304562; +} +.p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #304562; +} +.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #304562; +} + +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.5rem; +} +p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; +} + +.p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; +} +.p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); +} + +.p-checkbox { + width: 20px; + height: 20px; +} +.p-checkbox .p-checkbox-box { + border: 2px solid #304562; + background: #17212f; + width: 20px; + height: 20px; + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #ffffff; + font-size: 14px; +} +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #BA68C8; + background: #BA68C8; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #BA68C8; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + border-color: #BA68C8; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #a241b2; + background: #a241b2; + color: #ffffff; +} + +p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #ef9a9a; +} + +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #304562; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #BA68C8; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #304562; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #a241b2; +} + +.p-checkbox-label { + margin-left: 0.5rem; +} + +.p-chips .p-chips-multiple-container { + padding: 0.25rem 0.5rem; + gap: 0.5rem; +} +.p-chips .p-chips-multiple-container:not(.p-disabled):hover { + border-color: #BA68C8; +} +.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + border-color: #BA68C8; +} +.p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.5rem; + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; +} +.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; +} +.p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.25rem 0; +} +.p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; +} + +p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #ef9a9a; +} + +p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.5rem; +} +p-chips.p-chips-clearable .p-chips-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; +} + +.p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; +} + +.p-colorpicker-panel { + background: #1f2d40; + border: 1px solid #304562; +} +.p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; +} + +.p-colorpicker-overlay-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); +} + +.p-dropdown { + background: #17212f; + border: 1px solid #304562; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-dropdown:not(.p-disabled):hover { + border-color: #BA68C8; +} +.p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + border-color: #BA68C8; +} +.p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.5rem; +} +.p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; +} +.p-dropdown .p-dropdown-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-dropdown .p-dropdown-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.p-dropdown .p-dropdown-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; +} + +.p-dropdown-panel { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + 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); +} +.p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.5rem; + margin-right: -1.5rem; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-dropdown-panel .p-dropdown-items { + padding: 0.5rem 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; +} + +p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #ef9a9a; +} + +.p-input-filled .p-dropdown { + background: #304562; +} +.p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #304562; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #304562; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; +} + +.p-editor-container .p-editor-toolbar { + background: #1f2d40; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #304562; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #1f2d40; + border: 1px solid #304562; + 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); + border-radius: 3px; + padding: 0.5rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #304562; +} +.p-editor-container .p-editor-content .ql-editor { + background: #17212f; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #BA68C8; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #BA68C8; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #BA68C8; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #BA68C8; +} + +.p-inputgroup-addon { + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + border-top: 1px solid #304562; + border-left: 1px solid #304562; + border-bottom: 1px solid #304562; + padding: 0.5rem 0.5rem; + min-width: 2.357rem; +} +.p-inputgroup-addon:last-child { + border-right: 1px solid #304562; +} + +.p-inputgroup > .p-component, +.p-inputgroup > .p-element, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; +} +.p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-element + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; +} +.p-inputgroup > .p-component:focus, +.p-inputgroup > .p-element:focus, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; +} +.p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-element:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; +} + +.p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} + +.p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} + +.p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-fluid .p-inputgroup .p-button { + width: auto; +} +.p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.357rem; +} + +p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #ef9a9a; +} + +p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2rem; +} +p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; +} + +p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #ef9a9a; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; +} + +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 2.857rem; +} +p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 2.857rem; +} + +.p-inputswitch { + width: 3rem; + height: 1.75rem; +} +.p-inputswitch .p-inputswitch-slider { + background: #304562; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; +} +.p-inputswitch .p-inputswitch-slider:before { + background: rgba(255, 255, 255, 0.6); + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition-duration: 0.2s; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1.25rem); +} +.p-inputswitch.p-focus .p-inputswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: rgba(255, 255, 255, 0.03); +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #BA68C8; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: rgba(255, 255, 255, 0.87); +} +.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #b052c0; +} + +p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + border-color: #ef9a9a; +} + +.p-inputtext { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + background: #17212f; + padding: 0.5rem 0.5rem; + border: 1px solid #304562; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + appearance: none; + border-radius: 3px; +} +.p-inputtext:enabled:hover { + border-color: #BA68C8; +} +.p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + border-color: #BA68C8; +} +.p-inputtext.ng-dirty.ng-invalid { + border-color: #ef9a9a; +} +.p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.4375rem; +} +.p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.625rem; +} + +.p-float-label > label { + left: 0.5rem; + color: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; +} + +.p-float-label > .ng-invalid.ng-dirty + label { + color: #ef9a9a; +} + +.p-input-icon-left > i:first-of-type { + left: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} + +.p-input-icon-left > .p-inputtext { + padding-left: 2rem; +} + +.p-input-icon-left.p-float-label > label { + left: 2rem; +} + +.p-input-icon-right > i:last-of-type { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} + +.p-input-icon-right > .p-inputtext { + padding-right: 2rem; +} + +::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +:-moz-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +.p-input-filled .p-inputtext { + background-color: #304562; +} +.p-input-filled .p-inputtext:enabled:hover { + background-color: #304562; +} +.p-input-filled .p-inputtext:enabled:focus { + background-color: #304562; +} + +.p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.4375rem; +} + +.p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.625rem; +} + +.p-listbox { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; +} +.p-listbox .p-listbox-header { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.5rem; +} +.p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list { + padding: 0.5rem 0; +} +.p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); +} +.p-listbox .p-listbox-list .p-listbox-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #cf95d9; +} +.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; +} +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} + +p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #ef9a9a; +} + +.p-multiselect { + background: #17212f; + border: 1px solid #304562; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-multiselect:not(.p-disabled):hover { + border-color: #BA68C8; +} +.p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + border-color: #BA68C8; +} +.p-multiselect .p-multiselect-label { + padding: 0.5rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-multiselect .p-multiselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-multiselect.p-multiselect-chip .p-multiselect-label { + gap: 0.5rem; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.5rem; + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; +} +.p-multiselect .p-multiselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.5rem; +} + +.p-multiselect-panel { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + 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); +} +.p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.5rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.p-multiselect-panel .p-multiselect-items { + padding: 0.5rem 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #cf95d9; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} + +p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #ef9a9a; +} + +.p-input-filled .p-multiselect { + background: #304562; +} +.p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #304562; +} +.p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #304562; +} + +p-multiselect.p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.5rem; +} +p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; +} + +p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #ef9a9a; +} + +.p-password-panel { + padding: 1rem; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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); + border-radius: 3px; +} +.p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #304562; +} +.p-password-panel .p-password-meter .p-password-strength.weak { + background: #F48FB1; +} +.p-password-panel .p-password-meter .p-password-strength.medium { + background: #FFE082; +} +.p-password-panel .p-password-meter .p-password-strength.strong { + background: #C5E1A5; +} + +p-password.p-password-clearable .p-password-input { + padding-right: 2rem; +} +p-password.p-password-clearable .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; +} + +p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 3.5rem; +} +p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2rem; +} + +.p-radiobutton { + width: 20px; + height: 20px; +} +.p-radiobutton .p-radiobutton-box { + border: 2px solid #304562; + background: #17212f; + width: 20px; + height: 20px; + color: rgba(255, 255, 255, 0.87); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #BA68C8; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + border-color: #BA68C8; +} +.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 12px; + height: 12px; + transition-duration: 0.2s; + background-color: #ffffff; +} +.p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #BA68C8; + background: #BA68C8; +} +.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #a241b2; + background: #a241b2; + color: #ffffff; +} + +p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #ef9a9a; +} + +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #304562; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #304562; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #BA68C8; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #a241b2; +} + +.p-radiobutton-label { + margin-left: 0.5rem; +} + +.p-rating .p-rating-icon { + color: rgba(255, 255, 255, 0.87); + margin-left: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + font-size: 1.143rem; +} +.p-rating .p-rating-icon.p-rating-cancel { + color: #F48FB1; +} +.p-rating .p-rating-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.p-rating .p-rating-icon:first-child { + margin-left: 0; +} +.p-rating .p-rating-icon.pi-star-fill { + color: #BA68C8; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + color: #BA68C8; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + color: #F48FB1; +} + +.p-selectbutton .p-button { + background: #1f2d40; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #304562; + color: rgba(255, 255, 255, 0.87); +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-selectbutton .p-button.p-highlight { + background: #BA68C8; + border-color: #BA68C8; + color: #ffffff; +} +.p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #ffffff; +} +.p-selectbutton .p-button.p-highlight:hover { + background: #b052c0; + border-color: #b052c0; + color: #ffffff; +} +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; +} + +p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #ef9a9a; +} + +.p-slider { + background: #304562; + border: 0 none; + border-radius: 3px; +} +.p-slider.p-slider-horizontal { + height: 0.286rem; +} +.p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -0.5715rem; + margin-left: -0.5715rem; +} +.p-slider.p-slider-vertical { + width: 0.286rem; +} +.p-slider.p-slider-vertical .p-slider-handle { + margin-left: -0.5715rem; + margin-bottom: -0.5715rem; +} +.p-slider .p-slider-handle { + height: 1.143rem; + width: 1.143rem; + background: #304562; + border: 2px solid #BA68C8; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.p-slider .p-slider-range { + background: #BA68C8; +} +.p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #BA68C8; + border-color: #BA68C8; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; +} + +.p-togglebutton.p-button { + background: #1f2d40; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #304562; + color: rgba(255, 255, 255, 0.87); +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-togglebutton.p-button.p-highlight { + background: #BA68C8; + border-color: #BA68C8; + color: #ffffff; +} +.p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #ffffff; +} +.p-togglebutton.p-button.p-highlight:hover { + background: #b052c0; + border-color: #b052c0; + color: #ffffff; +} +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; +} + +p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #ef9a9a; +} + +.p-treeselect { + background: #17212f; + border: 1px solid #304562; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-treeselect:not(.p-disabled):hover { + border-color: #BA68C8; +} +.p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + border-color: #BA68C8; +} +.p-treeselect .p-treeselect-label { + padding: 0.5rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-treeselect .p-treeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.5rem; + margin-right: 0.5rem; + background: #304562; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; +} +.p-treeselect .p-treeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #ef9a9a; +} + +.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.5rem; +} + +.p-treeselect-panel { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + 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); +} +.p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.5rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2rem; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} + +.p-input-filled .p-treeselect { + background: #304562; +} +.p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #304562; +} +.p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #304562; +} + +p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.5rem; +} +p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; +} + +.p-button { + color: #ffffff; + background: #BA68C8; + border: 1px solid #BA68C8; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-button:enabled:hover { + background: #b052c0; + color: #ffffff; + border-color: #b052c0; +} +.p-button:enabled:active { + background: #a241b2; + color: #ffffff; + border-color: #a241b2; +} +.p-button.p-button-outlined { + background-color: transparent; + color: #BA68C8; + border: 1px solid; +} +.p-button.p-button-outlined:enabled:hover { + background: rgba(186, 104, 200, 0.04); + color: #BA68C8; + border: 1px solid; +} +.p-button.p-button-outlined:enabled:active { + background: rgba(186, 104, 200, 0.16); + color: #BA68C8; + border: 1px solid; +} +.p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text { + background-color: transparent; + color: #BA68C8; + border-color: transparent; +} +.p-button.p-button-text:enabled:hover { + background: rgba(186, 104, 200, 0.04); + color: #BA68C8; + border-color: transparent; +} +.p-button.p-button-text:enabled:active { + background: rgba(186, 104, 200, 0.16); + color: #BA68C8; + border-color: transparent; +} +.p-button.p-button-text.p-button-plain { + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.p-button .p-button-label { + transition-duration: 0.2s; +} +.p-button .p-button-icon-left { + margin-right: 0.5rem; +} +.p-button .p-button-icon-right { + margin-left: 0.5rem; +} +.p-button .p-button-icon-bottom { + margin-top: 0.5rem; +} +.p-button .p-button-icon-top { + margin-bottom: 0.5rem; +} +.p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #BA68C8; + background-color: #ffffff; +} +.p-button.p-button-raised { + 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); +} +.p-button.p-button-rounded { + border-radius: 2rem; +} +.p-button.p-button-icon-only { + width: 2.357rem; + padding: 0.5rem 0; +} +.p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; +} +.p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.357rem; +} +.p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; +} +.p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; +} +.p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; +} +.p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; +} +.p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; +} +.p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; +} + +.p-fluid .p-button { + width: 100%; +} +.p-fluid .p-button-icon-only { + width: 2.357rem; +} +.p-fluid .p-buttonset { + display: flex; +} +.p-fluid .p-buttonset .p-button { + flex: 1; +} + +.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + color: #ffffff; + background: #78909C; + border: 1px solid #78909C; +} +.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + background: #69838f; + color: #ffffff; + border-color: #69838f; +} +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #a1b1ba; +} +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: #5d747f; + color: #ffffff; + border-color: #5d747f; +} +.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + background-color: transparent; + color: #78909C; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + background: rgba(120, 144, 156, 0.04); + color: #78909C; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(120, 144, 156, 0.16); + color: #78909C; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + background-color: transparent; + color: #78909C; + border-color: transparent; +} +.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + background: rgba(120, 144, 156, 0.04); + border-color: transparent; + color: #78909C; +} +.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + background: rgba(120, 144, 156, 0.16); + border-color: transparent; + color: #78909C; +} + +.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #121212; + background: #81D4FA; + border: 1px solid #81D4FA; +} +.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + background: #5dc8f9; + color: #121212; + border-color: #5dc8f9; +} +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #a7e1fc; +} +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: #38bbf7; + color: #121212; + border-color: #38bbf7; +} +.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + background-color: transparent; + color: #81D4FA; + border: 1px solid; +} +.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + background: rgba(129, 212, 250, 0.04); + color: #81D4FA; + border: 1px solid; +} +.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(129, 212, 250, 0.16); + color: #81D4FA; + border: 1px solid; +} +.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + background-color: transparent; + color: #81D4FA; + border-color: transparent; +} +.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + background: rgba(129, 212, 250, 0.04); + border-color: transparent; + color: #81D4FA; +} +.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + background: rgba(129, 212, 250, 0.16); + border-color: transparent; + color: #81D4FA; +} + +.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #121212; + background: #C5E1A5; + border: 1px solid #C5E1A5; +} +.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + background: #b2d788; + color: #121212; + border-color: #b2d788; +} +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #d6eac0; +} +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: #9fce6b; + color: #121212; + border-color: #9fce6b; +} +.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + background-color: transparent; + color: #C5E1A5; + border: 1px solid; +} +.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + background: rgba(197, 225, 165, 0.04); + color: #C5E1A5; + border: 1px solid; +} +.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(197, 225, 165, 0.16); + color: #C5E1A5; + border: 1px solid; +} +.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + background-color: transparent; + color: #C5E1A5; + border-color: transparent; +} +.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + background: rgba(197, 225, 165, 0.04); + border-color: transparent; + color: #C5E1A5; +} +.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + background: rgba(197, 225, 165, 0.16); + border-color: transparent; + color: #C5E1A5; +} + +.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #121212; + background: #FFE082; + border: 1px solid #FFE082; +} +.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + background: #ffd65c; + color: #121212; + border-color: #ffd65c; +} +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #ffe9a8; +} +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: #ffcd35; + color: #121212; + border-color: #ffcd35; +} +.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + background-color: transparent; + color: #FFE082; + border: 1px solid; +} +.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + background: rgba(255, 224, 130, 0.04); + color: #FFE082; + border: 1px solid; +} +.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(255, 224, 130, 0.16); + color: #FFE082; + border: 1px solid; +} +.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + background-color: transparent; + color: #FFE082; + border-color: transparent; +} +.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + background: rgba(255, 224, 130, 0.04); + border-color: transparent; + color: #FFE082; +} +.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + background: rgba(255, 224, 130, 0.16); + border-color: transparent; + color: #FFE082; +} + +.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #121212; + background: #CE93D8; + border: 1px solid #CE93D8; +} +.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + background: #c278ce; + color: #121212; + border-color: #c278ce; +} +.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #ddb3e4; +} +.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: #b65ec5; + color: #121212; + border-color: #b65ec5; +} +.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + background-color: transparent; + color: #CE93D8; + border: 1px solid; +} +.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; + border: 1px solid; +} +.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border: 1px solid; +} +.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + background: rgba(206, 147, 216, 0.04); + border-color: transparent; + color: #CE93D8; +} +.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + background: rgba(206, 147, 216, 0.16); + border-color: transparent; + color: #CE93D8; +} + +.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #121212; + background: #F48FB1; + border: 1px solid #F48FB1; +} +.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + background: #f16c98; + color: #121212; + border-color: #f16c98; +} +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #f7b1c8; +} +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: #ed4980; + color: #121212; + border-color: #ed4980; +} +.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + background-color: transparent; + color: #F48FB1; + border: 1px solid; +} +.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + background: rgba(244, 143, 177, 0.04); + color: #F48FB1; + border: 1px solid; +} +.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(244, 143, 177, 0.16); + color: #F48FB1; + border: 1px solid; +} +.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + background-color: transparent; + color: #F48FB1; + border-color: transparent; +} +.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + background: rgba(244, 143, 177, 0.04); + border-color: transparent; + color: #F48FB1; +} +.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} + +.p-button.p-button-link { + color: #BA68C8; + background: transparent; + border: transparent; +} +.p-button.p-button-link:enabled:hover { + background: transparent; + color: #BA68C8; + border-color: transparent; +} +.p-button.p-button-link:enabled:hover .p-button-label { + text-decoration: underline; +} +.p-button.p-button-link:enabled:focus { + background: transparent; + box-shadow: 0 0 0 0.1rem #cf95d9; + border-color: transparent; +} +.p-button.p-button-link:enabled:active { + background: transparent; + color: #BA68C8; + border-color: transparent; +} + +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: rgba(255, 255, 255, 0.87); + color: #17212f; +} +.p-speeddial-action:hover { + background: rgba(255, 255, 255, 0.6); + color: #17212f; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +.p-splitbutton { + border-radius: 3px; +} +.p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #BA68C8; + border: 1px solid; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(186, 104, 200, 0.04); + color: #BA68C8; +} +.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(186, 104, 200, 0.16); + color: #BA68C8; +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #BA68C8; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(186, 104, 200, 0.04); + color: #BA68C8; + border-color: transparent; +} +.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(186, 104, 200, 0.16); + color: #BA68C8; + border-color: transparent; +} +.p-splitbutton.p-button-text.p-button-plain > .p-button { + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-splitbutton.p-button-raised { + 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); +} +.p-splitbutton.p-button-rounded { + border-radius: 2rem; +} +.p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; +} +.p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; +} +.p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; +} +.p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; +} +.p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; +} + +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #78909C; + border: 1px solid; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(120, 144, 156, 0.04); + color: #78909C; +} +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(120, 144, 156, 0.16); + color: #78909C; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #78909C; + border-color: transparent; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(120, 144, 156, 0.04); + border-color: transparent; + color: #78909C; +} +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(120, 144, 156, 0.16); + border-color: transparent; + color: #78909C; +} + +.p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #81D4FA; + border: 1px solid; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(129, 212, 250, 0.04); + color: #81D4FA; +} +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(129, 212, 250, 0.16); + color: #81D4FA; +} +.p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #81D4FA; + border-color: transparent; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(129, 212, 250, 0.04); + border-color: transparent; + color: #81D4FA; +} +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(129, 212, 250, 0.16); + border-color: transparent; + color: #81D4FA; +} + +.p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #C5E1A5; + border: 1px solid; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(197, 225, 165, 0.04); + color: #C5E1A5; +} +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(197, 225, 165, 0.16); + color: #C5E1A5; +} +.p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #C5E1A5; + border-color: transparent; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(197, 225, 165, 0.04); + border-color: transparent; + color: #C5E1A5; +} +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(197, 225, 165, 0.16); + border-color: transparent; + color: #C5E1A5; +} + +.p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #FFE082; + border: 1px solid; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 224, 130, 0.04); + color: #FFE082; +} +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 224, 130, 0.16); + color: #FFE082; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #FFE082; + border-color: transparent; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 224, 130, 0.04); + border-color: transparent; + color: #FFE082; +} +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 224, 130, 0.16); + border-color: transparent; + color: #FFE082; +} + +.p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #CE93D8; + border: 1px solid; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; +} +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; +} +.p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(206, 147, 216, 0.04); + border-color: transparent; + color: #CE93D8; +} +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(206, 147, 216, 0.16); + border-color: transparent; + color: #CE93D8; +} + +.p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #F48FB1; + border: 1px solid; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(244, 143, 177, 0.04); + color: #F48FB1; +} +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(244, 143, 177, 0.16); + color: #F48FB1; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #F48FB1; + border-color: transparent; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(244, 143, 177, 0.04); + border-color: transparent; + color: #F48FB1; +} +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} + +.p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; +} +.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-carousel .p-carousel-content .p-carousel-prev:focus, +.p-carousel .p-carousel-content .p-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.p-carousel .p-carousel-indicators { + padding: 1rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #304562; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #3c567a; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); +} + +.p-datatable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +.p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-datatable .p-datatable-header { + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-datatable .p-datatable-footer { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #304562; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + transition: box-shadow 0.2s; +} +.p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #304562; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; +} +.p-datatable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column.p-highlight { + background: #1f2d40; + color: #BA68C8; +} +.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #BA68C8; +} +.p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(255, 255, 255, 0.03); + color: #BA68C8; +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #BA68C8; +} +.p-datatable .p-sortable-column:focus { + box-shadow: inset 0 0 0 0.15rem #cf95d9; + outline: 0 none; +} +.p-datatable .p-datatable-tbody > tr { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; +} +.p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; +} +.p-datatable .p-datatable-tbody > tr:focus { + outline: 0.15rem solid #cf95d9; + outline-offset: 0.15rem; +} +.p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(186, 104, 200, 0.16); +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(186, 104, 200, 0.16); +} +.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-column-resizer-helper { + background: #BA68C8; +} +.p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #1f2d40; +} +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #1f2d40; +} +.p-datatable .p-datatable-loading-icon { + font-size: 2rem; +} +.p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; +} +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #253144; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.5rem 0.5rem; +} +.p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; +} + +.p-dataview .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +.p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-dataview .p-dataview-header { + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-dataview .p-dataview-content { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; +} +.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { + border: solid #304562; + border-width: 0 0 1px 0; +} +.p-dataview .p-dataview-footer { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +.p-dataview .p-dataview-loading-icon { + font-size: 2rem; +} +.p-dataview .p-dataview-emptymessage { + padding: 1rem; +} + +.p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; +} + +.p-column-filter-menu-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-menu-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-column-filter-menu-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} + +.p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-clear-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-column-filter-clear-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} + +.p-column-filter-overlay { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + 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); + min-width: 12.5rem; +} +.p-column-filter-overlay .p-column-filter-row-items { + padding: 0.5rem 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #cf95d9; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #304562; + margin: 0.25rem 0; +} + +.p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1rem; + border-bottom: 1px solid #304562; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; +} +.p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.5rem 1rem; +} +.p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1rem; +} + +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { + background: #1f2d40; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-view-container td.fc-widget-content { + background: #1f2d40; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #304562; +} +.fc.fc-unthemed .fc-view-container .fc-row { + border-right: 1px solid #304562; +} +.fc.fc-unthemed .fc-view-container .fc-event { + background: #b052c0; + border: 1px solid #b052c0; + color: #ffffff; +} +.fc.fc-unthemed .fc-view-container .fc-divider { + background: #1f2d40; + border: 1px solid #304562; +} +.fc.fc-unthemed .fc-toolbar .fc-button { + color: #ffffff; + background: #BA68C8; + border: 1px solid #BA68C8; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + display: flex; + align-items: center; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { + background: #b052c0; + color: #ffffff; + border-color: #b052c0; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { + background: #a241b2; + color: #ffffff; + border-color: #a241b2; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-unthemed .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #1f2d40; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #304562; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #BA68C8; + border-color: #BA68C8; + color: #ffffff; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #b052c0; + border-color: #b052c0; + color: #ffffff; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + z-index: 1; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #304562; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #1f2d40; + border-color: #304562; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness td { + color: rgba(255, 255, 255, 0.87); + border-color: #304562; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #1f2d40; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover { + background: none; + border: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { + border: 1px solid #304562; + padding: 1rem; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { + opacity: 1; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; + font-family: "PrimeIcons" !important; + font-size: 1rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { + content: "\e90b"; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { + padding: 1rem; + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #ffffff; + background: #b052c0; + border-color: #b052c0; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: #b052c0; + border-color: #b052c0; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #1f2d40; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #ffffff; + background: #BA68C8; + border: 1px solid #BA68C8; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: #b052c0; + color: #ffffff; + border-color: #b052c0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: #a241b2; + color: #ffffff; + border-color: #a241b2; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.4; + color: #ffffff; + background: #BA68C8; + border: 1px solid #BA68C8; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: "\e900"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: "\e901"; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #1f2d40; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #304562; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #BA68C8; + border-color: #BA68C8; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #b052c0; + border-color: #b052c0; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.fc.fc-theme-standard a { + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); +} + +.p-orderlist .p-orderlist-controls { + padding: 1rem; +} +.p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; +} +.p-orderlist .p-orderlist-header { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + padding: 1rem; + border-bottom: 0 none; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; +} +.p-orderlist .p-orderlist-filter-container { + padding: 1rem; + background: #1f2d40; + border: 1px solid #304562; + border-bottom: 0 none; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.5rem; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-orderlist .p-orderlist-list { + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; +} +.p-orderlist .p-orderlist-list .p-orderlist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #cf95d9; +} +.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); +} +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); +} +.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: rgba(255, 255, 255, 0.01); +} +.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); +} + +.p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 1rem; + 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); + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + margin: 0; +} + +.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(117, 47, 129, 0.16); +} +.p-organizationchart .p-organizationchart-line-down { + background: rgba(255, 255, 255, 0.6); +} +.p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #304562; + border-color: rgba(255, 255, 255, 0.6); +} +.p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #304562; + border-color: rgba(255, 255, 255, 0.6); +} +.p-organizationchart .p-organizationchart-node-content { + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + padding: 1rem; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} + +.p-paginator { + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + border: solid #304562; + border-width: 1px; + padding: 0.5rem 1rem; + border-radius: 3px; +} +.p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 2.286em; + height: 2.286em; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); +} +.p-paginator .p-paginator-first { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.286em; +} +.p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; +} +.p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; +} +.p-paginator .p-paginator-page-input .p-inputtext { + max-width: 2.286em; +} +.p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 2.286em; + height: 2.286em; + margin: 0.143rem; + padding: 0 0.5rem; +} +.p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 2.286em; + height: 2.286em; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(186, 104, 200, 0.16); + border-color: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); +} + +.p-picklist .p-picklist-buttons { + padding: 1rem; +} +.p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; +} +.p-picklist .p-picklist-header { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + padding: 1rem; + border-bottom: 0 none; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; +} +.p-picklist .p-picklist-filter-container { + padding: 1rem; + background: #1f2d40; + border: 1px solid #304562; + border-bottom: 0 none; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.5rem; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-picklist .p-picklist-list { + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; +} +.p-picklist .p-picklist-list .p-picklist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #cf95d9; +} +.p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); +} +.p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); +} +.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: rgba(255, 255, 255, 0.01); +} +.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); +} + +.p-picklist-item.cdk-drag-preview { + padding: 0.5rem 1rem; + 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); + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + margin: 0; +} + +.p-timeline .p-timeline-event-marker { + border: 2px solid #BA68C8; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #1f2d40; +} +.p-timeline .p-timeline-event-connector { + background-color: #304562; +} +.p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; +} +.p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; +} + +.p-tree { + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + padding: 1rem; + border-radius: 3px; +} +.p-tree .p-tree-container .p-treenode { + padding: 0.143rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 3px; + transition: box-shadow 0.2s; + padding: 0; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #cf95d9; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; +} +.p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.5rem; +} +.p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-tree .p-treenode-children { + padding: 0 0 0 1rem; +} +.p-tree .p-tree-loading-icon { + font-size: 2rem; +} +.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(162, 65, 178, 0.16); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 3px; + border: 1px solid #304562; + background-color: #1f2d40; + color: rgba(255, 255, 255, 0.87); + padding: 0; + transition: box-shadow 0.2s; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} + +.p-treetable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +.p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-treetable .p-treetable-header { + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-treetable .p-treetable-footer { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #304562; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + transition: box-shadow 0.2s; +} +.p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #304562; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; +} +.p-treetable .p-sortable-column { + outline-color: #cf95d9; +} +.p-treetable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-sortable-column.p-highlight { + background: #1f2d40; + color: #BA68C8; +} +.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #BA68C8; +} +.p-treetable .p-treetable-tbody > tr { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; +} +.p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-treetable-tbody > tr:focus { + outline: 0.15rem solid #cf95d9; + outline-offset: -0.15rem; +} +.p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-column-resizer-helper { + background: #BA68C8; +} +.p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #1f2d40; +} +.p-treetable .p-treetable-loading-icon { + font-size: 2rem; +} +.p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.875rem 0.875rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.5rem 0.5rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 1.25rem 1.25rem; +} + +.p-virtualscroller .p-virtualscroller-header { + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +.p-virtualscroller .p-virtualscroller-content { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; +} +.p-virtualscroller .p-virtualscroller-footer { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} + +.p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1rem; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; + border-radius: 3px; + transition: box-shadow 0.2s; +} +.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; +} +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: rgba(255, 255, 255, 0.03); + border-color: #304562; + color: rgba(255, 255, 255, 0.87); +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #1f2d40; + border-color: #304562; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #304562; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-accordion .p-accordion-content { + padding: 1rem; + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; +} +.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; +} +.p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; +} +.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 none; +} +.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-top: 0 none; +} +.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +.p-card { + background: #1f2d40; + 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: 3px; +} +.p-card .p-card-body { + padding: 1rem; +} +.p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +.p-card .p-card-subtitle { + font-weight: 700; + margin-bottom: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-card .p-card-content { + padding: 1rem 0; +} +.p-card .p-card-footer { + padding: 1rem 0 0 0; +} + +.p-divider .p-divider-content { + background-color: #1f2d40; +} +.p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +.p-divider.p-divider-horizontal:before { + border-top: 1px #304562; +} +.p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; +} +.p-divider.p-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; +} +.p-divider.p-divider-vertical:before { + border-left: 1px #304562; +} +.p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; +} + +.p-fieldset { + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; +} +.p-fieldset .p-fieldset-legend { + padding: 1rem; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; + border-radius: 3px; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; + transition: box-shadow 0.2s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #304562; + color: rgba(255, 255, 255, 0.87); +} +.p-fieldset .p-fieldset-content { + padding: 1rem; +} + +.p-panel .p-panel-header { + border: 1px solid #304562; + padding: 1rem; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-panel .p-panel-header .p-panel-title { + font-weight: 600; +} +.p-panel .p-panel-header .p-panel-header-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-panel .p-panel-header .p-panel-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.p-panel.p-panel-toggleable .p-panel-header { + padding: 0.5rem 1rem; +} +.p-panel .p-panel-content { + padding: 1rem; + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + border-top: 0 none; +} +.p-panel .p-panel-footer { + padding: 0.5rem 1rem; + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} +.p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; +} +.p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; +} +.p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; +} + +.p-scrollpanel .p-scrollpanel-bar { + background: #304562; + border: 0 none; +} + +.p-splitter { + border: 1px solid #304562; + background: #1f2d40; + border-radius: 3px; + color: rgba(255, 255, 255, 0.87); +} +.p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: rgba(255, 255, 255, 0.03); +} +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #304562; +} +.p-splitter .p-splitter-gutter-resizing { + background: #304562; +} + +.p-tabview .p-tabview-nav { + background: transparent; + border: 1px solid #304562; + border-width: 0 0 2px 0; +} +.p-tabview .p-tabview-nav li { + margin-right: 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #304562; + border-width: 0 0 2px 0; + border-color: transparent transparent #304562 transparent; + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + padding: 1rem; + font-weight: 600; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #cf95d9; +} +.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #1f2d40; + border-color: #BA68C8; + color: rgba(255, 255, 255, 0.87); +} +.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #1f2d40; + border-color: #BA68C8; + color: #BA68C8; +} +.p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; +} +.p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-close { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-nav-btn.p-link { + background: #1f2d40; + color: #BA68C8; + width: 2.357rem; + 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); + border-radius: 0; +} +.p-tabview .p-tabview-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #cf95d9; +} +.p-tabview .p-tabview-panels { + background: #1f2d40; + padding: 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +.p-toolbar { + background: #1f2d40; + border: 1px solid #304562; + padding: 1rem; + border-radius: 3px; + gap: 0.5rem; +} +.p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; +} + +.p-confirm-popup { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + 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); +} +.p-confirm-popup .p-confirm-popup-content { + padding: 1rem; +} +.p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.5rem 1rem; +} +.p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; +} +.p-confirm-popup:after { + border: solid transparent; + border-color: rgba(31, 45, 64, 0); + border-bottom-color: #1f2d40; +} +.p-confirm-popup:before { + border: solid transparent; + border-color: rgba(48, 69, 98, 0); + border-bottom-color: #304562; +} +.p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #1f2d40; +} +.p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #304562; +} +.p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; +} +.p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; +} + +.p-dialog { + border-radius: 3px; + 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: 1px solid #304562; +} +.p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + padding: 1.5rem; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.25rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-dialog .p-dialog-header .p-dialog-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; +} +.p-dialog .p-dialog-content { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.5rem 2rem 1.5rem; +} +.p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-dialog .p-dialog-footer { + border-top: 0 none; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; +} + +.p-overlaypanel { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + 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); +} +.p-overlaypanel .p-overlaypanel-content { + padding: 1rem; +} +.p-overlaypanel .p-overlaypanel-close { + background: #BA68C8; + color: #ffffff; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + position: absolute; + top: -1rem; + right: -1rem; +} +.p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #b052c0; + color: #ffffff; +} +.p-overlaypanel:after { + border: solid transparent; + border-color: rgba(31, 45, 64, 0); + border-bottom-color: #1f2d40; +} +.p-overlaypanel:before { + border: solid transparent; + border-color: rgba(48, 69, 98, 0); + border-bottom-color: #2e425d; +} +.p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #1f2d40; +} +.p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #304562; +} + +.p-sidebar { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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); +} +.p-sidebar .p-sidebar-header { + padding: 1rem; +} +.p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.p-sidebar .p-sidebar-header .p-sidebar-close:focus, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; +} +.p-sidebar .p-sidebar-content { + padding: 1rem; +} +.p-sidebar .p-sidebar-footer { + padding: 1rem; +} + +.p-tooltip .p-tooltip-text { + background: #304562; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem 0.5rem; + 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); + border-radius: 3px; +} +.p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #304562; +} +.p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #304562; +} +.p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #304562; +} +.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #304562; +} + +.p-fileupload .p-fileupload-buttonbar { + background: #1f2d40; + padding: 1rem; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + border-bottom: 0 none; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; +} +.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.p-fileupload .p-fileupload-content { + background: #1f2d40; + padding: 2rem 1rem; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-fileupload .p-progressbar { + height: 0.25rem; +} +.p-fileupload .p-fileupload-row > div { + padding: 1rem 1rem; +} +.p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; +} + +.p-fileupload-choose:not(.p-disabled):hover { + background: #b052c0; + color: #ffffff; + border-color: #b052c0; +} +.p-fileupload-choose:not(.p-disabled):active { + background: #a241b2; + color: #ffffff; + border-color: #a241b2; +} + +.p-breadcrumb { + background: #1f2d40; + border: 1px solid #304562; + border-radius: 3px; + padding: 1rem; +} +.p-breadcrumb ul li .p-menuitem-link { + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-breadcrumb ul li .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-breadcrumb ul li.p-breadcrumb-chevron { + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.87); +} +.p-breadcrumb ul li:last-child .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-breadcrumb ul li:last-child .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} + +.p-contextmenu { + padding: 0.25rem 0; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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); + border-radius: 3px; + width: 12.5rem; +} +.p-contextmenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-contextmenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-contextmenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #cf95d9; +} +.p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #1f2d40; + border: 1px solid #304562; + 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); + border-radius: 3px; +} +.p-contextmenu .p-menuitem { + margin: 0; +} +.p-contextmenu .p-menuitem:last-child { + margin: 0; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #17212f; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menu-separator { + border-top: 1px solid #304562; + margin: 0.25rem 0; +} +.p-contextmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-contextmenu .p-menuitem-badge { + background: #BA68C8; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + +@media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } +} +.p-megamenu { + padding: 0.5rem; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; + transition: box-shadow 0.2s; + user-select: none; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #cf95d9; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: #17212f; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-megamenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-megamenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #cf95d9; +} +.p-megamenu .p-megamenu-panel { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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); +} +.p-megamenu .p-megamenu-submenu-header { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-megamenu .p-megamenu-submenu { + padding: 0.25rem 0; + width: 12.5rem; +} +.p-megamenu .p-megamenu-submenu .p-menu-separator { + border-top: 1px solid #304562; + margin: 0.25rem 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem { + margin: 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #17212f; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem { + margin: 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem-badge { + background: #BA68C8; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menu { + padding: 0.25rem 0; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + width: 12.5rem; +} +.p-menu .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #cf95d9; +} +.p-menu.p-menu-overlay { + background: #1f2d40; + border: 1px solid #304562; + 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); +} +.p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.p-menu .p-menu-separator { + border-top: 1px solid #304562; + margin: 0.25rem 0; +} +.p-menu .p-menuitem { + margin: 0; +} +.p-menu .p-menuitem:last-child { + margin: 0; +} +.p-menu .p-menuitem-badge { + background: #BA68C8; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-menubar { + padding: 0.5rem; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; +} +.p-menubar .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menubar .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menubar .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #cf95d9; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #cf95d9; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: #17212f; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-submenu-list { + padding: 0.25rem 0; + background: #1f2d40; + border: 1px solid #304562; + 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); + width: 12.5rem; +} +.p-menubar .p-submenu-list .p-menu-separator { + border-top: 1px solid #304562; + margin: 0.25rem 0; +} +.p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; +} +.p-menubar .p-submenu-list .p-menuitem { + margin: 0; +} +.p-menubar .p-submenu-list .p-menuitem:last-child { + margin: 0; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #17212f; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-badge { + background: #BA68C8; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +@media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0; + background: #1f2d40; + border: 1px solid #304562; + 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); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menu-separator { + border-top: 1px solid #304562; + margin: 0.25rem 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #cf95d9; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } +} +.p-panelmenu .p-panelmenu-header > a { + padding: 1rem; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; + border-radius: 3px; + transition: box-shadow 0.2s; +} +.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #304562; + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-header.p-highlight { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight > a { + background: #1f2d40; + border-color: #304562; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + border-color: #304562; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0; + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + margin-bottom: 0; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #cf95d9; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { + padding: 0 0 0 1rem; +} +.p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { + border-radius: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; +} +.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { + border-top: 0 none; +} +.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { + border-top: 0 none; +} +.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-panelmenu .p-menuitem-badge { + background: #BA68C8; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-slidemenu { + padding: 0.25rem 0; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + width: 12.5rem; +} +.p-slidemenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-slidemenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-slidemenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #cf95d9; +} +.p-slidemenu.p-slidemenu-overlay { + background: #1f2d40; + border: 1px solid #304562; + 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); +} +.p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0; + background: #1f2d40; + border: 1px solid #304562; + 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); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { + background: #17212f; +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-slidemenu-separator { + border-top: 1px solid #304562; + margin: 0.25rem 0; +} +.p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; +} +.p-slidemenu .p-slidemenu-backward { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-badge { + background: #BA68C8; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: box-shadow 0.2s; + border-radius: 3px; + background: transparent; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: rgba(255, 255, 255, 0.87); + border: 0 none; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 600; + color: rgba(255, 255, 255, 0.87); +} +.p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #304562; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; +} + +.p-tabmenu .p-tabmenu-nav { + background: transparent; + border: 1px solid #304562; + border-width: 0 0 2px 0; +} +.p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #BA68C8; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #304562; + border-width: 0 0 2px 0; + border-color: transparent transparent #304562 transparent; + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + padding: 1rem; + font-weight: 600; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #cf95d9; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #1f2d40; + border-color: #BA68C8; + color: rgba(255, 255, 255, 0.87); +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #1f2d40; + border-color: #BA68C8; + color: #BA68C8; +} +.p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #1f2d40; + color: #BA68C8; + width: 2.357rem; + 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); + border-radius: 0; +} +.p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #cf95d9; +} + +.p-tieredmenu { + padding: 0.25rem 0; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + width: 12.5rem; +} +.p-tieredmenu .p-menuitem-link { + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-tieredmenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-tieredmenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #cf95d9; +} +.p-tieredmenu.p-tieredmenu-overlay { + background: #1f2d40; + border: 1px solid #304562; + 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); +} +.p-tieredmenu .p-submenu-list { + padding: 0.25rem 0; + background: #1f2d40; + border: 1px solid #304562; + 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); +} +.p-tieredmenu .p-menuitem { + margin: 0; +} +.p-tieredmenu .p-menuitem:last-child { + margin: 0; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #17212f; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menu-separator { + border-top: 1px solid #304562; + margin: 0.25rem 0; +} +.p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; +} +.p-tieredmenu .p-menuitem-badge { + background: #BA68C8; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.p-inline-message { + padding: 0.5rem 0.5rem; + margin: 0; + border-radius: 3px; +} +.p-inline-message.p-inline-message-info { + background: #B3E5FC; + border: solid #0891cf; + border-width: 1px; + color: #044868; +} +.p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #044868; +} +.p-inline-message.p-inline-message-success { + background: #C8E6C9; + border: solid #439446; + border-width: 1px; + color: #224a23; +} +.p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #224a23; +} +.p-inline-message.p-inline-message-warn { + background: #FFECB3; + border: solid #d9a300; + border-width: 1px; + color: #6d5100; +} +.p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #6d5100; +} +.p-inline-message.p-inline-message-error { + background: #FFCDD2; + border: solid #e60017; + border-width: 1px; + color: #73000c; +} +.p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #73000c; +} +.p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; +} +.p-inline-message .p-inline-message-text { + font-size: 1rem; +} +.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; +} + +.p-message { + margin: 1rem 0; + border-radius: 3px; +} +.p-message .p-message-wrapper { + padding: 1rem 1.5rem; +} +.p-message .p-message-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-message .p-message-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.p-message.p-message-info { + background: #B3E5FC; + border: solid #0891cf; + border-width: 0 0 0 6px; + color: #044868; +} +.p-message.p-message-info .p-message-icon { + color: #044868; +} +.p-message.p-message-info .p-message-close { + color: #044868; +} +.p-message.p-message-success { + background: #C8E6C9; + border: solid #439446; + border-width: 0 0 0 6px; + color: #224a23; +} +.p-message.p-message-success .p-message-icon { + color: #224a23; +} +.p-message.p-message-success .p-message-close { + color: #224a23; +} +.p-message.p-message-warn { + background: #FFECB3; + border: solid #d9a300; + border-width: 0 0 0 6px; + color: #6d5100; +} +.p-message.p-message-warn .p-message-icon { + color: #6d5100; +} +.p-message.p-message-warn .p-message-close { + color: #6d5100; +} +.p-message.p-message-error { + background: #FFCDD2; + border: solid #e60017; + border-width: 0 0 0 6px; + color: #73000c; +} +.p-message.p-message-error .p-message-icon { + color: #73000c; +} +.p-message.p-message-error .p-message-close { + color: #73000c; +} +.p-message .p-message-text { + font-size: 1rem; + font-weight: 500; +} +.p-message .p-message-icon { + font-size: 1.5rem; + margin-right: 0.5rem; +} +.p-message .p-message-summary { + font-weight: 700; +} +.p-message .p-message-detail { + margin-left: 0.5rem; +} + +.p-toast { + opacity: 0.9; +} +.p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: none; + border-radius: 3px; +} +.p-toast .p-toast-message .p-toast-message-content { + padding: 1rem; + border-width: 0 0 0 6px; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 1rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 2rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 700; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; +} +.p-toast .p-toast-message .p-toast-icon-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-toast .p-toast-message .p-toast-icon-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.p-toast .p-toast-message.p-toast-message-info { + background: #B3E5FC; + border: solid #0891cf; + border-width: 0 0 0 6px; + color: #044868; +} +.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #044868; +} +.p-toast .p-toast-message.p-toast-message-success { + background: #C8E6C9; + border: solid #439446; + border-width: 0 0 0 6px; + color: #224a23; +} +.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #224a23; +} +.p-toast .p-toast-message.p-toast-message-warn { + background: #FFECB3; + border: solid #d9a300; + border-width: 0 0 0 6px; + color: #6d5100; +} +.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #6d5100; +} +.p-toast .p-toast-message.p-toast-message-error { + background: #FFCDD2; + border: solid #e60017; + border-width: 0 0 0 6px; + color: #73000c; +} +.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #73000c; +} + +.p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-item-nav { + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 3px; + margin: 0 0.5rem; +} +.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f8f9fa; + padding: 1rem; +} +.p-galleria .p-galleria-indicators { + padding: 1rem; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #304562; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #3c567a; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; +} +.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f8f9fa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} + +.p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); +} + +.p-image-preview-indicator { + background-color: transparent; + color: #f8f9fa; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} + +.p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); +} + +.p-image-toolbar { + padding: 1rem; +} + +.p-image-action.p-link { + color: #f8f9fa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-image-action.p-link:last-child { + margin-right: 0; +} +.p-image-action.p-link:hover { + color: #f8f9fa; + background-color: rgba(255, 255, 255, 0.1); +} +.p-image-action.p-link i { + font-size: 1.5rem; +} + +.p-avatar { + background-color: #304562; + border-radius: 3px; +} +.p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +.p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; +} +.p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +.p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; +} + +.p-avatar-group .p-avatar { + border: 2px solid #1f2d40; +} + +.p-badge { + background: #BA68C8; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +.p-badge.p-badge-secondary { + background-color: #78909C; + color: #ffffff; +} +.p-badge.p-badge-success { + background-color: #C5E1A5; + color: #121212; +} +.p-badge.p-badge-info { + background-color: #81D4FA; + color: #121212; +} +.p-badge.p-badge-warning { + background-color: #FFE082; + color: #121212; +} +.p-badge.p-badge-danger { + background-color: #F48FB1; + color: #121212; +} +.p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +.p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} + +.p-chip { + background-color: #304562; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + padding: 0 0.5rem; +} +.p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} +.p-chip .p-chip-icon { + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; +} +.p-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.5rem; + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} + +.p-inplace .p-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} + +.p-progressbar { + border: 0 none; + height: 1.5rem; + background: #304562; + border-radius: 3px; +} +.p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #BA68C8; +} +.p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.5rem; +} + +.p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + 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); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-scrolltop.p-link { + background: rgba(186, 104, 200, 0.16); +} +.p-scrolltop.p-link:hover { + background: rgba(186, 104, 200, 0.3616); +} +.p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: rgba(255, 255, 255, 0.87); +} + +.p-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 3px; +} +.p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); +} + +.p-tag { + background: #BA68C8; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 3px; +} +.p-tag.p-tag-success { + background-color: #C5E1A5; + color: #121212; +} +.p-tag.p-tag-info { + background-color: #81D4FA; + color: #121212; +} +.p-tag.p-tag-warning { + background-color: #FFE082; + color: #121212; +} +.p-tag.p-tag-danger { + background-color: #F48FB1; + color: #121212; +} +.p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +.p-terminal { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + padding: 1rem; +} +.p-terminal .p-terminal-input { + font-size: 1rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; +} + +/* Customizations to the designer theme should be defined here */ +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #BA68C8; +} + +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #BA68C8; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #BA68C8; +} + +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #BA68C8; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #BA68C8; +} diff --git a/assets/layout/styles/theme/vela-purple/theme.css.br b/assets/layout/styles/theme/vela-purple/theme.css.br new file mode 100644 index 0000000..b3a34a6 Binary files /dev/null and b/assets/layout/styles/theme/vela-purple/theme.css.br differ diff --git a/assets/layout/styles/theme/vela-purple/theme.css.gz b/assets/layout/styles/theme/vela-purple/theme.css.gz new file mode 100644 index 0000000..3985268 Binary files /dev/null and b/assets/layout/styles/theme/vela-purple/theme.css.gz differ diff --git a/color.dae87a04d07ca92b.png b/color.dae87a04d07ca92b.png new file mode 100644 index 0000000..561cdd9 Binary files /dev/null and b/color.dae87a04d07ca92b.png differ diff --git a/color.dae87a04d07ca92b.png.br b/color.dae87a04d07ca92b.png.br new file mode 100644 index 0000000..674770c Binary files /dev/null and b/color.dae87a04d07ca92b.png.br differ diff --git a/color.dae87a04d07ca92b.png.gz b/color.dae87a04d07ca92b.png.gz new file mode 100644 index 0000000..d19065e Binary files /dev/null and b/color.dae87a04d07ca92b.png.gz differ diff --git a/favicon.ico b/favicon.ico new file mode 100644 index 0000000..997406a Binary files /dev/null and b/favicon.ico differ diff --git a/favicon.ico.br b/favicon.ico.br new file mode 100644 index 0000000..db88c81 Binary files /dev/null and b/favicon.ico.br differ diff --git a/favicon.ico.gz b/favicon.ico.gz new file mode 100644 index 0000000..752d672 Binary files /dev/null and b/favicon.ico.gz differ diff --git a/hue.8b1818380241e6ac.png b/hue.8b1818380241e6ac.png new file mode 100644 index 0000000..8efa252 Binary files /dev/null and b/hue.8b1818380241e6ac.png differ diff --git a/hue.8b1818380241e6ac.png.br b/hue.8b1818380241e6ac.png.br new file mode 100644 index 0000000..a1eae92 Binary files /dev/null and b/hue.8b1818380241e6ac.png.br differ diff --git a/hue.8b1818380241e6ac.png.gz b/hue.8b1818380241e6ac.png.gz new file mode 100644 index 0000000..696373b Binary files /dev/null and b/hue.8b1818380241e6ac.png.gz differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..bb65fc9 --- /dev/null +++ b/index.html @@ -0,0 +1,18 @@ + + + + + + Public Pool + + + + + + + + + + + + \ No newline at end of file diff --git a/index.html.br b/index.html.br new file mode 100644 index 0000000..6779ed7 Binary files /dev/null and b/index.html.br differ diff --git a/index.html.gz b/index.html.gz new file mode 100644 index 0000000..f6569e5 Binary files /dev/null and b/index.html.gz differ diff --git a/main.0cce9d792b2a8202.js b/main.0cce9d792b2a8202.js new file mode 100644 index 0000000..9767ee1 --- /dev/null +++ b/main.0cce9d792b2a8202.js @@ -0,0 +1 @@ +(self.webpackChunkpublic_pool_ui=self.webpackChunkpublic_pool_ui||[]).push([[179],{8925:(J,Z,F)=>{"use strict";function D(n){return"function"==typeof n}function _(n){const e=n(i=>{Error.call(i),i.stack=(new Error).stack});return e.prototype=Object.create(Error.prototype),e.prototype.constructor=e,e}const w=_(n=>function(e){n(this),this.message=e?`${e.length} errors occurred during unsubscription:\n${e.map((i,s)=>`${s+1}) ${i.toString()}`).join("\n ")}`:"",this.name="UnsubscriptionError",this.errors=e});function y(n,t){if(n){const e=n.indexOf(t);0<=e&&n.splice(e,1)}}class b{constructor(t){this.initialTeardown=t,this.closed=!1,this._parentage=null,this._finalizers=null}unsubscribe(){let t;if(!this.closed){this.closed=!0;const{_parentage:e}=this;if(e)if(this._parentage=null,Array.isArray(e))for(const r of e)r.remove(this);else e.remove(this);const{initialTeardown:i}=this;if(D(i))try{i()}catch(r){t=r instanceof w?r.errors:[r]}const{_finalizers:s}=this;if(s){this._finalizers=null;for(const r of s)try{N(r)}catch(o){t=t??[],o instanceof w?t=[...t,...o.errors]:t.push(o)}}if(t)throw new w(t)}}add(t){var e;if(t&&t!==this)if(this.closed)N(t);else{if(t instanceof b){if(t.closed||t._hasParent(this))return;t._addParent(this)}(this._finalizers=null!==(e=this._finalizers)&&void 0!==e?e:[]).push(t)}}_hasParent(t){const{_parentage:e}=this;return e===t||Array.isArray(e)&&e.includes(t)}_addParent(t){const{_parentage:e}=this;this._parentage=Array.isArray(e)?(e.push(t),e):e?[e,t]:t}_removeParent(t){const{_parentage:e}=this;e===t?this._parentage=null:Array.isArray(e)&&y(e,t)}remove(t){const{_finalizers:e}=this;e&&y(e,t),t instanceof b&&t._removeParent(this)}}b.EMPTY=(()=>{const n=new b;return n.closed=!0,n})();const k=b.EMPTY;function P(n){return n instanceof b||n&&"closed"in n&&D(n.remove)&&D(n.add)&&D(n.unsubscribe)}function N(n){D(n)?n():n.unsubscribe()}const U={onUnhandledError:null,onStoppedNotification:null,Promise:void 0,useDeprecatedSynchronousErrorHandling:!1,useDeprecatedNextContext:!1},ie={setTimeout(n,t,...e){const{delegate:i}=ie;return i?.setTimeout?i.setTimeout(n,t,...e):setTimeout(n,t,...e)},clearTimeout(n){const{delegate:t}=ie;return(t?.clearTimeout||clearTimeout)(n)},delegate:void 0};function De(n){ie.setTimeout(()=>{const{onUnhandledError:t}=U;if(!t)throw n;t(n)})}function He(){}const lt=ci("C",void 0,void 0);function ci(n,t,e){return{kind:n,value:t,error:e}}let Wi=null;function $s(n){if(U.useDeprecatedSynchronousErrorHandling){const t=!Wi;if(t&&(Wi={errorThrown:!1,error:null}),n(),t){const{errorThrown:e,error:i}=Wi;if(Wi=null,e)throw i}}else n()}class Ta extends b{constructor(t){super(),this.isStopped=!1,t?(this.destination=t,P(t)&&t.add(this)):this.destination=Ts}static create(t,e,i){return new Lo(t,e,i)}next(t){this.isStopped?Ll(function ge(n){return ci("N",n,void 0)}(t),this):this._next(t)}error(t){this.isStopped?Ll(function Gs(n){return ci("E",void 0,n)}(t),this):(this.isStopped=!0,this._error(t))}complete(){this.isStopped?Ll(lt,this):(this.isStopped=!0,this._complete())}unsubscribe(){this.closed||(this.isStopped=!0,super.unsubscribe(),this.destination=null)}_next(t){this.destination.next(t)}_error(t){try{this.destination.error(t)}finally{this.unsubscribe()}}_complete(){try{this.destination.complete()}finally{this.unsubscribe()}}}const cu=Function.prototype.bind;function $r(n,t){return cu.call(n,t)}class ss{constructor(t){this.partialObserver=t}next(t){const{partialObserver:e}=this;if(e.next)try{e.next(t)}catch(i){ri(i)}}error(t){const{partialObserver:e}=this;if(e.error)try{e.error(t)}catch(i){ri(i)}else ri(t)}complete(){const{partialObserver:t}=this;if(t.complete)try{t.complete()}catch(e){ri(e)}}}class Lo extends Ta{constructor(t,e,i){let s;if(super(),D(t)||!t)s={next:t??void 0,error:e??void 0,complete:i??void 0};else{let r;this&&U.useDeprecatedNextContext?(r=Object.create(t),r.unsubscribe=()=>this.unsubscribe(),s={next:t.next&&$r(t.next,r),error:t.error&&$r(t.error,r),complete:t.complete&&$r(t.complete,r)}):s=t}this.destination=new ss(s)}}function ri(n){U.useDeprecatedSynchronousErrorHandling?function Jh(n){U.useDeprecatedSynchronousErrorHandling&&Wi&&(Wi.errorThrown=!0,Wi.error=n)}(n):De(n)}function Ll(n,t){const{onStoppedNotification:e}=U;e&&ie.setTimeout(()=>e(n,t))}const Ts={closed:!0,next:He,error:function Zh(n){throw n},complete:He},uu="function"==typeof Symbol&&Symbol.observable||"@@observable";function Ss(n){return n}function Pl(n){return 0===n.length?Ss:1===n.length?n[0]:function(e){return n.reduce((i,s)=>s(i),e)}}let cn=(()=>{class n{constructor(e){e&&(this._subscribe=e)}lift(e){const i=new n;return i.source=this,i.operator=e,i}subscribe(e,i,s){const r=function hu(n){return n&&n instanceof Ta||function Cs(n){return n&&D(n.next)&&D(n.error)&&D(n.complete)}(n)&&P(n)}(e)?e:new Lo(e,i,s);return $s(()=>{const{operator:o,source:a}=this;r.add(o?o.call(r,a):a?this._subscribe(r):this._trySubscribe(r))}),r}_trySubscribe(e){try{return this._subscribe(e)}catch(i){e.error(i)}}forEach(e,i){return new(i=Qh(i))((s,r)=>{const o=new Lo({next:a=>{try{e(a)}catch(l){r(l),o.unsubscribe()}},error:r,complete:s});this.subscribe(o)})}_subscribe(e){var i;return null===(i=this.source)||void 0===i?void 0:i.subscribe(e)}[uu](){return this}pipe(...e){return Pl(e)(this)}toPromise(e){return new(e=Qh(e))((i,s)=>{let r;this.subscribe(o=>r=o,o=>s(o),()=>i(r))})}}return n.create=t=>new n(t),n})();function Qh(n){var t;return null!==(t=n??U.Promise)&&void 0!==t?t:Promise}const Al=_(n=>function(){n(this),this.name="ObjectUnsubscribedError",this.message="object unsubscribed"});let Dt=(()=>{class n extends cn{constructor(){super(),this.closed=!1,this.currentObservers=null,this.observers=[],this.isStopped=!1,this.hasError=!1,this.thrownError=null}lift(e){const i=new qr(this,this);return i.operator=e,i}_throwIfClosed(){if(this.closed)throw new Al}next(e){$s(()=>{if(this._throwIfClosed(),!this.isStopped){this.currentObservers||(this.currentObservers=Array.from(this.observers));for(const i of this.currentObservers)i.next(e)}})}error(e){$s(()=>{if(this._throwIfClosed(),!this.isStopped){this.hasError=this.isStopped=!0,this.thrownError=e;const{observers:i}=this;for(;i.length;)i.shift().error(e)}})}complete(){$s(()=>{if(this._throwIfClosed(),!this.isStopped){this.isStopped=!0;const{observers:e}=this;for(;e.length;)e.shift().complete()}})}unsubscribe(){this.isStopped=this.closed=!0,this.observers=this.currentObservers=null}get observed(){var e;return(null===(e=this.observers)||void 0===e?void 0:e.length)>0}_trySubscribe(e){return this._throwIfClosed(),super._trySubscribe(e)}_subscribe(e){return this._throwIfClosed(),this._checkFinalizedStatuses(e),this._innerSubscribe(e)}_innerSubscribe(e){const{hasError:i,isStopped:s,observers:r}=this;return i||s?k:(this.currentObservers=null,r.push(e),new b(()=>{this.currentObservers=null,y(r,e)}))}_checkFinalizedStatuses(e){const{hasError:i,thrownError:s,isStopped:r}=this;i?e.error(s):r&&e.complete()}asObservable(){const e=new cn;return e.source=this,e}}return n.create=(t,e)=>new qr(t,e),n})();class qr extends Dt{constructor(t,e){super(),this.destination=t,this.source=e}next(t){var e,i;null===(i=null===(e=this.destination)||void 0===e?void 0:e.next)||void 0===i||i.call(e,t)}error(t){var e,i;null===(i=null===(e=this.destination)||void 0===e?void 0:e.error)||void 0===i||i.call(e,t)}complete(){var t,e;null===(e=null===(t=this.destination)||void 0===t?void 0:t.complete)||void 0===e||e.call(t)}_subscribe(t){var e,i;return null!==(i=null===(e=this.source)||void 0===e?void 0:e.subscribe(t))&&void 0!==i?i:k}}class Me extends Dt{constructor(t){super(),this._value=t}get value(){return this.getValue()}_subscribe(t){const e=super._subscribe(t);return!e.closed&&t.next(this._value),e}getValue(){const{hasError:t,thrownError:e,_value:i}=this;if(t)throw e;return this._throwIfClosed(),i}next(t){super.next(this._value=t)}}function ef(n){return D(n?.lift)}function kn(n){return t=>{if(ef(t))return t.lift(function(e){try{return n(e,this)}catch(i){this.error(i)}});throw new TypeError("Unable to lift unknown Observable type")}}function Jt(n,t,e,i,s){return new tf(n,t,e,i,s)}class tf extends Ta{constructor(t,e,i,s,r,o){super(t),this.onFinalize=r,this.shouldUnsubscribe=o,this._next=e?function(a){try{e(a)}catch(l){t.error(l)}}:super._next,this._error=s?function(a){try{s(a)}catch(l){t.error(l)}finally{this.unsubscribe()}}:super._error,this._complete=i?function(){try{i()}catch(a){t.error(a)}finally{this.unsubscribe()}}:super._complete}unsubscribe(){var t;if(!this.shouldUnsubscribe||this.shouldUnsubscribe()){const{closed:e}=this;super.unsubscribe(),!e&&(null===(t=this.onFinalize)||void 0===t||t.call(this))}}}function nt(n,t){return kn((e,i)=>{let s=0;e.subscribe(Jt(i,r=>{i.next(n.call(t,r,s++))}))})}function rs(n){return this instanceof rs?(this.v=n,this):new rs(n)}function nf(n){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var e,t=n[Symbol.asyncIterator];return t?t.call(n):(n=function _u(n){var t="function"==typeof Symbol&&Symbol.iterator,e=t&&n[t],i=0;if(e)return e.call(n);if(n&&"number"==typeof n.length)return{next:function(){return n&&i>=n.length&&(n=void 0),{value:n&&n[i++],done:!n}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}(n),e={},i("next"),i("throw"),i("return"),e[Symbol.asyncIterator]=function(){return this},e);function i(r){e[r]=n[r]&&function(o){return new Promise(function(a,l){!function s(r,o,a,l){Promise.resolve(l).then(function(c){r({value:c,done:a})},o)}(a,l,(o=n[r](o)).done,o.value)})}}}const Ca=n=>n&&"number"==typeof n.length&&"function"!=typeof n;function Nl(n){return D(n?.then)}function Da(n){return D(n[uu])}function Kr(n){return Symbol.asyncIterator&&D(n?.[Symbol.asyncIterator])}function xa(n){return new TypeError(`You provided ${null!==n&&"object"==typeof n?"an invalid object":`'${n}'`} where a stream was expected. You can provide an Observable, Promise, ReadableStream, Array, AsyncIterable, or Iterable.`)}const ka=function mg(){return"function"==typeof Symbol&&Symbol.iterator?Symbol.iterator:"@@iterator"}();function lf(n){return D(n?.[ka])}function Ao(n){return function gu(n,t,e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var s,i=e.apply(n,t||[]),r=[];return s={},o("next"),o("throw"),o("return"),s[Symbol.asyncIterator]=function(){return this},s;function o(p){i[p]&&(s[p]=function(g){return new Promise(function(v,M){r.push([p,g,v,M])>1||a(p,g)})})}function a(p,g){try{!function l(p){p.value instanceof rs?Promise.resolve(p.value.v).then(c,u):f(r[0][2],p)}(i[p](g))}catch(v){f(r[0][3],v)}}function c(p){a("next",p)}function u(p){a("throw",p)}function f(p,g){p(g),r.shift(),r.length&&a(r[0][0],r[0][1])}}(this,arguments,function*(){const e=n.getReader();try{for(;;){const{value:i,done:s}=yield rs(e.read());if(s)return yield rs(void 0);yield yield rs(i)}}finally{e.releaseLock()}})}function Ea(n){return D(n?.getReader)}function he(n){if(n instanceof cn)return n;if(null!=n){if(Da(n))return function _g(n){return new cn(t=>{const e=n[uu]();if(D(e.subscribe))return e.subscribe(t);throw new TypeError("Provided object does not correctly implement Symbol.observable")})}(n);if(Ca(n))return function gg(n){return new cn(t=>{for(let e=0;e{n.then(e=>{t.closed||(t.next(e),t.complete())},e=>t.error(e)).then(null,De)})}(n);if(Kr(n))return xt(n);if(lf(n))return function vu(n){return new cn(t=>{for(const e of n)if(t.next(e),t.closed)return;t.complete()})}(n);if(Ea(n))return function Ia(n){return xt(Ao(n))}(n)}throw xa(n)}function xt(n){return new cn(t=>{(function yg(n,t){var e,i,s,r;return function Di(n,t,e,i){return new(e||(e=Promise))(function(r,o){function a(u){try{c(i.next(u))}catch(f){o(f)}}function l(u){try{c(i.throw(u))}catch(f){o(f)}}function c(u){u.done?r(u.value):function s(r){return r instanceof e?r:new e(function(o){o(r)})}(u.value).then(a,l)}c((i=i.apply(n,t||[])).next())})}(this,void 0,void 0,function*(){try{for(e=nf(n);!(i=yield e.next()).done;)if(t.next(i.value),t.closed)return}catch(o){s={error:o}}finally{try{i&&!i.done&&(r=e.return)&&(yield r.call(e))}finally{if(s)throw s.error}}t.complete()})})(n,t).catch(e=>t.error(e))})}function zt(n,t,e,i=0,s=!1){const r=t.schedule(function(){e(),s?n.add(this.schedule(null,i)):this.unsubscribe()},i);if(n.add(r),!s)return r}function Lt(n,t,e=1/0){return D(t)?Lt((i,s)=>nt((r,o)=>t(i,r,s,o))(he(n(i,s))),e):("number"==typeof t&&(e=t),kn((i,s)=>function qs(n,t,e,i,s,r,o,a){const l=[];let c=0,u=0,f=!1;const p=()=>{f&&!l.length&&!c&&t.complete()},g=M=>c{r&&t.next(M),c++;let S=!1;he(e(M,u++)).subscribe(Jt(t,L=>{s?.(L),r?g(L):t.next(L)},()=>{S=!0},void 0,()=>{if(S)try{for(c--;l.length&&cv(L)):v(L)}p()}catch(L){t.error(L)}}))};return n.subscribe(Jt(t,g,()=>{f=!0,p()})),()=>{a?.()}}(i,s,n,e)))}function jt(n=1/0){return Lt(Ss,n)}const un=new cn(n=>n.complete());function bu(n){return n[n.length-1]}function cf(n){return D(bu(n))?n.pop():void 0}function Ht(n){return function vg(n){return n&&D(n.schedule)}(bu(n))?n.pop():void 0}function uf(n,t=0){return kn((e,i)=>{e.subscribe(Jt(i,s=>zt(i,n,()=>i.next(s),t),()=>zt(i,n,()=>i.complete(),t),s=>zt(i,n,()=>i.error(s),t)))})}function wu(n,t=0){return kn((e,i)=>{i.add(n.schedule(()=>e.subscribe(i),t))})}function hf(n,t){if(!n)throw new Error("Iterable cannot be null");return new cn(e=>{zt(e,t,()=>{const i=n[Symbol.asyncIterator]();zt(e,t,()=>{i.next().then(s=>{s.done?e.complete():e.next(s.value)})},0,!0)})})}function dn(n,t){return t?function Sg(n,t){if(null!=n){if(Da(n))return function df(n,t){return he(n).pipe(wu(t),uf(t))}(n,t);if(Ca(n))return function wg(n,t){return new cn(e=>{let i=0;return t.schedule(function(){i===n.length?e.complete():(e.next(n[i++]),e.closed||this.schedule())})})}(n,t);if(Nl(n))return function bg(n,t){return he(n).pipe(wu(t),uf(t))}(n,t);if(Kr(n))return hf(n,t);if(lf(n))return function Mg(n,t){return new cn(e=>{let i;return zt(e,t,()=>{i=n[ka](),zt(e,t,()=>{let s,r;try{({value:s,done:r}=i.next())}catch(o){return void e.error(o)}r?e.complete():e.next(s)},0,!0)}),()=>D(i?.return)&&i.return()})}(n,t);if(Ea(n))return function Tg(n,t){return hf(Ao(n),t)}(n,t)}throw xa(n)}(n,t):he(n)}function ze(...n){return dn(n,Ht(n))}function Mu(n={}){const{connector:t=(()=>new Dt),resetOnError:e=!0,resetOnComplete:i=!0,resetOnRefCountZero:s=!0}=n;return r=>{let o,a,l,c=0,u=!1,f=!1;const p=()=>{a?.unsubscribe(),a=void 0},g=()=>{p(),o=l=void 0,u=f=!1},v=()=>{const M=o;g(),M?.unsubscribe()};return kn((M,S)=>{c++,!f&&!u&&p();const L=l=l??t();S.add(()=>{c--,0===c&&!f&&!u&&(a=Tu(v,s))}),L.subscribe(S),!o&&c>0&&(o=new Lo({next:E=>L.next(E),error:E=>{f=!0,p(),a=Tu(g,e,E),L.error(E)},complete:()=>{u=!0,p(),a=Tu(g,i),L.complete()}}),he(M).subscribe(o))})(r)}}function Tu(n,t,...e){if(!0===t)return void n();if(!1===t)return;const i=new Lo({next:()=>{i.unsubscribe(),n()}});return he(t(...e)).subscribe(i)}function Gi(n,t){return kn((e,i)=>{let s=null,r=0,o=!1;const a=()=>o&&!s&&i.complete();e.subscribe(Jt(i,l=>{s?.unsubscribe();let c=0;const u=r++;he(n(l,u)).subscribe(s=Jt(i,f=>i.next(t?t(l,f,u,c++):f),()=>{s=null,a()}))},()=>{o=!0,a()}))})}function pf(n,t){return n===t}function kt(n){for(let t in n)if(n[t]===kt)return t;throw Error("Could not find renamed property on target object.")}function Yl(n,t){for(const e in t)t.hasOwnProperty(e)&&!n.hasOwnProperty(e)&&(n[e]=t[e])}function Zt(n){if("string"==typeof n)return n;if(Array.isArray(n))return"["+n.map(Zt).join(", ")+"]";if(null==n)return""+n;if(n.overriddenName)return`${n.overriddenName}`;if(n.name)return`${n.name}`;const t=n.toString();if(null==t)return""+t;const e=t.indexOf("\n");return-1===e?t:t.substring(0,e)}function Oo(n,t){return null==n||""===n?null===t?"":t:null==t||""===t?n:n+" "+t}const mf=kt({__forward_ref__:kt});function ut(n){return n.__forward_ref__=ut,n.toString=function(){return Zt(this())},n}function Re(n){return Su(n)?n():n}function Su(n){return"function"==typeof n&&n.hasOwnProperty(mf)&&n.__forward_ref__===ut}function Cu(n){return n&&!!n.\u0275providers}const _f="https://g.co/ng/security#xss";class Q extends Error{constructor(t,e){super(function Vl(n,t){return`NG0${Math.abs(n)}${t?": "+t:""}`}(t,e)),this.code=t}}function qe(n){return"string"==typeof n?n:null==n?"":String(n)}function Bl(n,t){throw new Q(-201,!1)}function $i(n,t){null==n&&function yt(n,t,e,i){throw new Error(`ASSERTION ERROR: ${n}`+(null==i?"":` [Expected=> ${e} ${i} ${t} <=Actual]`))}(t,n,null,"!=")}function me(n){return{token:n.token,providedIn:n.providedIn||null,factory:n.factory,value:void 0}}function ht(n){return{providers:n.providers||[],imports:n.imports||[]}}function zl(n){return xu(n,yr)||xu(n,Eu)}function xu(n,t){return n.hasOwnProperty(t)?n[t]:null}function Ro(n){return n&&(n.hasOwnProperty(ku)||n.hasOwnProperty(Ig))?n[ku]:null}const yr=kt({\u0275prov:kt}),ku=kt({\u0275inj:kt}),Eu=kt({ngInjectableDef:kt}),Ig=kt({ngInjectorDef:kt});var Ye=(()=>((Ye=Ye||{})[Ye.Default=0]="Default",Ye[Ye.Host=1]="Host",Ye[Ye.Self=2]="Self",Ye[Ye.SkipSelf=4]="SkipSelf",Ye[Ye.Optional=8]="Optional",Ye))();let Fo;function Zn(n){const t=Fo;return Fo=n,t}function vf(n,t,e){const i=zl(n);return i&&"root"==i.providedIn?void 0===i.value?i.value=i.factory():i.value:e&Ye.Optional?null:void 0!==t?t:void Bl(Zt(n))}const Ft=(()=>typeof globalThis<"u"&&globalThis||typeof global<"u"&&global||typeof window<"u"&&window||typeof self<"u"&&typeof WorkerGlobalScope<"u"&&self instanceof WorkerGlobalScope&&self)(),Pa={},No="__NG_DI_FLAG__",Ho="ngTempTokenPath",Pg=/\n/gm,Iu="__source";let Yo;function br(n){const t=Yo;return Yo=n,t}function Rg(n,t=Ye.Default){if(void 0===Yo)throw new Q(-203,!1);return null===Yo?vf(n,void 0,t):Yo.get(n,t&Ye.Optional?null:void 0,t)}function ye(n,t=Ye.Default){return(function Ks(){return Fo}()||Rg)(Re(n),t)}function we(n,t=Ye.Default){return ye(n,Xs(t))}function Xs(n){return typeof n>"u"||"number"==typeof n?n:0|(n.optional&&8)|(n.host&&1)|(n.self&&2)|(n.skipSelf&&4)}function Pu(n){const t=[];for(let e=0;e((Ds=Ds||{})[Ds.OnPush=0]="OnPush",Ds[Ds.Default=1]="Default",Ds))(),ui=(()=>{return(n=ui||(ui={}))[n.Emulated=0]="Emulated",n[n.None=2]="None",n[n.ShadowDom=3]="ShadowDom",ui;var n})();const os={},vt=[],Aa=kt({\u0275cmp:kt}),Pt=kt({\u0275dir:kt}),Ou=kt({\u0275pipe:kt}),wf=kt({\u0275mod:kt}),xs=kt({\u0275fac:kt}),Oa=kt({__NG_ELEMENT_ID__:kt}),Mf=kt({__NG_ENV_ID__:kt});function Tf(n,t,e){let i=n.length;for(;;){const s=n.indexOf(t,e);if(-1===s)return s;if(0===s||n.charCodeAt(s-1)<=32){const r=t.length;if(s+r===i||n.charCodeAt(s+r)<=32)return s}e=s+1}}function Zr(n,t,e){let i=0;for(;it){o=r-1;break}}}for(;rr?"":s[f+1].toLowerCase();const g=8&i?p:null;if(g&&-1!==Tf(g,c,0)||2&i&&c!==p){if(Ii(i))return!1;o=!0}}}}else{if(!o&&!Ii(i)&&!Ii(l))return!1;if(o&&Ii(l))continue;o=!1,i=l|1&i}}return Ii(i)||o}function Ii(n){return 0==(1&n)}function Fu(n,t,e,i){if(null===t)return-1;let s=0;if(i||!e){let r=!1;for(;s-1)for(e++;e0?'="'+a+'"':"")+"]"}else 8&i?s+="."+o:4&i&&(s+=" "+o);else""!==s&&!Ii(o)&&(t+=kf(r,s),s=""),i=o,r=r||!Ii(i);e++}return""!==s&&(t+=kf(r,s)),t}function Ne(n){return Js(()=>{const t=If(n),e={...t,decls:n.decls,vars:n.vars,template:n.template,consts:n.consts||null,ngContentSelectors:n.ngContentSelectors,onPush:n.changeDetection===Ds.OnPush,directiveDefs:null,pipeDefs:null,dependencies:t.standalone&&n.dependencies||null,getStandaloneInjector:null,signals:n.signals??!1,data:n.data||{},encapsulation:n.encapsulation||ui.Emulated,styles:n.styles||vt,_:null,schemas:n.schemas||null,tView:null,id:""};Lf(e);const i=n.dependencies;return e.directiveDefs=Wl(i,!1),e.pipeDefs=Wl(i,!0),e.id=function Kg(n){let t=0;const e=[n.selectors,n.ngContentSelectors,n.hostVars,n.hostAttrs,n.consts,n.vars,n.decls,n.encapsulation,n.standalone,n.signals,n.exportAs,JSON.stringify(n.inputs),JSON.stringify(n.outputs),Object.getOwnPropertyNames(n.type.prototype),!!n.contentQueries,!!n.viewQuery].join("|");for(const s of e)t=Math.imul(31,t)+s.charCodeAt(0)<<0;return t+=2147483648,"c"+t}(e),e})}function Ef(n){return bt(n)||Wn(n)}function $g(n){return null!==n}function pt(n){return Js(()=>({type:n.type,bootstrap:n.bootstrap||vt,declarations:n.declarations||vt,imports:n.imports||vt,exports:n.exports||vt,transitiveCompileScopes:null,schemas:n.schemas||null,id:n.id||null}))}function wr(n,t){if(null==n)return os;const e={};for(const i in n)if(n.hasOwnProperty(i)){let s=n[i],r=s;Array.isArray(s)&&(r=s[1],s=s[0]),e[s]=i,t&&(t[s]=r)}return e}function Ae(n){return Js(()=>{const t=If(n);return Lf(t),t})}function Rn(n){return{type:n.type,name:n.name,factory:null,pure:!1!==n.pure,standalone:!0===n.standalone,onDestroy:n.type.prototype.ngOnDestroy||null}}function bt(n){return n[Aa]||null}function Wn(n){return n[Pt]||null}function di(n){return n[Ou]||null}function hi(n,t){const e=n[wf]||null;if(!e&&!0===t)throw new Error(`Type ${Zt(n)} does not have '\u0275mod' property.`);return e}function If(n){const t={};return{type:n.type,providersResolver:null,factory:null,hostBindings:n.hostBindings||null,hostVars:n.hostVars||0,hostAttrs:n.hostAttrs||null,contentQueries:n.contentQueries||null,declaredInputs:t,inputTransforms:null,inputConfig:n.inputs||os,exportAs:n.exportAs||null,standalone:!0===n.standalone,signals:!0===n.signals,selectors:n.selectors||vt,viewQuery:n.viewQuery||null,features:n.features||null,setInput:null,findHostDirectiveDefs:null,hostDirectives:null,inputs:wr(n.inputs,t),outputs:wr(n.outputs)}}function Lf(n){n.features?.forEach(t=>t(n))}function Wl(n,t){if(!n)return null;const e=t?di:Ef;return()=>("function"==typeof n?n():n).map(i=>e(i)).filter($g)}const En=0,ve=1,Ke=2,Qt=3,ls=4,Ha=5,Qn=6,Bo=7,_n=8,Zs=9,Qr=10,Xe=11,Ya=12,Pf=13,zo=14,gn=15,Va=16,jo=17,cs=18,Wo=19,Nu=20,us=21,fi=22,eo=23,Ba=24,et=25,Ul=1,Af=2,ks=7,Uo=9,ei=11;function Li(n){return Array.isArray(n)&&"object"==typeof n[Ul]}function pi(n){return Array.isArray(n)&&!0===n[Ul]}function Hu(n){return 0!=(4&n.flags)}function to(n){return n.componentOffset>-1}function $l(n){return 1==(1&n.flags)}function ds(n){return!!n.template}function Yu(n){return 0!=(512&n[Ke])}function no(n,t){return n.hasOwnProperty(xs)?n[xs]:null}let Yf=Ft.WeakRef??class Mr{constructor(t){this.ref=t}deref(){return this.ref}},iy=0,ae=null,ql=!1;function Fn(n){const t=ae;return ae=n,t}class ju{constructor(){this.id=iy++,this.ref=function ny(n){return new Yf(n)}(this),this.producers=new Map,this.consumers=new Map,this.trackingVersion=0,this.valueVersion=0}consumerPollProducersForChange(){for(const[t,e]of this.producers){const i=e.producerNode.deref();if(void 0!==i&&e.atTrackingVersion===this.trackingVersion){if(i.producerPollStatus(e.seenValueVersion))return!0}else this.producers.delete(t),i?.consumers.delete(this.id)}return!1}producerMayHaveChanged(){const t=ql;ql=!0;try{for(const[e,i]of this.consumers){const s=i.consumerNode.deref();void 0!==s&&s.trackingVersion===i.atTrackingVersion?s.onConsumerDependencyMayHaveChanged():(this.consumers.delete(e),s?.producers.delete(this.id))}}finally{ql=t}}producerAccessed(){if(ql)throw new Error("");if(null===ae)return;let t=ae.producers.get(this.id);void 0===t?(t={consumerNode:ae.ref,producerNode:this.ref,seenValueVersion:this.valueVersion,atTrackingVersion:ae.trackingVersion},ae.producers.set(this.id,t),this.consumers.set(ae.id,t)):(t.seenValueVersion=this.valueVersion,t.atTrackingVersion=ae.trackingVersion)}get hasProducers(){return this.producers.size>0}get producerUpdatesAllowed(){return!1!==ae?.consumerAllowSignalWrites}producerPollStatus(t){return this.valueVersion!==t||(this.onProducerUpdateValueVersion(),this.valueVersion!==t)}}let Vf=null;function Bf(n){const t=Fn(null);try{return n()}finally{Fn(t)}}const Uu=()=>{};class ly extends ju{constructor(t,e,i){super(),this.watch=t,this.schedule=e,this.dirty=!1,this.cleanupFn=Uu,this.registerOnCleanup=s=>{this.cleanupFn=s},this.consumerAllowSignalWrites=i}notify(){this.dirty||this.schedule(this),this.dirty=!0}onConsumerDependencyMayHaveChanged(){this.notify()}onProducerUpdateValueVersion(){}run(){if(this.dirty=!1,0!==this.trackingVersion&&!this.consumerPollProducersForChange())return;const t=Fn(this);this.trackingVersion++;try{this.cleanupFn(),this.cleanupFn=Uu,this.watch(this.registerOnCleanup)}finally{Fn(t)}}cleanup(){this.cleanupFn()}}class zf{constructor(t,e,i){this.previousValue=t,this.currentValue=e,this.firstChange=i}isFirstChange(){return this.firstChange}}function In(){return jf}function jf(n){return n.type.prototype.ngOnChanges&&(n.setInput=Qs),cy}function cy(){const n=Uf(this),t=n?.current;if(t){const e=n.previous;if(e===os)n.previous=t;else for(let i in t)e[i]=t[i];n.current=null,this.ngOnChanges(t)}}function Qs(n,t,e,i){const s=this.declaredInputs[e],r=Uf(n)||function uy(n,t){return n[Wf]=t}(n,{previous:os,current:null}),o=r.current||(r.current={}),a=r.previous,l=a[s];o[s]=new zf(l&&l.currentValue,t,a===os),n[i]=t}In.ngInherit=!0;const Wf="__ngSimpleChanges__";function Uf(n){return n[Wf]||null}const Es=function(n,t,e){};function Yt(n){for(;Array.isArray(n);)n=n[En];return n}function Xl(n,t){return Yt(t[n])}function yn(n,t){return Yt(t[n.index])}function qf(n,t){return n.data[t]}function qo(n,t){return n[t]}function Pi(n,t){const e=t[n];return Li(e)?e:e[En]}function Tr(n,t){return null==t?null:n[t]}function Is(n){n[jo]=0}function Ko(n){1024&n[Ke]||(n[Ke]|=1024,Xf(n,1))}function Kf(n){1024&n[Ke]&&(n[Ke]&=-1025,Xf(n,-1))}function Xf(n,t){let e=n[Qt];if(null===e)return;e[Ha]+=t;let i=e;for(e=e[Qt];null!==e&&(1===t&&1===i[Ha]||-1===t&&0===i[Ha]);)e[Ha]+=t,i=e,e=e[Qt]}const je={lFrame:sS(null),bindingsEnabled:!0,skipHydrationRootTNode:null};function m(){return je.bindingsEnabled}function T(){return null!==je.skipHydrationRootTNode}function X(){return je.lFrame.lView}function xe(){return je.lFrame.tView}function q(n){return je.lFrame.contextLView=n,n[_n]}function K(n){return je.lFrame.contextLView=null,n}function Ut(){let n=JT();for(;null!==n&&64===n.type;)n=n.parent;return n}function JT(){return je.lFrame.currentTNode}function Sr(n,t){const e=je.lFrame;e.currentTNode=n,e.isParent=t}function yy(){return je.lFrame.isParent}function vy(){je.lFrame.isParent=!1}function Ai(){const n=je.lFrame;let t=n.bindingRootIndex;return-1===t&&(t=n.bindingRootIndex=n.tView.bindingStartIndex),t}function Ql(){return je.lFrame.bindingIndex++}function so(n){const t=je.lFrame,e=t.bindingIndex;return t.bindingIndex=t.bindingIndex+n,e}function tF(n,t){const e=je.lFrame;e.bindingIndex=e.bindingRootIndex=n,by(t)}function by(n){je.lFrame.currentDirectiveIndex=n}function tS(){return je.lFrame.currentQueryIndex}function My(n){je.lFrame.currentQueryIndex=n}function iF(n){const t=n[ve];return 2===t.type?t.declTNode:1===t.type?n[Qn]:null}function nS(n,t,e){if(e&Ye.SkipSelf){let s=t,r=n;for(;!(s=s.parent,null!==s||e&Ye.Host||(s=iF(r),null===s||(r=r[zo],10&s.type))););if(null===s)return!1;t=s,n=r}const i=je.lFrame=iS();return i.currentTNode=t,i.lView=n,!0}function Ty(n){const t=iS(),e=n[ve];je.lFrame=t,t.currentTNode=e.firstChild,t.lView=n,t.tView=e,t.contextLView=n,t.bindingIndex=e.bindingStartIndex,t.inI18n=!1}function iS(){const n=je.lFrame,t=null===n?null:n.child;return null===t?sS(n):t}function sS(n){const t={currentTNode:null,isParent:!0,lView:null,tView:null,selectedIndex:-1,contextLView:null,elementDepthCount:0,currentNamespace:null,currentDirectiveIndex:-1,bindingRootIndex:-1,bindingIndex:-1,currentQueryIndex:0,parent:n,child:null,inI18n:!1};return null!==n&&(n.child=t),t}function rS(){const n=je.lFrame;return je.lFrame=n.parent,n.currentTNode=null,n.lView=null,n}const oS=rS;function Sy(){const n=rS();n.isParent=!0,n.tView=null,n.selectedIndex=-1,n.contextLView=null,n.elementDepthCount=0,n.currentDirectiveIndex=-1,n.currentNamespace=null,n.bindingRootIndex=-1,n.bindingIndex=-1,n.currentQueryIndex=0}function Oi(){return je.lFrame.selectedIndex}function Wa(n){je.lFrame.selectedIndex=n}function hn(){const n=je.lFrame;return qf(n.tView,n.selectedIndex)}function fn(){je.lFrame.currentNamespace="svg"}let lS=!0;function Zf(){return lS}function Xo(n){lS=n}function Qf(n,t){for(let e=t.directiveStart,i=t.directiveEnd;e=i)break}else t[l]<0&&(n[jo]+=65536),(a>13>16&&(3&n[Ke])===t&&(n[Ke]+=8192,uS(a,r)):uS(a,r)}const ec=-1;class qu{constructor(t,e,i){this.factory=t,this.resolving=!1,this.canSeeViewProviders=e,this.injectImpl=i}}function dS(n){return n!==ec}function np(n){return 32767&n}function ip(n,t){let e=function pF(n){return n>>16}(n),i=t;for(;e>0;)i=i[zo],e--;return i}let xy=!0;function sp(n){const t=xy;return xy=n,t}const hS=255,fS=5;let mF=0;const Cr={};function rp(n,t){const e=pS(n,t);if(-1!==e)return e;const i=t[ve];i.firstCreatePass&&(n.injectorIndex=t.length,ky(i.data,n),ky(t,null),ky(i.blueprint,null));const s=Ey(n,t),r=n.injectorIndex;if(dS(s)){const o=np(s),a=ip(s,t),l=a[ve].data;for(let c=0;c<8;c++)t[r+c]=a[o+c]|l[o+c]}return t[r+8]=s,r}function ky(n,t){n.push(0,0,0,0,0,0,0,0,t)}function pS(n,t){return-1===n.injectorIndex||n.parent&&n.parent.injectorIndex===n.injectorIndex||null===t[n.injectorIndex+8]?-1:n.injectorIndex}function Ey(n,t){if(n.parent&&-1!==n.parent.injectorIndex)return n.parent.injectorIndex;let e=0,i=null,s=t;for(;null!==s;){if(i=wS(s),null===i)return ec;if(e++,s=s[zo],-1!==i.injectorIndex)return i.injectorIndex|e<<16}return ec}function Iy(n,t,e){!function _F(n,t,e){let i;"string"==typeof e?i=e.charCodeAt(0)||0:e.hasOwnProperty(Oa)&&(i=e[Oa]),null==i&&(i=e[Oa]=mF++);const s=i&hS;t.data[n+(s>>fS)]|=1<=0?t&hS:bF:t}(e);if("function"==typeof r){if(!nS(t,n,i))return i&Ye.Host?mS(s,0,i):_S(t,e,i,s);try{const o=r(i);if(null!=o||i&Ye.Optional)return o;Bl()}finally{oS()}}else if("number"==typeof r){let o=null,a=pS(n,t),l=ec,c=i&Ye.Host?t[gn][Qn]:null;for((-1===a||i&Ye.SkipSelf)&&(l=-1===a?Ey(n,t):t[a+8],l!==ec&&bS(i,!1)?(o=t[ve],a=np(l),t=ip(l,t)):a=-1);-1!==a;){const u=t[ve];if(vS(r,a,u.data)){const f=yF(a,t,e,o,i,c);if(f!==Cr)return f}l=t[a+8],l!==ec&&bS(i,t[ve].data[a+8]===c)&&vS(r,a,t)?(o=u,a=np(l),t=ip(l,t)):a=-1}}return s}function yF(n,t,e,i,s,r){const o=t[ve],a=o.data[n+8],u=op(a,o,e,null==i?to(a)&&xy:i!=o&&0!=(3&a.type),s&Ye.Host&&r===a);return null!==u?Ua(t,o,u,a):Cr}function op(n,t,e,i,s){const r=n.providerIndexes,o=t.data,a=1048575&r,l=n.directiveStart,u=r>>20,p=s?a+u:n.directiveEnd;for(let g=i?a:a+u;g=l&&v.type===e)return g}if(s){const g=o[l];if(g&&ds(g)&&g.type===e)return l}return null}function Ua(n,t,e,i){let s=n[e];const r=t.data;if(function dF(n){return n instanceof qu}(s)){const o=s;o.resolving&&function Du(n,t){const e=t?`. Dependency path: ${t.join(" > ")} > ${n}`:"";throw new Q(-200,`Circular dependency in DI detected for ${n}${e}`)}(function St(n){return"function"==typeof n?n.name||n.toString():"object"==typeof n&&null!=n&&"function"==typeof n.type?n.type.name||n.type.toString():qe(n)}(r[e]));const a=sp(o.canSeeViewProviders);o.resolving=!0;const l=o.injectImpl?Zn(o.injectImpl):null;nS(n,i,Ye.Default);try{s=n[e]=o.factory(void 0,r,n,i),t.firstCreatePass&&e>=i.directiveStart&&function cF(n,t,e){const{ngOnChanges:i,ngOnInit:s,ngDoCheck:r}=t.type.prototype;if(i){const o=jf(t);(e.preOrderHooks??=[]).push(n,o),(e.preOrderCheckHooks??=[]).push(n,o)}s&&(e.preOrderHooks??=[]).push(0-n,s),r&&((e.preOrderHooks??=[]).push(n,r),(e.preOrderCheckHooks??=[]).push(n,r))}(e,r[e],t)}finally{null!==l&&Zn(l),sp(a),o.resolving=!1,oS()}}return s}function vS(n,t,e){return!!(e[t+(n>>fS)]&1<{const t=n.prototype.constructor,e=t[xs]||Ly(t),i=Object.prototype;let s=Object.getPrototypeOf(n.prototype).constructor;for(;s&&s!==i;){const r=s[xs]||Ly(s);if(r&&r!==e)return r;s=Object.getPrototypeOf(s)}return r=>new r})}function Ly(n){return Su(n)?()=>{const t=Ly(Re(n));return t&&t()}:no(n)}function wS(n){const t=n[ve],e=t.type;return 2===e?t.declTNode:1===e?n[Qn]:null}const ic="__parameters__";function rc(n,t,e){return Js(()=>{const i=function Py(n){return function(...e){if(n){const i=n(...e);for(const s in i)this[s]=i[s]}}}(t);function s(...r){if(this instanceof s)return i.apply(this,r),this;const o=new s(...r);return a.annotation=o,a;function a(l,c,u){const f=l.hasOwnProperty(ic)?l[ic]:Object.defineProperty(l,ic,{value:[]})[ic];for(;f.length<=u;)f.push(null);return(f[u]=f[u]||[]).push(o),l}}return e&&(s.prototype=Object.create(e.prototype)),s.prototype.ngMetadataName=n,s.annotationCls=s,s})}function Ju(n,t){n.forEach(e=>Array.isArray(e)?Ju(e,t):t(e))}function TS(n,t,e){t>=n.length?n.push(e):n.splice(t,0,e)}function lp(n,t){return t>=n.length-1?n.pop():n.splice(t,1)[0]}function Zu(n,t){const e=[];for(let i=0;i=0?n[1|i]=e:(i=~i,function DF(n,t,e,i){let s=n.length;if(s==t)n.push(e,i);else if(1===s)n.push(i,n[0]),n[0]=e;else{for(s--,n.push(n[s-1],n[s]);s>t;)n[s]=n[s-2],s--;n[t]=e,n[t+1]=i}}(n,i,t,e)),i}function Ay(n,t){const e=oc(n,t);if(e>=0)return n[1|e]}function oc(n,t){return function SS(n,t,e){let i=0,s=n.length>>e;for(;s!==i;){const r=i+(s-i>>1),o=n[r<t?s=r:i=r+1}return~(s<((Ki=Ki||{})[Ki.Important=1]="Important",Ki[Ki.DashCase=2]="DashCase",Ki))();const $F=/^>|^->||--!>|)/,KF="\u200b$1\u200b";const Yy=new Map;let XF=0;const By="__ngContext__";function mi(n,t){Li(t)?(n[By]=t[Wo],function ZF(n){Yy.set(n[Wo],n)}(t)):n[By]=t}let zy;function jy(n,t){return zy(n,t)}function td(n){const t=n[Qt];return pi(t)?t[Qt]:t}function WS(n){return GS(n[Ya])}function US(n){return GS(n[ls])}function GS(n){for(;null!==n&&!pi(n);)n=n[ls];return n}function cc(n,t,e,i,s){if(null!=i){let r,o=!1;pi(i)?r=i:Li(i)&&(o=!0,i=i[En]);const a=Yt(i);0===n&&null!==e?null==s?JS(t,e,a):Ga(t,e,a,s||null,!0):1===n&&null!==e?Ga(t,e,a,s||null,!0):2===n?function wp(n,t,e){const i=vp(n,t);i&&function y7(n,t,e,i){n.removeChild(t,e,i)}(n,i,t,e)}(t,a,o):3===n&&t.destroyNode(a),null!=r&&function w7(n,t,e,i,s){const r=e[ks];r!==Yt(e)&&cc(t,n,i,r,s);for(let a=ei;at.replace(qF,KF))}(t))}function yp(n,t,e){return n.createElement(t,e)}function qS(n,t){const e=n[Uo],i=e.indexOf(t);Kf(t),e.splice(i,1)}function Uy(n,t){if(n.length<=ei)return;const e=ei+t,i=n[e];if(i){const s=i[Va];null!==s&&s!==n&&qS(s,i),t>0&&(n[e-1][ls]=i[ls]);const r=lp(n,ei+t);!function u7(n,t){id(n,t,t[Xe],2,null,null),t[En]=null,t[Qn]=null}(i[ve],i);const o=r[cs];null!==o&&o.detachView(r[ve]),i[Qt]=null,i[ls]=null,i[Ke]&=-129}return i}function KS(n,t){if(!(256&t[Ke])){const e=t[Xe];t[eo]?.destroy(),t[Ba]?.destroy(),e.destroyNode&&id(n,t,e,3,null,null),function f7(n){let t=n[Ya];if(!t)return Gy(n[ve],n);for(;t;){let e=null;if(Li(t))e=t[Ya];else{const i=t[ei];i&&(e=i)}if(!e){for(;t&&!t[ls]&&t!==n;)Li(t)&&Gy(t[ve],t),t=t[Qt];null===t&&(t=n),Li(t)&&Gy(t[ve],t),e=t&&t[ls]}t=e}}(t)}}function Gy(n,t){if(!(256&t[Ke])){t[Ke]&=-129,t[Ke]|=256,function g7(n,t){let e;if(null!=n&&null!=(e=n.destroyHooks))for(let i=0;i=0?i[o]():i[-o].unsubscribe(),r+=2}else e[r].call(i[e[r+1]]);null!==i&&(t[Bo]=null);const s=t[us];if(null!==s){t[us]=null;for(let r=0;r-1){const{encapsulation:r}=n.data[i.directiveStart+s];if(r===ui.None||r===ui.Emulated)return null}return yn(i,e)}}(n,t.parent,e)}function Ga(n,t,e,i,s){n.insertBefore(t,e,i,s)}function JS(n,t,e){n.appendChild(t,e)}function ZS(n,t,e,i,s){null!==i?Ga(n,t,e,i,s):JS(n,t,e)}function vp(n,t){return n.parentNode(t)}function QS(n,t,e){return tC(n,t,e)}let qy,Zy,Tp,tC=function eC(n,t,e){return 40&n.type?yn(n,e):null};function bp(n,t,e,i){const s=$y(n,i,t),r=t[Xe],a=QS(i.parent||t[Qn],i,t);if(null!=s)if(Array.isArray(e))for(let l=0;ln,createScript:n=>n,createScriptURL:n=>n})}catch{}return Tp}()?.createScriptURL(n)||n}class dC{constructor(t){this.changingThisBreaksApplicationSecurity=t}toString(){return`SafeValue must use [property]=binding: ${this.changingThisBreaksApplicationSecurity} (see ${_f})`}}function Jo(n){return n instanceof dC?n.changingThisBreaksApplicationSecurity:n}function rd(n,t){const e=function A7(n){return n instanceof dC&&n.getTypeName()||null}(n);if(null!=e&&e!==t){if("ResourceURL"===e&&"URL"===t)return!0;throw new Error(`Required a safe ${t}, got a ${e} (see ${_f})`)}return e===t}const N7=/^(?!javascript:)(?:[a-z0-9+.-]+:|[^&:\/?#]*(?:[\/?#]|$))/i;var Nn=(()=>((Nn=Nn||{})[Nn.NONE=0]="NONE",Nn[Nn.HTML=1]="HTML",Nn[Nn.STYLE=2]="STYLE",Nn[Nn.SCRIPT=3]="SCRIPT",Nn[Nn.URL=4]="URL",Nn[Nn.RESOURCE_URL=5]="RESOURCE_URL",Nn))();function r0(n){const t=ad();return t?t.sanitize(Nn.URL,n)||"":rd(n,"URL")?Jo(n):function e0(n){return(n=String(n)).match(N7)?n:"unsafe:"+n}(qe(n))}function yC(n){const t=ad();if(t)return uC(t.sanitize(Nn.RESOURCE_URL,n)||"");if(rd(n,"ResourceURL"))return uC(Jo(n));throw new Q(904,!1)}function ad(){const n=X();return n&&n[Qr].sanitizer}class Se{constructor(t,e){this._desc=t,this.ngMetadataName="InjectionToken",this.\u0275prov=void 0,"number"==typeof e?this.__NG_ELEMENT_ID__=e:void 0!==e&&(this.\u0275prov=me({token:this,providedIn:e.providedIn||"root",factory:e.factory}))}get multi(){return this}toString(){return`InjectionToken ${this._desc}`}}const ld=new Se("ENVIRONMENT_INITIALIZER"),bC=new Se("INJECTOR",-1),wC=new Se("INJECTOR_DEF_TYPES");class MC{get(t,e=Pa){if(e===Pa){const i=new Error(`NullInjectorError: No provider for ${Zt(t)}!`);throw i.name="NullInjectorError",i}return e}}function X7(...n){return{\u0275providers:TC(0,n),\u0275fromNgModule:!0}}function TC(n,...t){const e=[],i=new Set;let s;return Ju(t,r=>{const o=r;a0(o,e,[],i)&&(s||=[],s.push(o))}),void 0!==s&&SC(s,e),e}function SC(n,t){for(let e=0;e{t.push(r)})}}function a0(n,t,e,i){if(!(n=Re(n)))return!1;let s=null,r=Ro(n);const o=!r&&bt(n);if(r||o){if(o&&!o.standalone)return!1;s=n}else{const l=n.ngModule;if(r=Ro(l),!r)return!1;s=l}const a=i.has(s);if(o){if(a)return!1;if(i.add(s),o.dependencies){const l="function"==typeof o.dependencies?o.dependencies():o.dependencies;for(const c of l)a0(c,t,e,i)}}else{if(!r)return!1;{if(null!=r.imports&&!a){let c;i.add(s);try{Ju(r.imports,u=>{a0(u,t,e,i)&&(c||=[],c.push(u))})}finally{}void 0!==c&&SC(c,t)}if(!a){const c=no(s)||(()=>new s);t.push({provide:s,useFactory:c,deps:vt},{provide:wC,useValue:s,multi:!0},{provide:ld,useValue:()=>ye(s),multi:!0})}const l=r.providers;null==l||a||l0(l,u=>{t.push(u)})}}return s!==n&&void 0!==n.providers}function l0(n,t){for(let e of n)Cu(e)&&(e=e.\u0275providers),Array.isArray(e)?l0(e,t):t(e)}const J7=kt({provide:String,useValue:kt});function c0(n){return null!==n&&"object"==typeof n&&J7 in n}function $a(n){return"function"==typeof n}const u0=new Se("Set Injector scope."),Cp={},Q7={};let d0;function Dp(){return void 0===d0&&(d0=new MC),d0}class Dr{}class h0 extends Dr{get destroyed(){return this._destroyed}constructor(t,e,i,s){super(),this.parent=e,this.source=i,this.scopes=s,this.records=new Map,this._ngOnDestroyHooks=new Set,this._onDestroyHooks=[],this._destroyed=!1,p0(t,o=>this.processProvider(o)),this.records.set(bC,dc(void 0,this)),s.has("environment")&&this.records.set(Dr,dc(void 0,this));const r=this.records.get(u0);null!=r&&"string"==typeof r.value&&this.scopes.add(r.value),this.injectorDefTypes=new Set(this.get(wC.multi,vt,Ye.Self))}destroy(){this.assertNotDestroyed(),this._destroyed=!0;try{for(const e of this._ngOnDestroyHooks)e.ngOnDestroy();const t=this._onDestroyHooks;this._onDestroyHooks=[];for(const e of t)e()}finally{this.records.clear(),this._ngOnDestroyHooks.clear(),this.injectorDefTypes.clear()}}onDestroy(t){return this.assertNotDestroyed(),this._onDestroyHooks.push(t),()=>this.removeOnDestroy(t)}runInContext(t){this.assertNotDestroyed();const e=br(this),i=Zn(void 0);try{return t()}finally{br(e),Zn(i)}}get(t,e=Pa,i=Ye.Default){if(this.assertNotDestroyed(),t.hasOwnProperty(Mf))return t[Mf](this);i=Xs(i);const s=br(this),r=Zn(void 0);try{if(!(i&Ye.SkipSelf)){let a=this.records.get(t);if(void 0===a){const l=function r5(n){return"function"==typeof n||"object"==typeof n&&n instanceof Se}(t)&&zl(t);a=l&&this.injectableDefInScope(l)?dc(f0(t),Cp):null,this.records.set(t,a)}if(null!=a)return this.hydrate(t,a)}return(i&Ye.Self?Dp():this.parent).get(t,e=i&Ye.Optional&&e===Pa?null:e)}catch(o){if("NullInjectorError"===o.name){if((o[Ho]=o[Ho]||[]).unshift(Zt(t)),s)throw o;return function Au(n,t,e,i){const s=n[Ho];throw t[Iu]&&s.unshift(t[Iu]),n.message=function Ng(n,t,e,i=null){n=n&&"\n"===n.charAt(0)&&"\u0275"==n.charAt(1)?n.slice(2):n;let s=Zt(t);if(Array.isArray(t))s=t.map(Zt).join(" -> ");else if("object"==typeof t){let r=[];for(let o in t)if(t.hasOwnProperty(o)){let a=t[o];r.push(o+":"+("string"==typeof a?JSON.stringify(a):Zt(a)))}s=`{${r.join(", ")}}`}return`${e}${i?"("+i+")":""}[${s}]: ${n.replace(Pg,"\n ")}`}("\n"+n.message,s,e,i),n.ngTokenPath=s,n[Ho]=null,n}(o,t,"R3InjectorError",this.source)}throw o}finally{Zn(r),br(s)}}resolveInjectorInitializers(){const t=br(this),e=Zn(void 0);try{const i=this.get(ld.multi,vt,Ye.Self);for(const s of i)s()}finally{br(t),Zn(e)}}toString(){const t=[],e=this.records;for(const i of e.keys())t.push(Zt(i));return`R3Injector[${t.join(", ")}]`}assertNotDestroyed(){if(this._destroyed)throw new Q(205,!1)}processProvider(t){let e=$a(t=Re(t))?t:Re(t&&t.provide);const i=function t5(n){return c0(n)?dc(void 0,n.useValue):dc(xC(n),Cp)}(t);if($a(t)||!0!==t.multi)this.records.get(e);else{let s=this.records.get(e);s||(s=dc(void 0,Cp,!0),s.factory=()=>Pu(s.multi),this.records.set(e,s)),e=t,s.multi.push(t)}this.records.set(e,i)}hydrate(t,e){return e.value===Cp&&(e.value=Q7,e.value=e.factory()),"object"==typeof e.value&&e.value&&function s5(n){return null!==n&&"object"==typeof n&&"function"==typeof n.ngOnDestroy}(e.value)&&this._ngOnDestroyHooks.add(e.value),e.value}injectableDefInScope(t){if(!t.providedIn)return!1;const e=Re(t.providedIn);return"string"==typeof e?"any"===e||this.scopes.has(e):this.injectorDefTypes.has(e)}removeOnDestroy(t){const e=this._onDestroyHooks.indexOf(t);-1!==e&&this._onDestroyHooks.splice(e,1)}}function f0(n){const t=zl(n),e=null!==t?t.factory:no(n);if(null!==e)return e;if(n instanceof Se)throw new Q(204,!1);if(n instanceof Function)return function e5(n){const t=n.length;if(t>0)throw Zu(t,"?"),new Q(204,!1);const e=function Wt(n){return n&&(n[yr]||n[Eu])||null}(n);return null!==e?()=>e.factory(n):()=>new n}(n);throw new Q(204,!1)}function xC(n,t,e){let i;if($a(n)){const s=Re(n);return no(s)||f0(s)}if(c0(n))i=()=>Re(n.useValue);else if(function DC(n){return!(!n||!n.useFactory)}(n))i=()=>n.useFactory(...Pu(n.deps||[]));else if(function CC(n){return!(!n||!n.useExisting)}(n))i=()=>ye(Re(n.useExisting));else{const s=Re(n&&(n.useClass||n.provide));if(!function n5(n){return!!n.deps}(n))return no(s)||f0(s);i=()=>new s(...Pu(n.deps))}return i}function dc(n,t,e=!1){return{factory:n,value:t,multi:e?[]:void 0}}function p0(n,t){for(const e of n)Array.isArray(e)?p0(e,t):e&&Cu(e)?p0(e.\u0275providers,t):t(e)}const xp=new Se("AppId",{providedIn:"root",factory:()=>o5}),o5="ng",kC=new Se("Platform Initializer"),Ri=new Se("Platform ID",{providedIn:"platform",factory:()=>"unknown"}),EC=new Se("AnimationModuleType"),IC=new Se("CSP nonce",{providedIn:"root",factory:()=>function sd(){if(void 0!==Zy)return Zy;if(typeof document<"u")return document;throw new Q(210,!1)}().body?.querySelector("[ngCspNonce]")?.getAttribute("ngCspNonce")||null});let PC=(n,t)=>null;function AC(n,t){return PC(n,t)}class m5{}class FC{}class g5{resolveComponentFactory(t){throw function _5(n){const t=Error(`No component factory found for ${Zt(n)}.`);return t.ngComponent=n,t}(t)}}let Pp=(()=>{class n{}return n.NULL=new g5,n})();function y5(){return hc(Ut(),X())}function hc(n,t){return new Gt(yn(n,t))}let Gt=(()=>{class n{constructor(e){this.nativeElement=e}}return n.__NG_ELEMENT_ID__=y5,n})();function v5(n){return n instanceof Gt?n.nativeElement:n}class hd{}let oi=(()=>{class n{constructor(){this.destroyNode=null}}return n.__NG_ELEMENT_ID__=()=>function b5(){const n=X(),e=Pi(Ut().index,n);return(Li(e)?e:n)[Xe]}(),n})(),w5=(()=>{class n{}return n.\u0275prov=me({token:n,providedIn:"root",factory:()=>null}),n})();class fd{constructor(t){this.full=t,this.major=t.split(".")[0],this.minor=t.split(".")[1],this.patch=t.split(".").slice(2).join(".")}}const M5=new fd("16.1.2"),C0={};function pd(n){for(;n;){n[Ke]|=64;const t=td(n);if(Yu(n)&&!t)return n;n=t}return null}function D0(n){return n.ngOriginalError}class qa{constructor(){this._console=console}handleError(t){const e=this._findOriginalError(t);this._console.error("ERROR",t),e&&this._console.error("ORIGINAL ERROR",e)}_findOriginalError(t){let e=t&&D0(t);for(;e&&D0(e);)e=D0(e);return e||null}}const VC=new Se("",{providedIn:"root",factory:()=>!1});function BC(n){return n.ownerDocument}function oo(n){return n instanceof Function?n():n}class GC extends ju{constructor(){super(...arguments),this.consumerAllowSignalWrites=!1,this._lView=null}set lView(t){this._lView=t}onConsumerDependencyMayHaveChanged(){pd(this._lView)}onProducerUpdateValueVersion(){}get hasReadASignal(){return this.hasProducers}runInContext(t,e,i){const s=Fn(this);this.trackingVersion++;try{t(e,i)}finally{Fn(s)}}destroy(){this.trackingVersion++}}let Op=null;function $C(){return Op??=new GC,Op}function qC(n,t){return n[t]??$C()}function KC(n,t){const e=$C();e.hasReadASignal&&(n[t]=Op,e.lView=n,Op=new GC)}const Qe={};function I(n){XC(xe(),X(),Oi()+n,!1)}function XC(n,t,e,i){if(!i)if(3==(3&t[Ke])){const r=n.preOrderCheckHooks;null!==r&&ep(t,r,e)}else{const r=n.preOrderHooks;null!==r&&tp(t,r,0,e)}Wa(e)}function eD(n,t=null,e=null,i){const s=tD(n,t,e,i);return s.resolveInjectorInitializers(),s}function tD(n,t=null,e=null,i,s=new Set){const r=[e||vt,X7(n)];return i=i||("object"==typeof n?void 0:Zt(n)),new h0(r,t||Dp(),i||null,s)}let Ps=(()=>{class n{static create(e,i){if(Array.isArray(e))return eD({name:""},i,e,"");{const s=e.name??"";return eD({name:s},e.parent,e.providers,s)}}}return n.THROW_IF_NOT_FOUND=Pa,n.NULL=new MC,n.\u0275prov=me({token:n,providedIn:"any",factory:()=>ye(bC)}),n.__NG_ELEMENT_ID__=-1,n})();function W(n,t=Ye.Default){const e=X();return null===e?ye(n,t):gS(Ut(),e,Re(n),t)}function Rp(n,t,e,i,s,r,o,a,l,c,u){const f=t.blueprint.slice();return f[En]=s,f[Ke]=140|i,(null!==c||n&&2048&n[Ke])&&(f[Ke]|=2048),Is(f),f[Qt]=f[zo]=n,f[_n]=e,f[Qr]=o||n&&n[Qr],f[Xe]=a||n&&n[Xe],f[Zs]=l||n&&n[Zs]||null,f[Qn]=r,f[Wo]=function JF(){return XF++}(),f[fi]=u,f[Nu]=c,f[gn]=2==t.type?n[gn]:f,f}function pc(n,t,e,i,s){let r=n.data[t];if(null===r)r=function x0(n,t,e,i,s){const r=JT(),o=yy(),l=n.data[t]=function z5(n,t,e,i,s,r){let o=t?t.injectorIndex:-1,a=0;return T()&&(a|=128),{type:e,index:i,insertBeforeIndex:null,injectorIndex:o,directiveStart:-1,directiveEnd:-1,directiveStylingLast:-1,componentOffset:-1,propertyBindings:null,flags:a,providerIndexes:0,value:s,attrs:r,mergedAttrs:null,localNames:null,initialInputs:void 0,inputs:null,outputs:null,tView:null,next:null,prev:null,projectionNext:null,child:null,parent:t,projection:null,styles:null,stylesWithoutHost:null,residualStyles:void 0,classes:null,classesWithoutHost:null,residualClasses:void 0,classBindings:0,styleBindings:0}}(0,o?r:r&&r.parent,e,t,i,s);return null===n.firstChild&&(n.firstChild=l),null!==r&&(o?null==r.child&&null!==l.parent&&(r.child=l):null===r.next&&(r.next=l,l.prev=r)),l}(n,t,e,i,s),function eF(){return je.lFrame.inI18n}()&&(r.flags|=32);else if(64&r.type){r.type=e,r.value=i,r.attrs=s;const o=function $u(){const n=je.lFrame,t=n.currentTNode;return n.isParent?t:t.parent}();r.injectorIndex=null===o?-1:o.injectorIndex}return Sr(r,!0),r}function md(n,t,e,i){if(0===e)return-1;const s=t.length;for(let r=0;ret&&XC(n,t,et,!1),Es(a?2:0,s),a)r.runInContext(e,i,s);else{const c=Fn(null);try{e(i,s)}finally{Fn(c)}}}finally{a&&null===t[eo]&&KC(t,eo),Wa(o),Es(a?3:1,s)}}function k0(n,t,e){if(Hu(t)){const i=Fn(null);try{const r=t.directiveEnd;for(let o=t.directiveStart;onull;function oD(n,t,e,i){for(let s in n)if(n.hasOwnProperty(s)){e=null===e?{}:e;const r=n[s];null===i?aD(e,t,s,r):i.hasOwnProperty(s)&&aD(e,t,i[s],r)}return e}function aD(n,t,e,i){n.hasOwnProperty(e)?n[e].push(t,i):n[e]=[t,i]}function P0(n,t,e,i){if(m()){const s=null===i?null:{"":-1},r=function J5(n,t){const e=n.directiveRegistry;let i=null,s=null;if(e)for(let r=0;r0;){const e=n[--t];if("number"==typeof e&&e<0)return e}return 0})(o)!=a&&o.push(a),o.push(e,i,r)}}(n,t,i,md(n,e,s.hostVars,Qe),s)}function xr(n,t,e,i,s,r){const o=yn(n,t);!function O0(n,t,e,i,s,r,o){if(null==r)n.removeAttribute(t,s,e);else{const a=null==o?qe(r):o(r,i||"",s);n.setAttribute(t,s,a,e)}}(t[Xe],o,r,n.value,e,i,s)}function i4(n,t,e,i,s,r){const o=r[t];if(null!==o)for(let a=0;a{class n{constructor(){this.all=new Set,this.queue=new Map}create(e,i,s){const r=typeof Zone>"u"?null:Zone.current,o=new ly(e,c=>{this.all.has(c)&&this.queue.set(c,r)},s);let a;this.all.add(o),o.notify();const l=()=>{o.cleanup(),a?.(),this.all.delete(o),this.queue.delete(o)};return a=i?.onDestroy(l),{destroy:l}}flush(){if(0!==this.queue.size)for(const[e,i]of this.queue)this.queue.delete(e),i?i.run(()=>e.run()):e.run()}get isQueueEmpty(){return 0===this.queue.size}}return n.\u0275prov=me({token:n,providedIn:"root",factory:()=>new n}),n})();function Np(n,t,e){let i=e?n.styles:null,s=e?n.classes:null,r=0;if(null!==t)for(let o=0;o0){vD(n,1);const s=n[ve].components;null!==s&&wD(n,s,1)}}function wD(n,t,e){for(let i=0;i-1&&(Uy(t,i),lp(e,i))}this._attachedToViewContainer=!1}KS(this._lView[ve],this._lView)}onDestroy(t){!function Jf(n,t){if(256==(256&n[Ke]))throw new Q(911,!1);null===n[us]&&(n[us]=[]),n[us].push(t)}(this._lView,t)}markForCheck(){pd(this._cdRefInjectingView||this._lView)}detach(){this._lView[Ke]&=-129}reattach(){this._lView[Ke]|=128}detectChanges(){Hp(this._lView[ve],this._lView,this.context)}checkNoChanges(){}attachToViewContainerRef(){if(this._appRef)throw new Q(902,!1);this._attachedToViewContainer=!0}detachFromAppRef(){this._appRef=null,function h7(n,t){id(n,t,t[Xe],2,null,null)}(this._lView[ve],this._lView)}attachToAppRef(t){if(this._attachedToViewContainer)throw new Q(902,!1);this._appRef=t}}class p4 extends gd{constructor(t){super(t),this._view=t}detectChanges(){const t=this._view;Hp(t[ve],t,t[_n],!1)}checkNoChanges(){}get context(){return null}}class MD extends Pp{constructor(t){super(),this.ngModule=t}resolveComponentFactory(t){const e=bt(t);return new yd(e,this.ngModule)}}function TD(n){const t=[];for(let e in n)n.hasOwnProperty(e)&&t.push({propName:n[e],templateName:e});return t}class _4{constructor(t,e){this.injector=t,this.parentInjector=e}get(t,e,i){i=Xs(i);const s=this.injector.get(t,C0,i);return s!==C0||e===C0?s:this.parentInjector.get(t,e,i)}}class yd extends FC{get inputs(){return TD(this.componentDef.inputs)}get outputs(){return TD(this.componentDef.outputs)}constructor(t,e){super(),this.componentDef=t,this.ngModule=e,this.componentType=t.type,this.selector=function Wg(n){return n.map(jg).join(",")}(t.selectors),this.ngContentSelectors=t.ngContentSelectors?t.ngContentSelectors:[],this.isBoundToModule=!!e}create(t,e,i,s){let r=(s=s||this.ngModule)instanceof Dr?s:s?.injector;r&&null!==this.componentDef.getStandaloneInjector&&(r=this.componentDef.getStandaloneInjector(r)||r);const o=r?new _4(t,r):t,a=o.get(hd,null);if(null===a)throw new Q(407,!1);const u={rendererFactory:a,sanitizer:o.get(w5,null),effectManager:o.get(gD,null)},f=a.createRenderer(null,this.componentDef),p=this.componentDef.selectors[0][0]||"div",g=i?function N5(n,t,e,i){const r=i.get(VC,!1)||e===ui.ShadowDom,o=n.selectRootElement(t,r);return function H5(n){rD(n)}(o),o}(f,i,this.componentDef.encapsulation,o):yp(f,p,function m4(n){const t=n.toLowerCase();return"svg"===t?"svg":"math"===t?"math":null}(p)),S=this.componentDef.signals?4608:this.componentDef.onPush?576:528,L=L0(0,null,null,1,0,null,null,null,null,null,null),E=Rp(null,L,null,S,null,null,u,f,o,null,null);let H,B;Ty(E);try{const z=this.componentDef;let $,ne=null;z.findHostDirectiveDefs?($=[],ne=new Map,z.findHostDirectiveDefs(z,$,ne),$.push(z)):$=[z];const ee=function y4(n,t){const e=n[ve],i=et;return n[i]=t,pc(e,i,2,"#host",null)}(E,g),re=function v4(n,t,e,i,s,r,o){const a=s[ve];!function b4(n,t,e,i){for(const s of n)t.mergedAttrs=Ra(t.mergedAttrs,s.hostAttrs);null!==t.mergedAttrs&&(Np(t,t.mergedAttrs,!0),null!==e&&aC(i,e,t))}(i,n,t,o);let l=null;null!==t&&(l=AC(t,s[Zs]));const c=r.rendererFactory.createRenderer(t,e);let u=16;e.signals?u=4096:e.onPush&&(u=64);const f=Rp(s,sD(e),null,u,s[n.index],n,r,c,null,null,l);return a.firstCreatePass&&A0(a,n,i.length-1),Fp(s,f),s[n.index]=f}(ee,g,z,$,E,u,f);B=qf(L,et),g&&function M4(n,t,e,i){if(i)Zr(n,e,["ng-version",M5.full]);else{const{attrs:s,classes:r}=function Ug(n){const t=[],e=[];let i=1,s=2;for(;i0&&oC(n,e,r.join(" "))}}(f,z,g,i),void 0!==e&&function T4(n,t,e){const i=n.projection=[];for(let s=0;s=0;i--){const s=n[i];s.hostVars=t+=s.hostVars,s.hostAttrs=Ra(s.hostAttrs,e=Ra(e,s.hostAttrs))}}(i)}function Yp(n){return n===os?{}:n===vt?[]:n}function D4(n,t){const e=n.viewQuery;n.viewQuery=e?(i,s)=>{t(i,s),e(i,s)}:t}function x4(n,t){const e=n.contentQueries;n.contentQueries=e?(i,s,r)=>{t(i,s,r),e(i,s,r)}:t}function k4(n,t){const e=n.hostBindings;n.hostBindings=e?(i,s)=>{t(i,s),e(i,s)}:t}function kD(n){const t=n.inputConfig,e={};for(const i in t)if(t.hasOwnProperty(i)){const s=t[i];Array.isArray(s)&&s[2]&&(e[i]=s[2])}n.inputTransforms=e}function Vp(n){return!!H0(n)&&(Array.isArray(n)||!(n instanceof Map)&&Symbol.iterator in n)}function H0(n){return null!==n&&("function"==typeof n||"object"==typeof n)}function kr(n,t,e){return n[t]=e}function vd(n,t){return n[t]}function _i(n,t,e){return!Object.is(n[t],e)&&(n[t]=e,!0)}function Ka(n,t,e,i){const s=_i(n,t,e);return _i(n,t+1,i)||s}function Bp(n,t,e,i,s){const r=Ka(n,t,e,i);return _i(n,t+2,s)||r}function As(n,t,e,i,s,r){const o=Ka(n,t,e,i);return Ka(n,t+2,s,r)||o}function Ce(n,t,e,i){const s=X();return _i(s,Ql(),t)&&(xe(),xr(hn(),s,n,t,e,i)),Ce}function gc(n,t,e,i,s,r){const a=Ka(n,function io(){return je.lFrame.bindingIndex}(),e,s);return so(2),a?t+qe(e)+i+qe(s)+r:Qe}function O(n,t,e,i,s,r,o,a){const l=X(),c=xe(),u=n+et,f=c.firstCreatePass?function Q4(n,t,e,i,s,r,o,a,l){const c=t.consts,u=pc(t,n,4,o||null,Tr(c,a));P0(t,e,u,Tr(c,l)),Qf(t,u);const f=u.tView=L0(2,u,i,s,r,t.directiveRegistry,t.pipeRegistry,null,t.schemas,c,null);return null!==t.queries&&(t.queries.template(t,u),f.queries=t.queries.embeddedTView(u)),u}(u,c,l,t,e,i,s,r,o):c.data[u];Sr(f,!1);const p=BD(c,l,f,n);Zf()&&bp(c,l,p,f),mi(p,l),Fp(l,l[u]=dD(p,l,p,f)),$l(f)&&E0(c,l,f),null!=o&&I0(l,f,a)}let BD=function zD(n,t,e,i){return Xo(!0),t[Xe].createComment("")};function Gn(n){return qo(function QR(){return je.lFrame.contextLView}(),et+n)}function x(n,t,e){const i=X();return _i(i,Ql(),t)&&function fs(n,t,e,i,s,r,o,a){const l=yn(t,e);let u,c=t.inputs;!a&&null!=c&&(u=c[i])?(F0(n,e,u,i,s),to(t)&&function U5(n,t){const e=Pi(t,n);16&e[Ke]||(e[Ke]|=64)}(e,t.index)):3&t.type&&(i=function W5(n){return"class"===n?"className":"for"===n?"htmlFor":"formaction"===n?"formAction":"innerHtml"===n?"innerHTML":"readonly"===n?"readOnly":"tabindex"===n?"tabIndex":n}(i),s=null!=o?o(s,t.value||"",i):s,r.setProperty(l,i,s))}(xe(),hn(),i,n,t,i[Xe],e,!1),x}function W0(n,t,e,i,s){const o=s?"class":"style";F0(n,e,t.inputs[o],o,i)}function V(n,t,e,i){const s=X(),r=xe(),o=et+n,a=s[Xe],l=r.firstCreatePass?function s6(n,t,e,i,s,r){const o=t.consts,l=pc(t,n,2,i,Tr(o,s));return P0(t,e,l,Tr(o,r)),null!==l.attrs&&Np(l,l.attrs,!1),null!==l.mergedAttrs&&Np(l,l.mergedAttrs,!0),null!==t.queries&&t.queries.elementStart(t,l),l}(o,r,s,t,e,i):r.data[o],c=jD(r,s,l,a,t,n);s[o]=c;const u=$l(l);return Sr(l,!0),aC(a,c,l),32!=(32&l.flags)&&Zf()&&bp(r,s,c,l),0===function Zl(){return je.lFrame.elementDepthCount}()&&mi(c,s),function _t(){je.lFrame.elementDepthCount++}(),u&&(E0(r,s,l),k0(r,l,s)),null!==i&&I0(s,l),V}function Y(){let n=Ut();yy()?vy():(n=n.parent,Sr(n,!1));const t=n;(function C(n){return je.skipHydrationRootTNode===n})(t)&&function Oe(){je.skipHydrationRootTNode=null}(),function d(){je.lFrame.elementDepthCount--}();const e=xe();return e.firstCreatePass&&(Qf(e,n),Hu(n)&&e.queries.elementEnd(n)),null!=t.classesWithoutHost&&function hF(n){return 0!=(8&n.flags)}(t)&&W0(e,t,X(),t.classesWithoutHost,!0),null!=t.stylesWithoutHost&&function fF(n){return 0!=(16&n.flags)}(t)&&W0(e,t,X(),t.stylesWithoutHost,!1),Y}function se(n,t,e,i){return V(n,t,e,i),Y(),se}let jD=(n,t,e,i,s,r)=>(Xo(!0),yp(i,s,function aS(){return je.lFrame.currentNamespace}()));function ke(n,t,e){const i=X(),s=xe(),r=n+et,o=s.firstCreatePass?function a6(n,t,e,i,s){const r=t.consts,o=Tr(r,i),a=pc(t,n,8,"ng-container",o);return null!==o&&Np(a,o,!0),P0(t,e,a,Tr(r,s)),null!==t.queries&&t.queries.elementStart(t,a),a}(r,s,i,t,e):s.data[r];Sr(o,!0);const a=WD(s,i,o,n);return i[r]=a,Zf()&&bp(s,i,a,o),mi(a,i),$l(o)&&(E0(s,i,o),k0(s,o,i)),null!=e&&I0(i,o),ke}function Ee(){let n=Ut();const t=xe();return yy()?vy():(n=n.parent,Sr(n,!1)),t.firstCreatePass&&(Qf(t,n),Hu(n)&&t.queries.elementEnd(n)),Ee}function Fe(n,t,e){return ke(n,t,e),Ee(),Fe}let WD=(n,t,e,i)=>(Xo(!0),Wy(t[Xe],""));function Ue(){return X()}function Td(n){return!!n&&"function"==typeof n.then}function UD(n){return!!n&&"function"==typeof n.subscribe}function de(n,t,e,i){const s=X(),r=xe(),o=Ut();return function $D(n,t,e,i,s,r,o){const a=$l(i),c=n.firstCreatePass&&pD(n),u=t[_n],f=fD(t);let p=!0;if(3&i.type||o){const M=yn(i,t),S=o?o(M):M,L=f.length,E=o?B=>o(Yt(B[i.index])):i.index;let H=null;if(!o&&a&&(H=function u6(n,t,e,i){const s=n.cleanup;if(null!=s)for(let r=0;rl?a[l]:null}"string"==typeof o&&(r+=2)}return null}(n,t,s,i.index)),null!==H)(H.__ngLastListenerFn__||H).__ngNextListenerFn__=r,H.__ngLastListenerFn__=r,p=!1;else{r=KD(i,t,u,r,!1);const B=e.listen(S,s,r);f.push(r,B),c&&c.push(s,E,L,L+1)}}else r=KD(i,t,u,r,!1);const g=i.outputs;let v;if(p&&null!==g&&(v=g[s])){const M=v.length;if(M)for(let S=0;S-1?Pi(n.index,t):t);let l=qD(t,e,i,o),c=r.__ngNextListenerFn__;for(;c;)l=qD(t,e,c,o)&&l,c=c.__ngNextListenerFn__;return s&&!1===l&&o.preventDefault(),l}}function R(n=1){return function sF(n){return(je.lFrame.contextLView=function rF(n,t){for(;n>0;)t=t[zo],n--;return t}(n,je.lFrame.contextLView))[_n]}(n)}function d6(n,t){let e=null;const i=function Yg(n){const t=n.attrs;if(null!=t){const e=t.indexOf(5);if(!(1&e))return t[e+1]}return null}(n);for(let s=0;s>17&32767}function G0(n){return 2|n}function Xa(n){return(131068&n)>>2}function $0(n,t){return-131069&n|t<<2}function q0(n){return 1|n}function rx(n,t,e,i,s){const r=n[e+1],o=null===t;let a=i?Zo(r):Xa(r),l=!1;for(;0!==a&&(!1===l||o);){const u=n[a+1];g6(n[a],t)&&(l=!0,n[a+1]=i?q0(u):G0(u)),a=i?Zo(u):Xa(u)}l&&(n[e+1]=i?G0(r):q0(r))}function g6(n,t){return null===n||null==t||(Array.isArray(n)?n[1]:n)===t||!(!Array.isArray(n)||"string"!=typeof t)&&oc(n,t)>=0}const $n={textEnd:0,key:0,keyEnd:0,value:0,valueEnd:0};function ox(n){return n.substring($n.key,$n.keyEnd)}function y6(n){return n.substring($n.value,$n.valueEnd)}function ax(n,t){const e=$n.textEnd;return e===t?-1:(t=$n.keyEnd=function w6(n,t,e){for(;t32;)t++;return t}(n,$n.key=t,e),Cc(n,t,e))}function lx(n,t){const e=$n.textEnd;let i=$n.key=Cc(n,t,e);return e===i?-1:(i=$n.keyEnd=function M6(n,t,e){let i;for(;t=65&&(-33&i)<=90||i>=48&&i<=57);)t++;return t}(n,i,e),i=ux(n,i,e),i=$n.value=Cc(n,i,e),i=$n.valueEnd=function T6(n,t,e){let i=-1,s=-1,r=-1,o=t,a=o;for(;o32&&(a=o),r=s,s=i,i=-33&l}return a}(n,i,e),ux(n,i,e))}function cx(n){$n.key=0,$n.keyEnd=0,$n.value=0,$n.valueEnd=0,$n.textEnd=n.length}function Cc(n,t,e){for(;t=0;e=lx(t,e))px(n,ox(t),y6(t))}function Ge(n){tr(I6,Er,n,!0)}function Er(n,t){for(let e=function v6(n){return cx(n),ax(n,Cc(n,0,$n.textEnd))}(t);e>=0;e=ax(t,e))hs(n,ox(t),!0)}function er(n,t,e,i){const s=X(),r=xe(),o=so(2);r.firstUpdatePass&&fx(r,n,o,i),t!==Qe&&_i(s,o,t)&&mx(r,r.data[Oi()],s,s[Xe],n,s[o+1]=function P6(n,t){return null==n||""===n||("string"==typeof t?n+=t:"object"==typeof n&&(n=Zt(Jo(n)))),n}(t,e),i,o)}function tr(n,t,e,i){const s=xe(),r=so(2);s.firstUpdatePass&&fx(s,null,r,i);const o=X();if(e!==Qe&&_i(o,r,e)){const a=s.data[Oi()];if(gx(a,i)&&!hx(s,r)){let l=i?a.classesWithoutHost:a.stylesWithoutHost;null!==l&&(e=Oo(l,e||"")),W0(s,a,o,e,i)}else!function L6(n,t,e,i,s,r,o,a){s===Qe&&(s=vt);let l=0,c=0,u=0=n.expandoStartIndex}function fx(n,t,e,i){const s=n.data;if(null===s[e+1]){const r=s[Oi()],o=hx(n,e);gx(r,i)&&null===t&&!o&&(t=!1),t=function C6(n,t,e,i){const s=function wy(n){const t=je.lFrame.currentDirectiveIndex;return-1===t?null:n[t]}(n);let r=i?t.residualClasses:t.residualStyles;if(null===s)0===(i?t.classBindings:t.styleBindings)&&(e=Dd(e=K0(null,n,t,e,i),t.attrs,i),r=null);else{const o=t.directiveStylingLast;if(-1===o||n[o]!==s)if(e=K0(s,n,t,e,i),null===r){let l=function D6(n,t,e){const i=e?t.classBindings:t.styleBindings;if(0!==Xa(i))return n[Zo(i)]}(n,t,i);void 0!==l&&Array.isArray(l)&&(l=K0(null,n,t,l[1],i),l=Dd(l,t.attrs,i),function x6(n,t,e,i){n[Zo(e?t.classBindings:t.styleBindings)]=i}(n,t,i,l))}else r=function k6(n,t,e){let i;const s=t.directiveEnd;for(let r=1+t.directiveStylingLast;r0)&&(c=!0)):u=e,s)if(0!==l){const p=Zo(n[a+1]);n[i+1]=Up(p,a),0!==p&&(n[p+1]=$0(n[p+1],i)),n[a+1]=function f6(n,t){return 131071&n|t<<17}(n[a+1],i)}else n[i+1]=Up(a,0),0!==a&&(n[a+1]=$0(n[a+1],i)),a=i;else n[i+1]=Up(l,0),0===a?a=i:n[l+1]=$0(n[l+1],i),l=i;c&&(n[i+1]=G0(n[i+1])),rx(n,u,i,!0),rx(n,u,i,!1),function _6(n,t,e,i,s){const r=s?n.residualClasses:n.residualStyles;null!=r&&"string"==typeof t&&oc(r,t)>=0&&(e[i+1]=q0(e[i+1]))}(t,u,n,i,r),o=Up(a,l),r?t.classBindings=o:t.styleBindings=o}(s,r,t,e,o,i)}}function K0(n,t,e,i,s){let r=null;const o=e.directiveEnd;let a=e.directiveStylingLast;for(-1===a?a=e.directiveStart:a++;a0;){const l=n[s],c=Array.isArray(l),u=c?l[1]:l,f=null===u;let p=e[s+1];p===Qe&&(p=f?vt:void 0);let g=f?Ay(p,i):u===i?p:void 0;if(c&&!Gp(g)&&(g=Ay(l,i)),Gp(g)&&(a=g,o))return a;const v=n[s+1];s=o?Zo(v):Xa(v)}if(null!==t){let l=r?t.residualClasses:t.residualStyles;null!=l&&(a=Ay(l,i))}return a}function Gp(n){return void 0!==n}function gx(n,t){return 0!=(n.flags&(t?8:16))}function le(n,t=""){const e=X(),i=xe(),s=n+et,r=i.firstCreatePass?pc(i,s,1,t,null):i.data[s],o=yx(i,e,r,t,n);e[s]=o,Zf()&&bp(i,e,o,r),Sr(r,!1)}let yx=(n,t,e,i,s)=>(Xo(!0),function gp(n,t){return n.createText(t)}(t[Xe],i));function dt(n){return Hn("",n,""),dt}function Hn(n,t,e){const i=X(),s=function _c(n,t,e,i){return _i(n,Ql(),e)?t+qe(e)+i:Qe}(i,n,t,e);return s!==Qe&&ao(i,Oi(),s),Hn}function X0(n,t,e,i,s){const r=X(),o=gc(r,n,t,e,i,s);return o!==Qe&&ao(r,Oi(),o),X0}const Ja=void 0;var eN=["en",[["a","p"],["AM","PM"],Ja],[["AM","PM"],Ja,Ja],[["S","M","T","W","T","F","S"],["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],["Su","Mo","Tu","We","Th","Fr","Sa"]],Ja,[["J","F","M","A","M","J","J","A","S","O","N","D"],["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],["January","February","March","April","May","June","July","August","September","October","November","December"]],Ja,[["B","A"],["BC","AD"],["Before Christ","Anno Domini"]],0,[6,0],["M/d/yy","MMM d, y","MMMM d, y","EEEE, MMMM d, y"],["h:mm a","h:mm:ss a","h:mm:ss a z","h:mm:ss a zzzz"],["{1}, {0}",Ja,"{1} 'at' {0}",Ja],[".",",",";","%","+","-","E","\xd7","\u2030","\u221e","NaN",":"],["#,##0.###","#,##0%","\xa4#,##0.00","#E0"],"USD","$","US Dollar",{},"ltr",function Q6(n){const e=Math.floor(Math.abs(n)),i=n.toString().replace(/^[^.]*\.?/,"").length;return 1===e&&0===i?1:5}];let Dc={};function Fi(n){const t=function tN(n){return n.toLowerCase().replace(/_/g,"-")}(n);let e=Hx(t);if(e)return e;const i=t.split("-")[0];if(e=Hx(i),e)return e;if("en"===i)return eN;throw new Q(701,!1)}function Hx(n){return n in Dc||(Dc[n]=Ft.ng&&Ft.ng.common&&Ft.ng.common.locales&&Ft.ng.common.locales[n]),Dc[n]}var be=(()=>((be=be||{})[be.LocaleId=0]="LocaleId",be[be.DayPeriodsFormat=1]="DayPeriodsFormat",be[be.DayPeriodsStandalone=2]="DayPeriodsStandalone",be[be.DaysFormat=3]="DaysFormat",be[be.DaysStandalone=4]="DaysStandalone",be[be.MonthsFormat=5]="MonthsFormat",be[be.MonthsStandalone=6]="MonthsStandalone",be[be.Eras=7]="Eras",be[be.FirstDayOfWeek=8]="FirstDayOfWeek",be[be.WeekendRange=9]="WeekendRange",be[be.DateFormat=10]="DateFormat",be[be.TimeFormat=11]="TimeFormat",be[be.DateTimeFormat=12]="DateTimeFormat",be[be.NumberSymbols=13]="NumberSymbols",be[be.NumberFormats=14]="NumberFormats",be[be.CurrencyCode=15]="CurrencyCode",be[be.CurrencySymbol=16]="CurrencySymbol",be[be.CurrencyName=17]="CurrencyName",be[be.Currencies=18]="Currencies",be[be.Directionality=19]="Directionality",be[be.PluralCase=20]="PluralCase",be[be.ExtraData=21]="ExtraData",be))();const xc="en-US";let Yx=xc;function Q0(n,t,e,i,s){if(n=Re(n),Array.isArray(n))for(let r=0;r>20;if($a(n)||!n.multi){const g=new qu(l,s,W),v=tv(a,t,s?u:u+p,f);-1===v?(Iy(rp(c,o),r,a),ev(r,n,t.length),t.push(a),c.directiveStart++,c.directiveEnd++,s&&(c.providerIndexes+=1048576),e.push(g),o.push(g)):(e[v]=g,o[v]=g)}else{const g=tv(a,t,u+p,f),v=tv(a,t,u,u+p),S=v>=0&&e[v];if(s&&!S||!s&&!(g>=0&&e[g])){Iy(rp(c,o),r,a);const L=function ZN(n,t,e,i,s){const r=new qu(n,e,W);return r.multi=[],r.index=t,r.componentProviders=0,d2(r,s,i&&!e),r}(s?JN:XN,e.length,s,i,l);!s&&S&&(e[v].providerFactory=L),ev(r,n,t.length,0),t.push(a),c.directiveStart++,c.directiveEnd++,s&&(c.providerIndexes+=1048576),e.push(L),o.push(L)}else ev(r,n,g>-1?g:v,d2(e[s?v:g],l,!s&&i));!s&&i&&S&&e[v].componentProviders++}}}function ev(n,t,e,i){const s=$a(t),r=function Z7(n){return!!n.useClass}(t);if(s||r){const l=(r?Re(t.useClass):t).prototype.ngOnDestroy;if(l){const c=n.destroyHooks||(n.destroyHooks=[]);if(!s&&t.multi){const u=c.indexOf(e);-1===u?c.push(e,[i,l]):c[u+1].push(i,l)}else c.push(e,l)}}}function d2(n,t,e){return e&&n.componentProviders++,n.multi.push(t)-1}function tv(n,t,e,i){for(let s=e;s{e.providersResolver=(i,s)=>function KN(n,t,e){const i=xe();if(i.firstCreatePass){const s=ds(n);Q0(e,i.data,i.blueprint,s,!0),Q0(t,i.data,i.blueprint,s,!1)}}(i,s?s(n):n,t)}}class kc{}class h2{}class iv extends kc{constructor(t,e,i){super(),this._parent=e,this._bootstrapComponents=[],this.destroyCbs=[],this.componentFactoryResolver=new MD(this);const s=hi(t);this._bootstrapComponents=oo(s.bootstrap),this._r3Injector=tD(t,e,[{provide:kc,useValue:this},{provide:Pp,useValue:this.componentFactoryResolver},...i],Zt(t),new Set(["environment"])),this._r3Injector.resolveInjectorInitializers(),this.instance=this._r3Injector.get(t)}get injector(){return this._r3Injector}destroy(){const t=this._r3Injector;!t.destroyed&&t.destroy(),this.destroyCbs.forEach(e=>e()),this.destroyCbs=null}onDestroy(t){this.destroyCbs.push(t)}}class sv extends h2{constructor(t){super(),this.moduleType=t}create(t){return new iv(this.moduleType,t,[])}}class f2 extends kc{constructor(t){super(),this.componentFactoryResolver=new MD(this),this.instance=null;const e=new h0([...t.providers,{provide:kc,useValue:this},{provide:Pp,useValue:this.componentFactoryResolver}],t.parent||Dp(),t.debugName,new Set(["environment"]));this.injector=e,t.runEnvironmentInitializers&&e.resolveInjectorInitializers()}destroy(){this.injector.destroy()}onDestroy(t){this.injector.onDestroy(t)}}function rv(n,t,e=null){return new f2({providers:n,parent:t,debugName:e,runEnvironmentInitializers:!0}).injector}let tH=(()=>{class n{constructor(e){this._injector=e,this.cachedInjectors=new Map}getOrCreateStandaloneInjector(e){if(!e.standalone)return null;if(!this.cachedInjectors.has(e.id)){const i=TC(0,e.type),s=i.length>0?rv([i],this._injector,`Standalone[${e.type.name}]`):null;this.cachedInjectors.set(e.id,s)}return this.cachedInjectors.get(e.id)}ngOnDestroy(){try{for(const e of this.cachedInjectors.values())null!==e&&e.destroy()}finally{this.cachedInjectors.clear()}}}return n.\u0275prov=me({token:n,providedIn:"environment",factory:()=>new n(ye(Dr))}),n})();function en(n){n.getStandaloneInjector=t=>t.get(tH).getOrCreateStandaloneInjector(n)}function Ni(n,t,e){const i=Ai()+n,s=X();return s[i]===Qe?kr(s,i,e?t.call(e):t()):vd(s,i)}function Je(n,t,e,i){return M2(X(),Ai(),n,t,e,i)}function bn(n,t,e,i,s){return T2(X(),Ai(),n,t,e,i,s)}function ps(n,t,e,i,s,r){return function S2(n,t,e,i,s,r,o,a){const l=t+e;return Bp(n,l,s,r,o)?kr(n,l+3,a?i.call(a,s,r,o):i(s,r,o)):Ad(n,l+3)}(X(),Ai(),n,t,e,i,s,r)}function Pd(n,t,e,i,s,r,o){return function C2(n,t,e,i,s,r,o,a,l){const c=t+e;return As(n,c,s,r,o,a)?kr(n,c+4,l?i.call(l,s,r,o,a):i(s,r,o,a)):Ad(n,c+4)}(X(),Ai(),n,t,e,i,s,r,o)}function Jp(n,t,e,i,s,r,o,a){const l=Ai()+n,c=X(),u=As(c,l,e,i,s,r);return _i(c,l+4,o)||u?kr(c,l+5,a?t.call(a,e,i,s,r,o):t(e,i,s,r,o)):vd(c,l+5)}function Ec(n,t,e,i,s,r,o,a,l){const c=Ai()+n,u=X(),f=As(u,c,e,i,s,r);return Ka(u,c+4,o,a)||f?kr(u,c+6,l?t.call(l,e,i,s,r,o,a):t(e,i,s,r,o,a)):vd(u,c+6)}function w2(n,t,e,i){return function D2(n,t,e,i,s,r){let o=t+e,a=!1;for(let l=0;l=0;e--){const i=t[e];if(n===i.name)return i}}(t,e.pipeRegistry),e.data[s]=i,i.onDestroy&&(e.destroyHooks??=[]).push(s,i.onDestroy)):i=e.data[s];const r=i.factory||(i.factory=no(i.type)),o=Zn(W);try{const a=sp(!1),l=r();return sp(a),function n6(n,t,e,i){e>=n.data.length&&(n.data[e]=null,n.blueprint[e]=null),t[e]=i}(e,X(),s,l),l}finally{Zn(o)}}function $t(n,t,e){const i=n+et,s=X(),r=qo(s,i);return Od(s,i)?M2(s,Ai(),t,r.transform,e,r):r.transform(e)}function Od(n,t){return n[ve].data[t].pure}function av(n){return t=>{setTimeout(n,void 0,t)}}const ce=class mH extends Dt{constructor(t=!1){super(),this.__isAsync=t}emit(t){super.next(t)}subscribe(t,e,i){let s=t,r=e||(()=>null),o=i;if(t&&"object"==typeof t){const l=t;s=l.next?.bind(l),r=l.error?.bind(l),o=l.complete?.bind(l)}this.__isAsync&&(r=av(r),s&&(s=av(s)),o&&(o=av(o)));const a=super.subscribe({next:s,error:r,complete:o});return t instanceof b&&t.add(a),a}};function _H(){return this._results[Symbol.iterator]()}class lv{get changes(){return this._changes||(this._changes=new ce)}constructor(t=!1){this._emitDistinctChangesOnly=t,this.dirty=!0,this._results=[],this._changesDetected=!1,this._changes=null,this.length=0,this.first=void 0,this.last=void 0;const e=lv.prototype;e[Symbol.iterator]||(e[Symbol.iterator]=_H)}get(t){return this._results[t]}map(t){return this._results.map(t)}filter(t){return this._results.filter(t)}find(t){return this._results.find(t)}reduce(t,e){return this._results.reduce(t,e)}forEach(t){this._results.forEach(t)}some(t){return this._results.some(t)}toArray(){return this._results.slice()}toString(){return this._results.toString()}reset(t,e){const i=this;i.dirty=!1;const s=function Ls(n){return n.flat(Number.POSITIVE_INFINITY)}(t);(this._changesDetected=!function SF(n,t,e){if(n.length!==t.length)return!1;for(let i=0;i{class n{}return n.__NG_ELEMENT_ID__=vH,n})();const gH=Ir,yH=class extends gH{constructor(t,e,i){super(),this._declarationLView=t,this._declarationTContainer=e,this.elementRef=i}get ssrId(){return this._declarationTContainer.tView?.ssrId||null}createEmbeddedView(t,e){return this.createEmbeddedViewImpl(t,e,null)}createEmbeddedViewImpl(t,e,i){const o=this._declarationTContainer.tView,a=Rp(this._declarationLView,o,t,4096&this._declarationLView[Ke]?4096:16,null,o.declTNode,null,null,null,e||null,i||null);a[Va]=this._declarationLView[this._declarationTContainer.index];const c=this._declarationLView[cs];return null!==c&&(a[cs]=c.createEmbeddedView(o)),N0(o,a,t),new gd(a)}};function vH(){return Zp(Ut(),X())}function Zp(n,t){return 4&n.type?new yH(t,n,hc(n,t)):null}let nr=(()=>{class n{}return n.__NG_ELEMENT_ID__=DH,n})();function DH(){return A2(Ut(),X())}const xH=nr,L2=class extends xH{constructor(t,e,i){super(),this._lContainer=t,this._hostTNode=e,this._hostLView=i}get element(){return hc(this._hostTNode,this._hostLView)}get injector(){return new tc(this._hostTNode,this._hostLView)}get parentInjector(){const t=Ey(this._hostTNode,this._hostLView);if(dS(t)){const e=ip(t,this._hostLView),i=np(t);return new tc(e[ve].data[i+8],e)}return new tc(null,this._hostLView)}clear(){for(;this.length>0;)this.remove(this.length-1)}get(t){const e=P2(this._lContainer);return null!==e&&e[t]||null}get length(){return this._lContainer.length-ei}createEmbeddedView(t,e,i){let s,r;"number"==typeof i?s=i:null!=i&&(s=i.index,r=i.injector);const a=t.createEmbeddedViewImpl(e||{},r,null);return this.insertImpl(a,s,false),a}createComponent(t,e,i,s,r){const o=t&&!function Xu(n){return"function"==typeof n}(t);let a;if(o)a=e;else{const M=e||{};a=M.index,i=M.injector,s=M.projectableNodes,r=M.environmentInjector||M.ngModuleRef}const l=o?t:new yd(bt(t)),c=i||this.parentInjector;if(!r&&null==l.ngModule){const S=(o?c:this.parentInjector).get(Dr,null);S&&(r=S)}bt(l.componentType??{});const g=l.create(c,s,null,r);return this.insertImpl(g.hostView,a,false),g}insert(t,e){return this.insertImpl(t,e,!1)}insertImpl(t,e,i){const s=t._lView,r=s[ve];if(function _y(n){return pi(n[Qt])}(s)){const l=this.indexOf(t);if(-1!==l)this.detach(l);else{const c=s[Qt],u=new L2(c,c[Qn],c[Qt]);u.detach(u.indexOf(t))}}const o=this._adjustIndex(e),a=this._lContainer;if(function p7(n,t,e,i){const s=ei+i,r=e.length;i>0&&(e[s-1][ls]=t),i0)i.push(o[a/2]);else{const c=r[a+1],u=t[-l];for(let f=ei;f{class n{constructor(){this.initialized=!1,this.done=!1,this.donePromise=new Promise((e,i)=>{this.resolve=e,this.reject=i}),this.appInits=we(wv,{optional:!0})??[]}runInitializers(){if(this.initialized)return;const e=[];for(const s of this.appInits){const r=s();if(Td(r))e.push(r);else if(UD(r)){const o=new Promise((a,l)=>{r.subscribe({complete:a,error:l})});e.push(o)}}const i=()=>{this.done=!0,this.resolve()};Promise.all(e).then(()=>{i()}).catch(s=>{this.reject(s)}),0===e.length&&i(),this.initialized=!0}}return n.\u0275fac=function(e){return new(e||n)},n.\u0275prov=me({token:n,factory:n.\u0275fac,providedIn:"root"}),n})(),ik=(()=>{class n{log(e){console.log(e)}warn(e){console.warn(e)}}return n.\u0275fac=function(e){return new(e||n)},n.\u0275prov=me({token:n,factory:n.\u0275fac,providedIn:"platform"}),n})();const co=new Se("LocaleId",{providedIn:"root",factory:()=>we(co,Ye.Optional|Ye.SkipSelf)||function s9(){return typeof $localize<"u"&&$localize.locale||xc}()});let em=(()=>{class n{constructor(){this.taskId=0,this.pendingTasks=new Set,this.hasPendingTasks=new Me(!1)}add(){this.hasPendingTasks.next(!0);const e=this.taskId++;return this.pendingTasks.add(e),e}remove(e){this.pendingTasks.delete(e),0===this.pendingTasks.size&&this.hasPendingTasks.next(!1)}ngOnDestroy(){this.pendingTasks.clear(),this.hasPendingTasks.next(!1)}}return n.\u0275fac=function(e){return new(e||n)},n.\u0275prov=me({token:n,factory:n.\u0275fac,providedIn:"root"}),n})();class o9{constructor(t,e){this.ngModuleFactory=t,this.componentFactories=e}}let sk=(()=>{class n{compileModuleSync(e){return new sv(e)}compileModuleAsync(e){return Promise.resolve(this.compileModuleSync(e))}compileModuleAndAllComponentsSync(e){const i=this.compileModuleSync(e),r=oo(hi(e).declarations).reduce((o,a)=>{const l=bt(a);return l&&o.push(new yd(l)),o},[]);return new o9(i,r)}compileModuleAndAllComponentsAsync(e){return Promise.resolve(this.compileModuleAndAllComponentsSync(e))}clearCache(){}clearCacheFor(e){}getModuleId(e){}}return n.\u0275fac=function(e){return new(e||n)},n.\u0275prov=me({token:n,factory:n.\u0275fac,providedIn:"root"}),n})();function ak(...n){}class Ct{constructor({enableLongStackTrace:t=!1,shouldCoalesceEventChangeDetection:e=!1,shouldCoalesceRunChangeDetection:i=!1}){if(this.hasPendingMacrotasks=!1,this.hasPendingMicrotasks=!1,this.isStable=!0,this.onUnstable=new ce(!1),this.onMicrotaskEmpty=new ce(!1),this.onStable=new ce(!1),this.onError=new ce(!1),typeof Zone>"u")throw new Q(908,!1);Zone.assertZonePatched();const s=this;s._nesting=0,s._outer=s._inner=Zone.current,Zone.TaskTrackingZoneSpec&&(s._inner=s._inner.fork(new Zone.TaskTrackingZoneSpec)),t&&Zone.longStackTraceZoneSpec&&(s._inner=s._inner.fork(Zone.longStackTraceZoneSpec)),s.shouldCoalesceEventChangeDetection=!i&&e,s.shouldCoalesceRunChangeDetection=i,s.lastRequestAnimationFrameId=-1,s.nativeRequestAnimationFrame=function c9(){let n=Ft.requestAnimationFrame,t=Ft.cancelAnimationFrame;if(typeof Zone<"u"&&n&&t){const e=n[Zone.__symbol__("OriginalDelegate")];e&&(n=e);const i=t[Zone.__symbol__("OriginalDelegate")];i&&(t=i)}return{nativeRequestAnimationFrame:n,nativeCancelAnimationFrame:t}}().nativeRequestAnimationFrame,function h9(n){const t=()=>{!function d9(n){n.isCheckStableRunning||-1!==n.lastRequestAnimationFrameId||(n.lastRequestAnimationFrameId=n.nativeRequestAnimationFrame.call(Ft,()=>{n.fakeTopEventTask||(n.fakeTopEventTask=Zone.root.scheduleEventTask("fakeTopEventTask",()=>{n.lastRequestAnimationFrameId=-1,Sv(n),n.isCheckStableRunning=!0,Tv(n),n.isCheckStableRunning=!1},void 0,()=>{},()=>{})),n.fakeTopEventTask.invoke()}),Sv(n))}(n)};n._inner=n._inner.fork({name:"angular",properties:{isAngularZone:!0},onInvokeTask:(e,i,s,r,o,a)=>{try{return lk(n),e.invokeTask(s,r,o,a)}finally{(n.shouldCoalesceEventChangeDetection&&"eventTask"===r.type||n.shouldCoalesceRunChangeDetection)&&t(),ck(n)}},onInvoke:(e,i,s,r,o,a,l)=>{try{return lk(n),e.invoke(s,r,o,a,l)}finally{n.shouldCoalesceRunChangeDetection&&t(),ck(n)}},onHasTask:(e,i,s,r)=>{e.hasTask(s,r),i===s&&("microTask"==r.change?(n._hasPendingMicrotasks=r.microTask,Sv(n),Tv(n)):"macroTask"==r.change&&(n.hasPendingMacrotasks=r.macroTask))},onHandleError:(e,i,s,r)=>(e.handleError(s,r),n.runOutsideAngular(()=>n.onError.emit(r)),!1)})}(s)}static isInAngularZone(){return typeof Zone<"u"&&!0===Zone.current.get("isAngularZone")}static assertInAngularZone(){if(!Ct.isInAngularZone())throw new Q(909,!1)}static assertNotInAngularZone(){if(Ct.isInAngularZone())throw new Q(909,!1)}run(t,e,i){return this._inner.run(t,e,i)}runTask(t,e,i,s){const r=this._inner,o=r.scheduleEventTask("NgZoneEvent: "+s,t,u9,ak,ak);try{return r.runTask(o,e,i)}finally{r.cancelTask(o)}}runGuarded(t,e,i){return this._inner.runGuarded(t,e,i)}runOutsideAngular(t){return this._outer.run(t)}}const u9={};function Tv(n){if(0==n._nesting&&!n.hasPendingMicrotasks&&!n.isStable)try{n._nesting++,n.onMicrotaskEmpty.emit(null)}finally{if(n._nesting--,!n.hasPendingMicrotasks)try{n.runOutsideAngular(()=>n.onStable.emit(null))}finally{n.isStable=!0}}}function Sv(n){n.hasPendingMicrotasks=!!(n._hasPendingMicrotasks||(n.shouldCoalesceEventChangeDetection||n.shouldCoalesceRunChangeDetection)&&-1!==n.lastRequestAnimationFrameId)}function lk(n){n._nesting++,n.isStable&&(n.isStable=!1,n.onUnstable.emit(null))}function ck(n){n._nesting--,Tv(n)}class f9{constructor(){this.hasPendingMicrotasks=!1,this.hasPendingMacrotasks=!1,this.isStable=!0,this.onUnstable=new ce,this.onMicrotaskEmpty=new ce,this.onStable=new ce,this.onError=new ce}run(t,e,i){return t.apply(e,i)}runGuarded(t,e,i){return t.apply(e,i)}runOutsideAngular(t){return t()}runTask(t,e,i,s){return t.apply(e,i)}}const uk=new Se("",{providedIn:"root",factory:dk});function dk(){const n=we(Ct);let t=!0;return function ff(...n){const t=Ht(n),e=function Hl(n,t){return"number"==typeof bu(n)?n.pop():t}(n,1/0),i=n;return i.length?1===i.length?he(i[0]):jt(e)(dn(i,t)):un}(new cn(s=>{t=n.isStable&&!n.hasPendingMacrotasks&&!n.hasPendingMicrotasks,n.runOutsideAngular(()=>{s.next(t),s.complete()})}),new cn(s=>{let r;n.runOutsideAngular(()=>{r=n.onStable.subscribe(()=>{Ct.assertNotInAngularZone(),queueMicrotask(()=>{!t&&!n.hasPendingMacrotasks&&!n.hasPendingMicrotasks&&(t=!0,s.next(!0))})})});const o=n.onUnstable.subscribe(()=>{Ct.assertInAngularZone(),t&&(t=!1,n.runOutsideAngular(()=>{s.next(!1)}))});return()=>{r.unsubscribe(),o.unsubscribe()}}).pipe(Mu()))}const hk=new Se(""),tm=new Se("");let xv,Cv=(()=>{class n{constructor(e,i,s){this._ngZone=e,this.registry=i,this._pendingCount=0,this._isZoneStable=!0,this._didWork=!1,this._callbacks=[],this.taskTrackingZone=null,xv||(function p9(n){xv=n}(s),s.addToWindow(i)),this._watchAngularEvents(),e.run(()=>{this.taskTrackingZone=typeof Zone>"u"?null:Zone.current.get("TaskTrackingZone")})}_watchAngularEvents(){this._ngZone.onUnstable.subscribe({next:()=>{this._didWork=!0,this._isZoneStable=!1}}),this._ngZone.runOutsideAngular(()=>{this._ngZone.onStable.subscribe({next:()=>{Ct.assertNotInAngularZone(),queueMicrotask(()=>{this._isZoneStable=!0,this._runCallbacksIfReady()})}})})}increasePendingRequestCount(){return this._pendingCount+=1,this._didWork=!0,this._pendingCount}decreasePendingRequestCount(){if(this._pendingCount-=1,this._pendingCount<0)throw new Error("pending async requests below zero");return this._runCallbacksIfReady(),this._pendingCount}isStable(){return this._isZoneStable&&0===this._pendingCount&&!this._ngZone.hasPendingMacrotasks}_runCallbacksIfReady(){if(this.isStable())queueMicrotask(()=>{for(;0!==this._callbacks.length;){let e=this._callbacks.pop();clearTimeout(e.timeoutId),e.doneCb(this._didWork)}this._didWork=!1});else{let e=this.getPendingTasks();this._callbacks=this._callbacks.filter(i=>!i.updateCb||!i.updateCb(e)||(clearTimeout(i.timeoutId),!1)),this._didWork=!0}}getPendingTasks(){return this.taskTrackingZone?this.taskTrackingZone.macroTasks.map(e=>({source:e.source,creationLocation:e.creationLocation,data:e.data})):[]}addCallback(e,i,s){let r=-1;i&&i>0&&(r=setTimeout(()=>{this._callbacks=this._callbacks.filter(o=>o.timeoutId!==r),e(this._didWork,this.getPendingTasks())},i)),this._callbacks.push({doneCb:e,timeoutId:r,updateCb:s})}whenStable(e,i,s){if(s&&!this.taskTrackingZone)throw new Error('Task tracking zone is required when passing an update callback to whenStable(). Is "zone.js/plugins/task-tracking" loaded?');this.addCallback(e,i,s),this._runCallbacksIfReady()}getPendingRequestCount(){return this._pendingCount}registerApplication(e){this.registry.registerApplication(e,this)}unregisterApplication(e){this.registry.unregisterApplication(e)}findProviders(e,i,s){return[]}}return n.\u0275fac=function(e){return new(e||n)(ye(Ct),ye(Dv),ye(tm))},n.\u0275prov=me({token:n,factory:n.\u0275fac}),n})(),Dv=(()=>{class n{constructor(){this._applications=new Map}registerApplication(e,i){this._applications.set(e,i)}unregisterApplication(e){this._applications.delete(e)}unregisterAllApplications(){this._applications.clear()}getTestability(e){return this._applications.get(e)||null}getAllTestabilities(){return Array.from(this._applications.values())}getAllRootElements(){return Array.from(this._applications.keys())}findTestabilityInTree(e,i=!0){return xv?.findTestabilityInTree(this,e,i)??null}}return n.\u0275fac=function(e){return new(e||n)},n.\u0275prov=me({token:n,factory:n.\u0275fac,providedIn:"platform"}),n})(),Qo=null;const fk=new Se("AllowMultipleToken"),kv=new Se("PlatformDestroyListeners"),Ev=new Se("appBootstrapListener");class mk{constructor(t,e){this.name=t,this.token=e}}function gk(n,t,e=[]){const i=`Platform: ${t}`,s=new Se(i);return(r=[])=>{let o=Iv();if(!o||o.injector.get(fk,!1)){const a=[...e,...r,{provide:s,useValue:!0}];n?n(a):function g9(n){if(Qo&&!Qo.get(fk,!1))throw new Q(400,!1);(function pk(){!function ry(n){Vf=n}(()=>{throw new Q(600,!1)})})(),Qo=n;const t=n.get(vk);(function _k(n){n.get(kC,null)?.forEach(e=>e())})(n)}(function yk(n=[],t){return Ps.create({name:t,providers:[{provide:u0,useValue:"platform"},{provide:kv,useValue:new Set([()=>Qo=null])},...n]})}(a,i))}return function v9(n){const t=Iv();if(!t)throw new Q(401,!1);return t}()}}function Iv(){return Qo?.get(vk)??null}let vk=(()=>{class n{constructor(e){this._injector=e,this._modules=[],this._destroyListeners=[],this._destroyed=!1}bootstrapModuleFactory(e,i){const s=function b9(n="zone.js",t){return"noop"===n?new f9:"zone.js"===n?new Ct(t):n}(i?.ngZone,function bk(n){return{enableLongStackTrace:!1,shouldCoalesceEventChangeDetection:n?.eventCoalescing??!1,shouldCoalesceRunChangeDetection:n?.runCoalescing??!1}}({eventCoalescing:i?.ngZoneEventCoalescing,runCoalescing:i?.ngZoneRunCoalescing}));return s.run(()=>{const r=function eH(n,t,e){return new iv(n,t,e)}(e.moduleType,this.injector,function Ck(n){return[{provide:Ct,useFactory:n},{provide:ld,multi:!0,useFactory:()=>{const t=we(M9,{optional:!0});return()=>t.initialize()}},{provide:Sk,useFactory:w9},{provide:uk,useFactory:dk}]}(()=>s)),o=r.injector.get(qa,null);return s.runOutsideAngular(()=>{const a=s.onError.subscribe({next:l=>{o.handleError(l)}});r.onDestroy(()=>{nm(this._modules,r),a.unsubscribe()})}),function wk(n,t,e){try{const i=e();return Td(i)?i.catch(s=>{throw t.runOutsideAngular(()=>n.handleError(s)),s}):i}catch(i){throw t.runOutsideAngular(()=>n.handleError(i)),i}}(o,s,()=>{const a=r.injector.get(Mv);return a.runInitializers(),a.donePromise.then(()=>(function Vx(n){$i(n,"Expected localeId to be defined"),"string"==typeof n&&(Yx=n.toLowerCase().replace(/_/g,"-"))}(r.injector.get(co,xc)||xc),this._moduleDoBootstrap(r),r))})})}bootstrapModule(e,i=[]){const s=Mk({},i);return function m9(n,t,e){const i=new sv(e);return Promise.resolve(i)}(0,0,e).then(r=>this.bootstrapModuleFactory(r,s))}_moduleDoBootstrap(e){const i=e.injector.get(Za);if(e._bootstrapComponents.length>0)e._bootstrapComponents.forEach(s=>i.bootstrap(s));else{if(!e.instance.ngDoBootstrap)throw new Q(-403,!1);e.instance.ngDoBootstrap(i)}this._modules.push(e)}onDestroy(e){this._destroyListeners.push(e)}get injector(){return this._injector}destroy(){if(this._destroyed)throw new Q(404,!1);this._modules.slice().forEach(i=>i.destroy()),this._destroyListeners.forEach(i=>i());const e=this._injector.get(kv,null);e&&(e.forEach(i=>i()),e.clear()),this._destroyed=!0}get destroyed(){return this._destroyed}}return n.\u0275fac=function(e){return new(e||n)(ye(Ps))},n.\u0275prov=me({token:n,factory:n.\u0275fac,providedIn:"platform"}),n})();function Mk(n,t){return Array.isArray(t)?t.reduce(Mk,n):{...n,...t}}let Za=(()=>{class n{constructor(){this._bootstrapListeners=[],this._runningTick=!1,this._destroyed=!1,this._destroyListeners=[],this._views=[],this.internalErrorHandler=we(Sk),this.zoneIsStable=we(uk),this.componentTypes=[],this.components=[],this.isStable=we(em).hasPendingTasks.pipe(Gi(e=>e?ze(!1):this.zoneIsStable),function La(n,t=Ss){return n=n??pf,kn((e,i)=>{let s,r=!0;e.subscribe(Jt(i,o=>{const a=t(o);(r||!n(s,a))&&(r=!1,s=a,i.next(o))}))})}(),Mu()),this._injector=we(Dr)}get destroyed(){return this._destroyed}get injector(){return this._injector}bootstrap(e,i){const s=e instanceof FC;if(!this._injector.get(Mv).done)throw!s&&function Vo(n){const t=bt(n)||Wn(n)||di(n);return null!==t&&t.standalone}(e),new Q(405,!1);let o;o=s?e:this._injector.get(Pp).resolveComponentFactory(e),this.componentTypes.push(o.componentType);const a=function _9(n){return n.isBoundToModule}(o)?void 0:this._injector.get(kc),c=o.create(Ps.NULL,[],i||o.selector,a),u=c.location.nativeElement,f=c.injector.get(hk,null);return f?.registerApplication(u),c.onDestroy(()=>{this.detachView(c.hostView),nm(this.components,c),f?.unregisterApplication(u)}),this._loadComponent(c),c}tick(){if(this._runningTick)throw new Q(101,!1);try{this._runningTick=!0;for(let e of this._views)e.detectChanges()}catch(e){this.internalErrorHandler(e)}finally{this._runningTick=!1}}attachView(e){const i=e;this._views.push(i),i.attachToAppRef(this)}detachView(e){const i=e;nm(this._views,i),i.detachFromAppRef()}_loadComponent(e){this.attachView(e.hostView),this.tick(),this.components.push(e);const i=this._injector.get(Ev,[]);i.push(...this._bootstrapListeners),i.forEach(s=>s(e))}ngOnDestroy(){if(!this._destroyed)try{this._destroyListeners.forEach(e=>e()),this._views.slice().forEach(e=>e.destroy())}finally{this._destroyed=!0,this._views=[],this._bootstrapListeners=[],this._destroyListeners=[]}}onDestroy(e){return this._destroyListeners.push(e),()=>nm(this._destroyListeners,e)}destroy(){if(this._destroyed)throw new Q(406,!1);const e=this._injector;e.destroy&&!e.destroyed&&e.destroy()}get viewCount(){return this._views.length}warnIfDestroyed(){}}return n.\u0275fac=function(e){return new(e||n)},n.\u0275prov=me({token:n,factory:n.\u0275fac,providedIn:"root"}),n})();function nm(n,t){const e=n.indexOf(t);e>-1&&n.splice(e,1)}const Sk=new Se("",{providedIn:"root",factory:()=>we(qa).handleError.bind(void 0)});function w9(){const n=we(Ct),t=we(qa);return e=>n.runOutsideAngular(()=>t.handleError(e))}let M9=(()=>{class n{constructor(){this.zone=we(Ct),this.applicationRef=we(Za)}initialize(){this._onMicrotaskEmptySubscription||(this._onMicrotaskEmptySubscription=this.zone.onMicrotaskEmpty.subscribe({next:()=>{this.zone.run(()=>{this.applicationRef.tick()})}}))}ngOnDestroy(){this._onMicrotaskEmptySubscription?.unsubscribe()}}return n.\u0275fac=function(e){return new(e||n)},n.\u0275prov=me({token:n,factory:n.\u0275fac,providedIn:"root"}),n})();let ti=(()=>{class n{}return n.__NG_ELEMENT_ID__=S9,n})();function S9(n){return function C9(n,t,e){if(to(n)&&!e){const i=Pi(n.index,t);return new gd(i,i)}return 47&n.type?new gd(t[gn],t):null}(Ut(),X(),16==(16&n))}class Ek{constructor(){}supports(t){return Vp(t)}create(t){return new L9(t)}}const I9=(n,t)=>t;class L9{constructor(t){this.length=0,this._linkedRecords=null,this._unlinkedRecords=null,this._previousItHead=null,this._itHead=null,this._itTail=null,this._additionsHead=null,this._additionsTail=null,this._movesHead=null,this._movesTail=null,this._removalsHead=null,this._removalsTail=null,this._identityChangesHead=null,this._identityChangesTail=null,this._trackByFn=t||I9}forEachItem(t){let e;for(e=this._itHead;null!==e;e=e._next)t(e)}forEachOperation(t){let e=this._itHead,i=this._removalsHead,s=0,r=null;for(;e||i;){const o=!i||e&&e.currentIndex{o=this._trackByFn(s,a),null!==e&&Object.is(e.trackById,o)?(i&&(e=this._verifyReinsertion(e,a,o,s)),Object.is(e.item,a)||this._addIdentityChange(e,a)):(e=this._mismatch(e,a,o,s),i=!0),e=e._next,s++}),this.length=s;return this._truncate(e),this.collection=t,this.isDirty}get isDirty(){return null!==this._additionsHead||null!==this._movesHead||null!==this._removalsHead||null!==this._identityChangesHead}_reset(){if(this.isDirty){let t;for(t=this._previousItHead=this._itHead;null!==t;t=t._next)t._nextPrevious=t._next;for(t=this._additionsHead;null!==t;t=t._nextAdded)t.previousIndex=t.currentIndex;for(this._additionsHead=this._additionsTail=null,t=this._movesHead;null!==t;t=t._nextMoved)t.previousIndex=t.currentIndex;this._movesHead=this._movesTail=null,this._removalsHead=this._removalsTail=null,this._identityChangesHead=this._identityChangesTail=null}}_mismatch(t,e,i,s){let r;return null===t?r=this._itTail:(r=t._prev,this._remove(t)),null!==(t=null===this._unlinkedRecords?null:this._unlinkedRecords.get(i,null))?(Object.is(t.item,e)||this._addIdentityChange(t,e),this._reinsertAfter(t,r,s)):null!==(t=null===this._linkedRecords?null:this._linkedRecords.get(i,s))?(Object.is(t.item,e)||this._addIdentityChange(t,e),this._moveAfter(t,r,s)):t=this._addAfter(new P9(e,i),r,s),t}_verifyReinsertion(t,e,i,s){let r=null===this._unlinkedRecords?null:this._unlinkedRecords.get(i,null);return null!==r?t=this._reinsertAfter(r,t._prev,s):t.currentIndex!=s&&(t.currentIndex=s,this._addToMoves(t,s)),t}_truncate(t){for(;null!==t;){const e=t._next;this._addToRemovals(this._unlink(t)),t=e}null!==this._unlinkedRecords&&this._unlinkedRecords.clear(),null!==this._additionsTail&&(this._additionsTail._nextAdded=null),null!==this._movesTail&&(this._movesTail._nextMoved=null),null!==this._itTail&&(this._itTail._next=null),null!==this._removalsTail&&(this._removalsTail._nextRemoved=null),null!==this._identityChangesTail&&(this._identityChangesTail._nextIdentityChange=null)}_reinsertAfter(t,e,i){null!==this._unlinkedRecords&&this._unlinkedRecords.remove(t);const s=t._prevRemoved,r=t._nextRemoved;return null===s?this._removalsHead=r:s._nextRemoved=r,null===r?this._removalsTail=s:r._prevRemoved=s,this._insertAfter(t,e,i),this._addToMoves(t,i),t}_moveAfter(t,e,i){return this._unlink(t),this._insertAfter(t,e,i),this._addToMoves(t,i),t}_addAfter(t,e,i){return this._insertAfter(t,e,i),this._additionsTail=null===this._additionsTail?this._additionsHead=t:this._additionsTail._nextAdded=t,t}_insertAfter(t,e,i){const s=null===e?this._itHead:e._next;return t._next=s,t._prev=e,null===s?this._itTail=t:s._prev=t,null===e?this._itHead=t:e._next=t,null===this._linkedRecords&&(this._linkedRecords=new Ik),this._linkedRecords.put(t),t.currentIndex=i,t}_remove(t){return this._addToRemovals(this._unlink(t))}_unlink(t){null!==this._linkedRecords&&this._linkedRecords.remove(t);const e=t._prev,i=t._next;return null===e?this._itHead=i:e._next=i,null===i?this._itTail=e:i._prev=e,t}_addToMoves(t,e){return t.previousIndex===e||(this._movesTail=null===this._movesTail?this._movesHead=t:this._movesTail._nextMoved=t),t}_addToRemovals(t){return null===this._unlinkedRecords&&(this._unlinkedRecords=new Ik),this._unlinkedRecords.put(t),t.currentIndex=null,t._nextRemoved=null,null===this._removalsTail?(this._removalsTail=this._removalsHead=t,t._prevRemoved=null):(t._prevRemoved=this._removalsTail,this._removalsTail=this._removalsTail._nextRemoved=t),t}_addIdentityChange(t,e){return t.item=e,this._identityChangesTail=null===this._identityChangesTail?this._identityChangesHead=t:this._identityChangesTail._nextIdentityChange=t,t}}class P9{constructor(t,e){this.item=t,this.trackById=e,this.currentIndex=null,this.previousIndex=null,this._nextPrevious=null,this._prev=null,this._next=null,this._prevDup=null,this._nextDup=null,this._prevRemoved=null,this._nextRemoved=null,this._nextAdded=null,this._nextMoved=null,this._nextIdentityChange=null}}class A9{constructor(){this._head=null,this._tail=null}add(t){null===this._head?(this._head=this._tail=t,t._nextDup=null,t._prevDup=null):(this._tail._nextDup=t,t._prevDup=this._tail,t._nextDup=null,this._tail=t)}get(t,e){let i;for(i=this._head;null!==i;i=i._nextDup)if((null===e||e<=i.currentIndex)&&Object.is(i.trackById,t))return i;return null}remove(t){const e=t._prevDup,i=t._nextDup;return null===e?this._head=i:e._nextDup=i,null===i?this._tail=e:i._prevDup=e,null===this._head}}class Ik{constructor(){this.map=new Map}put(t){const e=t.trackById;let i=this.map.get(e);i||(i=new A9,this.map.set(e,i)),i.add(t)}get(t,e){const s=this.map.get(t);return s?s.get(t,e):null}remove(t){const e=t.trackById;return this.map.get(e).remove(t)&&this.map.delete(e),t}get isEmpty(){return 0===this.map.size}clear(){this.map.clear()}}function Lk(n,t,e){const i=n.previousIndex;if(null===i)return i;let s=0;return e&&i{if(e&&e.key===s)this._maybeAddToChanges(e,i),this._appendAfter=e,e=e._next;else{const r=this._getOrCreateRecordForKey(s,i);e=this._insertBeforeOrAppend(e,r)}}),e){e._prev&&(e._prev._next=null),this._removalsHead=e;for(let i=e;null!==i;i=i._nextRemoved)i===this._mapHead&&(this._mapHead=null),this._records.delete(i.key),i._nextRemoved=i._next,i.previousValue=i.currentValue,i.currentValue=null,i._prev=null,i._next=null}return this._changesTail&&(this._changesTail._nextChanged=null),this._additionsTail&&(this._additionsTail._nextAdded=null),this.isDirty}_insertBeforeOrAppend(t,e){if(t){const i=t._prev;return e._next=t,e._prev=i,t._prev=e,i&&(i._next=e),t===this._mapHead&&(this._mapHead=e),this._appendAfter=t,t}return this._appendAfter?(this._appendAfter._next=e,e._prev=this._appendAfter):this._mapHead=e,this._appendAfter=e,null}_getOrCreateRecordForKey(t,e){if(this._records.has(t)){const s=this._records.get(t);this._maybeAddToChanges(s,e);const r=s._prev,o=s._next;return r&&(r._next=o),o&&(o._prev=r),s._next=null,s._prev=null,s}const i=new R9(t);return this._records.set(t,i),i.currentValue=e,this._addToAdditions(i),i}_reset(){if(this.isDirty){let t;for(this._previousMapHead=this._mapHead,t=this._previousMapHead;null!==t;t=t._next)t._nextPrevious=t._next;for(t=this._changesHead;null!==t;t=t._nextChanged)t.previousValue=t.currentValue;for(t=this._additionsHead;null!=t;t=t._nextAdded)t.previousValue=t.currentValue;this._changesHead=this._changesTail=null,this._additionsHead=this._additionsTail=null,this._removalsHead=null}}_maybeAddToChanges(t,e){Object.is(e,t.currentValue)||(t.previousValue=t.currentValue,t.currentValue=e,this._addToChanges(t))}_addToAdditions(t){null===this._additionsHead?this._additionsHead=this._additionsTail=t:(this._additionsTail._nextAdded=t,this._additionsTail=t)}_addToChanges(t){null===this._changesHead?this._changesHead=this._changesTail=t:(this._changesTail._nextChanged=t,this._changesTail=t)}_forEach(t,e){t instanceof Map?t.forEach(e):Object.keys(t).forEach(i=>e(t[i],i))}}class R9{constructor(t){this.key=t,this.previousValue=null,this.currentValue=null,this._nextPrevious=null,this._next=null,this._prev=null,this._nextAdded=null,this._nextRemoved=null,this._nextChanged=null}}function Ak(){return new rm([new Ek])}let rm=(()=>{class n{constructor(e){this.factories=e}static create(e,i){if(null!=i){const s=i.factories.slice();e=e.concat(s)}return new n(e)}static extend(e){return{provide:n,useFactory:i=>n.create(e,i||Ak()),deps:[[n,new dp,new up]]}}find(e){const i=this.factories.find(s=>s.supports(e));if(null!=i)return i;throw new Q(901,!1)}}return n.\u0275prov=me({token:n,providedIn:"root",factory:Ak}),n})();function Ok(){return new Fd([new Pk])}let Fd=(()=>{class n{constructor(e){this.factories=e}static create(e,i){if(i){const s=i.factories.slice();e=e.concat(s)}return new n(e)}static extend(e){return{provide:n,useFactory:i=>n.create(e,i||Ok()),deps:[[n,new dp,new up]]}}find(e){const i=this.factories.find(s=>s.supports(e));if(i)return i;throw new Q(901,!1)}}return n.\u0275prov=me({token:n,providedIn:"root",factory:Ok}),n})();const H9=gk(null,"core",[]);let Y9=(()=>{class n{constructor(e){}}return n.\u0275fac=function(e){return new(e||n)(ye(Za))},n.\u0275mod=pt({type:n}),n.\u0275inj=ht({}),n})();function Pc(n){return"boolean"==typeof n?n:null!=n&&"false"!==n}let Nv=null;function ea(){return Nv}class J9{}const wn=new Se("DocumentToken");let Hv=(()=>{class n{historyGo(e){throw new Error("Not implemented")}}return n.\u0275fac=function(e){return new(e||n)},n.\u0275prov=me({token:n,factory:function(){return we(Q9)},providedIn:"platform"}),n})();const Z9=new Se("Location Initialized");let Q9=(()=>{class n extends Hv{constructor(){super(),this._doc=we(wn),this._location=window.location,this._history=window.history}getBaseHrefFromDOM(){return ea().getBaseHref(this._doc)}onPopState(e){const i=ea().getGlobalEventTarget(this._doc,"window");return i.addEventListener("popstate",e,!1),()=>i.removeEventListener("popstate",e)}onHashChange(e){const i=ea().getGlobalEventTarget(this._doc,"window");return i.addEventListener("hashchange",e,!1),()=>i.removeEventListener("hashchange",e)}get href(){return this._location.href}get protocol(){return this._location.protocol}get hostname(){return this._location.hostname}get port(){return this._location.port}get pathname(){return this._location.pathname}get search(){return this._location.search}get hash(){return this._location.hash}set pathname(e){this._location.pathname=e}pushState(e,i,s){this._history.pushState(e,i,s)}replaceState(e,i,s){this._history.replaceState(e,i,s)}forward(){this._history.forward()}back(){this._history.back()}historyGo(e=0){this._history.go(e)}getState(){return this._history.state}}return n.\u0275fac=function(e){return new(e||n)},n.\u0275prov=me({token:n,factory:function(){return new n},providedIn:"platform"}),n})();function Yv(n,t){if(0==n.length)return t;if(0==t.length)return n;let e=0;return n.endsWith("/")&&e++,t.startsWith("/")&&e++,2==e?n+t.substring(1):1==e?n+t:n+"/"+t}function Bk(n){const t=n.match(/#|\?|$/),e=t&&t.index||n.length;return n.slice(0,e-("/"===n[e-1]?1:0))+n.slice(e)}function uo(n){return n&&"?"!==n[0]?"?"+n:n}let ta=(()=>{class n{historyGo(e){throw new Error("Not implemented")}}return n.\u0275fac=function(e){return new(e||n)},n.\u0275prov=me({token:n,factory:function(){return we(jk)},providedIn:"root"}),n})();const zk=new Se("appBaseHref");let jk=(()=>{class n extends ta{constructor(e,i){super(),this._platformLocation=e,this._removeListenerFns=[],this._baseHref=i??this._platformLocation.getBaseHrefFromDOM()??we(wn).location?.origin??""}ngOnDestroy(){for(;this._removeListenerFns.length;)this._removeListenerFns.pop()()}onPopState(e){this._removeListenerFns.push(this._platformLocation.onPopState(e),this._platformLocation.onHashChange(e))}getBaseHref(){return this._baseHref}prepareExternalUrl(e){return Yv(this._baseHref,e)}path(e=!1){const i=this._platformLocation.pathname+uo(this._platformLocation.search),s=this._platformLocation.hash;return s&&e?`${i}${s}`:i}pushState(e,i,s,r){const o=this.prepareExternalUrl(s+uo(r));this._platformLocation.pushState(e,i,o)}replaceState(e,i,s,r){const o=this.prepareExternalUrl(s+uo(r));this._platformLocation.replaceState(e,i,o)}forward(){this._platformLocation.forward()}back(){this._platformLocation.back()}getState(){return this._platformLocation.getState()}historyGo(e=0){this._platformLocation.historyGo?.(e)}}return n.\u0275fac=function(e){return new(e||n)(ye(Hv),ye(zk,8))},n.\u0275prov=me({token:n,factory:n.\u0275fac,providedIn:"root"}),n})(),Wk=(()=>{class n extends ta{constructor(e,i){super(),this._platformLocation=e,this._baseHref="",this._removeListenerFns=[],null!=i&&(this._baseHref=i)}ngOnDestroy(){for(;this._removeListenerFns.length;)this._removeListenerFns.pop()()}onPopState(e){this._removeListenerFns.push(this._platformLocation.onPopState(e),this._platformLocation.onHashChange(e))}getBaseHref(){return this._baseHref}path(e=!1){let i=this._platformLocation.hash;return null==i&&(i="#"),i.length>0?i.substring(1):i}prepareExternalUrl(e){const i=Yv(this._baseHref,e);return i.length>0?"#"+i:i}pushState(e,i,s,r){let o=this.prepareExternalUrl(s+uo(r));0==o.length&&(o=this._platformLocation.pathname),this._platformLocation.pushState(e,i,o)}replaceState(e,i,s,r){let o=this.prepareExternalUrl(s+uo(r));0==o.length&&(o=this._platformLocation.pathname),this._platformLocation.replaceState(e,i,o)}forward(){this._platformLocation.forward()}back(){this._platformLocation.back()}getState(){return this._platformLocation.getState()}historyGo(e=0){this._platformLocation.historyGo?.(e)}}return n.\u0275fac=function(e){return new(e||n)(ye(Hv),ye(zk,8))},n.\u0275prov=me({token:n,factory:n.\u0275fac}),n})(),Vv=(()=>{class n{constructor(e){this._subject=new ce,this._urlChangeListeners=[],this._urlChangeSubscription=null,this._locationStrategy=e;const i=this._locationStrategy.getBaseHref();this._basePath=function n8(n){if(new RegExp("^(https?:)?//").test(n)){const[,e]=n.split(/\/\/[^\/]+/);return e}return n}(Bk(Uk(i))),this._locationStrategy.onPopState(s=>{this._subject.emit({url:this.path(!0),pop:!0,state:s.state,type:s.type})})}ngOnDestroy(){this._urlChangeSubscription?.unsubscribe(),this._urlChangeListeners=[]}path(e=!1){return this.normalize(this._locationStrategy.path(e))}getState(){return this._locationStrategy.getState()}isCurrentPathEqualTo(e,i=""){return this.path()==this.normalize(e+uo(i))}normalize(e){return n.stripTrailingSlash(function t8(n,t){if(!n||!t.startsWith(n))return t;const e=t.substring(n.length);return""===e||["/",";","?","#"].includes(e[0])?e:t}(this._basePath,Uk(e)))}prepareExternalUrl(e){return e&&"/"!==e[0]&&(e="/"+e),this._locationStrategy.prepareExternalUrl(e)}go(e,i="",s=null){this._locationStrategy.pushState(s,"",e,i),this._notifyUrlChangeListeners(this.prepareExternalUrl(e+uo(i)),s)}replaceState(e,i="",s=null){this._locationStrategy.replaceState(s,"",e,i),this._notifyUrlChangeListeners(this.prepareExternalUrl(e+uo(i)),s)}forward(){this._locationStrategy.forward()}back(){this._locationStrategy.back()}historyGo(e=0){this._locationStrategy.historyGo?.(e)}onUrlChange(e){return this._urlChangeListeners.push(e),this._urlChangeSubscription||(this._urlChangeSubscription=this.subscribe(i=>{this._notifyUrlChangeListeners(i.url,i.state)})),()=>{const i=this._urlChangeListeners.indexOf(e);this._urlChangeListeners.splice(i,1),0===this._urlChangeListeners.length&&(this._urlChangeSubscription?.unsubscribe(),this._urlChangeSubscription=null)}}_notifyUrlChangeListeners(e="",i){this._urlChangeListeners.forEach(s=>s(e,i))}subscribe(e,i,s){return this._subject.subscribe({next:e,error:i,complete:s})}}return n.normalizeQueryParams=uo,n.joinWithSlash=Yv,n.stripTrailingSlash=Bk,n.\u0275fac=function(e){return new(e||n)(ye(ta))},n.\u0275prov=me({token:n,factory:function(){return function e8(){return new Vv(ye(ta))}()},providedIn:"root"}),n})();function Uk(n){return n.replace(/\/index.html$/,"")}var Ji=(()=>((Ji=Ji||{})[Ji.Decimal=0]="Decimal",Ji[Ji.Percent=1]="Percent",Ji[Ji.Currency=2]="Currency",Ji[Ji.Scientific=3]="Scientific",Ji))(),Ln=(()=>((Ln=Ln||{})[Ln.Format=0]="Format",Ln[Ln.Standalone=1]="Standalone",Ln))(),mt=(()=>((mt=mt||{})[mt.Narrow=0]="Narrow",mt[mt.Abbreviated=1]="Abbreviated",mt[mt.Wide=2]="Wide",mt[mt.Short=3]="Short",mt))(),pn=(()=>((pn=pn||{})[pn.Short=0]="Short",pn[pn.Medium=1]="Medium",pn[pn.Long=2]="Long",pn[pn.Full=3]="Full",pn))(),Be=(()=>((Be=Be||{})[Be.Decimal=0]="Decimal",Be[Be.Group=1]="Group",Be[Be.List=2]="List",Be[Be.PercentSign=3]="PercentSign",Be[Be.PlusSign=4]="PlusSign",Be[Be.MinusSign=5]="MinusSign",Be[Be.Exponential=6]="Exponential",Be[Be.SuperscriptingExponent=7]="SuperscriptingExponent",Be[Be.PerMille=8]="PerMille",Be[Be.Infinity=9]="Infinity",Be[Be.NaN=10]="NaN",Be[Be.TimeSeparator=11]="TimeSeparator",Be[Be.CurrencyDecimal=12]="CurrencyDecimal",Be[Be.CurrencyGroup=13]="CurrencyGroup",Be))();function am(n,t){return Rs(Fi(n)[be.DateFormat],t)}function lm(n,t){return Rs(Fi(n)[be.TimeFormat],t)}function cm(n,t){return Rs(Fi(n)[be.DateTimeFormat],t)}function Os(n,t){const e=Fi(n),i=e[be.NumberSymbols][t];if(typeof i>"u"){if(t===Be.CurrencyDecimal)return e[be.NumberSymbols][Be.Decimal];if(t===Be.CurrencyGroup)return e[be.NumberSymbols][Be.Group]}return i}function $k(n){if(!n[be.ExtraData])throw new Error(`Missing extra locale data for the locale "${n[be.LocaleId]}". Use "registerLocaleData" to load new data. See the "I18n guide" on angular.io to know more.`)}function Rs(n,t){for(let e=t;e>-1;e--)if(typeof n[e]<"u")return n[e];throw new Error("Locale data API: locale data undefined")}function zv(n){const[t,e]=n.split(":");return{hours:+t,minutes:+e}}const _8=/^(\d{4,})-?(\d\d)-?(\d\d)(?:T(\d\d)(?::?(\d\d)(?::?(\d\d)(?:\.(\d+))?)?)?(Z|([+-])(\d\d):?(\d\d))?)?$/,Nd={},g8=/((?:[^BEGHLMOSWYZabcdhmswyz']+)|(?:'(?:[^']|'')*')|(?:G{1,5}|y{1,4}|Y{1,4}|M{1,5}|L{1,5}|w{1,2}|W{1}|d{1,2}|E{1,6}|c{1,6}|a{1,5}|b{1,5}|B{1,5}|h{1,2}|H{1,2}|m{1,2}|s{1,2}|S{1,3}|z{1,4}|Z{1,5}|O{1,4}))([\s\S]*)/;var qn=(()=>((qn=qn||{})[qn.Short=0]="Short",qn[qn.ShortGMT=1]="ShortGMT",qn[qn.Long=2]="Long",qn[qn.Extended=3]="Extended",qn))(),$e=(()=>(($e=$e||{})[$e.FullYear=0]="FullYear",$e[$e.Month=1]="Month",$e[$e.Date=2]="Date",$e[$e.Hours=3]="Hours",$e[$e.Minutes=4]="Minutes",$e[$e.Seconds=5]="Seconds",$e[$e.FractionalSeconds=6]="FractionalSeconds",$e[$e.Day=7]="Day",$e))(),at=(()=>((at=at||{})[at.DayPeriods=0]="DayPeriods",at[at.Days=1]="Days",at[at.Months=2]="Months",at[at.Eras=3]="Eras",at))();function y8(n,t,e,i){let s=function x8(n){if(Xk(n))return n;if("number"==typeof n&&!isNaN(n))return new Date(n);if("string"==typeof n){if(n=n.trim(),/^(\d{4}(-\d{1,2}(-\d{1,2})?)?)$/.test(n)){const[s,r=1,o=1]=n.split("-").map(a=>+a);return um(s,r-1,o)}const e=parseFloat(n);if(!isNaN(n-e))return new Date(e);let i;if(i=n.match(_8))return function k8(n){const t=new Date(0);let e=0,i=0;const s=n[8]?t.setUTCFullYear:t.setFullYear,r=n[8]?t.setUTCHours:t.setHours;n[9]&&(e=Number(n[9]+n[10]),i=Number(n[9]+n[11])),s.call(t,Number(n[1]),Number(n[2])-1,Number(n[3]));const o=Number(n[4]||0)-e,a=Number(n[5]||0)-i,l=Number(n[6]||0),c=Math.floor(1e3*parseFloat("0."+(n[7]||0)));return r.call(t,o,a,l,c),t}(i)}const t=new Date(n);if(!Xk(t))throw new Error(`Unable to convert "${n}" into a date`);return t}(n);t=ho(e,t)||t;let a,o=[];for(;t;){if(a=g8.exec(t),!a){o.push(t);break}{o=o.concat(a.slice(1));const u=o.pop();if(!u)break;t=u}}let l=s.getTimezoneOffset();i&&(l=Kk(i,l),s=function D8(n,t,e){const i=e?-1:1,s=n.getTimezoneOffset();return function C8(n,t){return(n=new Date(n.getTime())).setMinutes(n.getMinutes()+t),n}(n,i*(Kk(t,s)-s))}(s,i,!0));let c="";return o.forEach(u=>{const f=function S8(n){if(Wv[n])return Wv[n];let t;switch(n){case"G":case"GG":case"GGG":t=qt(at.Eras,mt.Abbreviated);break;case"GGGG":t=qt(at.Eras,mt.Wide);break;case"GGGGG":t=qt(at.Eras,mt.Narrow);break;case"y":t=Vn($e.FullYear,1,0,!1,!0);break;case"yy":t=Vn($e.FullYear,2,0,!0,!0);break;case"yyy":t=Vn($e.FullYear,3,0,!1,!0);break;case"yyyy":t=Vn($e.FullYear,4,0,!1,!0);break;case"Y":t=pm(1);break;case"YY":t=pm(2,!0);break;case"YYY":t=pm(3);break;case"YYYY":t=pm(4);break;case"M":case"L":t=Vn($e.Month,1,1);break;case"MM":case"LL":t=Vn($e.Month,2,1);break;case"MMM":t=qt(at.Months,mt.Abbreviated);break;case"MMMM":t=qt(at.Months,mt.Wide);break;case"MMMMM":t=qt(at.Months,mt.Narrow);break;case"LLL":t=qt(at.Months,mt.Abbreviated,Ln.Standalone);break;case"LLLL":t=qt(at.Months,mt.Wide,Ln.Standalone);break;case"LLLLL":t=qt(at.Months,mt.Narrow,Ln.Standalone);break;case"w":t=jv(1);break;case"ww":t=jv(2);break;case"W":t=jv(1,!0);break;case"d":t=Vn($e.Date,1);break;case"dd":t=Vn($e.Date,2);break;case"c":case"cc":t=Vn($e.Day,1);break;case"ccc":t=qt(at.Days,mt.Abbreviated,Ln.Standalone);break;case"cccc":t=qt(at.Days,mt.Wide,Ln.Standalone);break;case"ccccc":t=qt(at.Days,mt.Narrow,Ln.Standalone);break;case"cccccc":t=qt(at.Days,mt.Short,Ln.Standalone);break;case"E":case"EE":case"EEE":t=qt(at.Days,mt.Abbreviated);break;case"EEEE":t=qt(at.Days,mt.Wide);break;case"EEEEE":t=qt(at.Days,mt.Narrow);break;case"EEEEEE":t=qt(at.Days,mt.Short);break;case"a":case"aa":case"aaa":t=qt(at.DayPeriods,mt.Abbreviated);break;case"aaaa":t=qt(at.DayPeriods,mt.Wide);break;case"aaaaa":t=qt(at.DayPeriods,mt.Narrow);break;case"b":case"bb":case"bbb":t=qt(at.DayPeriods,mt.Abbreviated,Ln.Standalone,!0);break;case"bbbb":t=qt(at.DayPeriods,mt.Wide,Ln.Standalone,!0);break;case"bbbbb":t=qt(at.DayPeriods,mt.Narrow,Ln.Standalone,!0);break;case"B":case"BB":case"BBB":t=qt(at.DayPeriods,mt.Abbreviated,Ln.Format,!0);break;case"BBBB":t=qt(at.DayPeriods,mt.Wide,Ln.Format,!0);break;case"BBBBB":t=qt(at.DayPeriods,mt.Narrow,Ln.Format,!0);break;case"h":t=Vn($e.Hours,1,-12);break;case"hh":t=Vn($e.Hours,2,-12);break;case"H":t=Vn($e.Hours,1);break;case"HH":t=Vn($e.Hours,2);break;case"m":t=Vn($e.Minutes,1);break;case"mm":t=Vn($e.Minutes,2);break;case"s":t=Vn($e.Seconds,1);break;case"ss":t=Vn($e.Seconds,2);break;case"S":t=Vn($e.FractionalSeconds,1);break;case"SS":t=Vn($e.FractionalSeconds,2);break;case"SSS":t=Vn($e.FractionalSeconds,3);break;case"Z":case"ZZ":case"ZZZ":t=hm(qn.Short);break;case"ZZZZZ":t=hm(qn.Extended);break;case"O":case"OO":case"OOO":case"z":case"zz":case"zzz":t=hm(qn.ShortGMT);break;case"OOOO":case"ZZZZ":case"zzzz":t=hm(qn.Long);break;default:return null}return Wv[n]=t,t}(u);c+=f?f(s,e,l):"''"===u?"'":u.replace(/(^'|'$)/g,"").replace(/''/g,"'")}),c}function um(n,t,e){const i=new Date(0);return i.setFullYear(n,t,e),i.setHours(0,0,0),i}function ho(n,t){const e=function s8(n){return Fi(n)[be.LocaleId]}(n);if(Nd[e]=Nd[e]||{},Nd[e][t])return Nd[e][t];let i="";switch(t){case"shortDate":i=am(n,pn.Short);break;case"mediumDate":i=am(n,pn.Medium);break;case"longDate":i=am(n,pn.Long);break;case"fullDate":i=am(n,pn.Full);break;case"shortTime":i=lm(n,pn.Short);break;case"mediumTime":i=lm(n,pn.Medium);break;case"longTime":i=lm(n,pn.Long);break;case"fullTime":i=lm(n,pn.Full);break;case"short":const s=ho(n,"shortTime"),r=ho(n,"shortDate");i=dm(cm(n,pn.Short),[s,r]);break;case"medium":const o=ho(n,"mediumTime"),a=ho(n,"mediumDate");i=dm(cm(n,pn.Medium),[o,a]);break;case"long":const l=ho(n,"longTime"),c=ho(n,"longDate");i=dm(cm(n,pn.Long),[l,c]);break;case"full":const u=ho(n,"fullTime"),f=ho(n,"fullDate");i=dm(cm(n,pn.Full),[u,f])}return i&&(Nd[e][t]=i),i}function dm(n,t){return t&&(n=n.replace(/\{([^}]+)}/g,function(e,i){return null!=t&&i in t?t[i]:e})),n}function rr(n,t,e="-",i,s){let r="";(n<0||s&&n<=0)&&(s?n=1-n:(n=-n,r=e));let o=String(n);for(;o.length0||a>-e)&&(a+=e),n===$e.Hours)0===a&&-12===e&&(a=12);else if(n===$e.FractionalSeconds)return function v8(n,t){return rr(n,3).substring(0,t)}(a,t);const l=Os(o,Be.MinusSign);return rr(a,t,l,i,s)}}function qt(n,t,e=Ln.Format,i=!1){return function(s,r){return function w8(n,t,e,i,s,r){switch(e){case at.Months:return function a8(n,t,e){const i=Fi(n),r=Rs([i[be.MonthsFormat],i[be.MonthsStandalone]],t);return Rs(r,e)}(t,s,i)[n.getMonth()];case at.Days:return function o8(n,t,e){const i=Fi(n),r=Rs([i[be.DaysFormat],i[be.DaysStandalone]],t);return Rs(r,e)}(t,s,i)[n.getDay()];case at.DayPeriods:const o=n.getHours(),a=n.getMinutes();if(r){const c=function d8(n){const t=Fi(n);return $k(t),(t[be.ExtraData][2]||[]).map(i=>"string"==typeof i?zv(i):[zv(i[0]),zv(i[1])])}(t),u=function h8(n,t,e){const i=Fi(n);$k(i);const r=Rs([i[be.ExtraData][0],i[be.ExtraData][1]],t)||[];return Rs(r,e)||[]}(t,s,i),f=c.findIndex(p=>{if(Array.isArray(p)){const[g,v]=p,M=o>=g.hours&&a>=g.minutes,S=o0?Math.floor(s/60):Math.ceil(s/60);switch(n){case qn.Short:return(s>=0?"+":"")+rr(o,2,r)+rr(Math.abs(s%60),2,r);case qn.ShortGMT:return"GMT"+(s>=0?"+":"")+rr(o,1,r);case qn.Long:return"GMT"+(s>=0?"+":"")+rr(o,2,r)+":"+rr(Math.abs(s%60),2,r);case qn.Extended:return 0===i?"Z":(s>=0?"+":"")+rr(o,2,r)+":"+rr(Math.abs(s%60),2,r);default:throw new Error(`Unknown zone width "${n}"`)}}}const M8=0,fm=4;function qk(n){return um(n.getFullYear(),n.getMonth(),n.getDate()+(fm-n.getDay()))}function jv(n,t=!1){return function(e,i){let s;if(t){const r=new Date(e.getFullYear(),e.getMonth(),1).getDay()-1,o=e.getDate();s=1+Math.floor((o+r)/7)}else{const r=qk(e),o=function T8(n){const t=um(n,M8,1).getDay();return um(n,0,1+(t<=fm?fm:fm+7)-t)}(r.getFullYear()),a=r.getTime()-o.getTime();s=1+Math.round(a/6048e5)}return rr(s,n,Os(i,Be.MinusSign))}}function pm(n,t=!1){return function(e,i){return rr(qk(e).getFullYear(),n,Os(i,Be.MinusSign),t)}}const Wv={};function Kk(n,t){n=n.replace(/:/g,"");const e=Date.parse("Jan 01, 1970 00:00:00 "+n)/6e4;return isNaN(e)?t:e}function Xk(n){return n instanceof Date&&!isNaN(n.valueOf())}const E8=/^(\d+)?\.((\d+)(-(\d+))?)?$/;function qv(n){const t=parseInt(n);if(isNaN(t))throw new Error("Invalid integer literal when parsing "+n);return t}function eE(n,t){t=encodeURIComponent(t);for(const e of n.split(";")){const i=e.indexOf("="),[s,r]=-1==i?[e,""]:[e.slice(0,i),e.slice(i+1)];if(s.trim()===t)return decodeURIComponent(r)}return null}const Xv=/\s+/,tE=[];let gi=(()=>{class n{constructor(e,i,s,r){this._iterableDiffers=e,this._keyValueDiffers=i,this._ngEl=s,this._renderer=r,this.initialClasses=tE,this.stateMap=new Map}set klass(e){this.initialClasses=null!=e?e.trim().split(Xv):tE}set ngClass(e){this.rawClass="string"==typeof e?e.trim().split(Xv):e}ngDoCheck(){for(const i of this.initialClasses)this._updateState(i,!0);const e=this.rawClass;if(Array.isArray(e)||e instanceof Set)for(const i of e)this._updateState(i,!0);else if(null!=e)for(const i of Object.keys(e))this._updateState(i,!!e[i]);this._applyStateDiff()}_updateState(e,i){const s=this.stateMap.get(e);void 0!==s?(s.enabled!==i&&(s.changed=!0,s.enabled=i),s.touched=!0):this.stateMap.set(e,{enabled:i,changed:!0,touched:!0})}_applyStateDiff(){for(const e of this.stateMap){const i=e[0],s=e[1];s.changed?(this._toggleClass(i,s.enabled),s.changed=!1):s.touched||(s.enabled&&this._toggleClass(i,!1),this.stateMap.delete(i)),s.touched=!1}}_toggleClass(e,i){(e=e.trim()).length>0&&e.split(Xv).forEach(s=>{i?this._renderer.addClass(this._ngEl.nativeElement,s):this._renderer.removeClass(this._ngEl.nativeElement,s)})}}return n.\u0275fac=function(e){return new(e||n)(W(rm),W(Fd),W(Gt),W(oi))},n.\u0275dir=Ae({type:n,selectors:[["","ngClass",""]],inputs:{klass:["class","klass"],ngClass:"ngClass"},standalone:!0}),n})();class B8{constructor(t,e,i,s){this.$implicit=t,this.ngForOf=e,this.index=i,this.count=s}get first(){return 0===this.index}get last(){return this.index===this.count-1}get even(){return this.index%2==0}get odd(){return!this.even}}let fo=(()=>{class n{set ngForOf(e){this._ngForOf=e,this._ngForOfDirty=!0}set ngForTrackBy(e){this._trackByFn=e}get ngForTrackBy(){return this._trackByFn}constructor(e,i,s){this._viewContainer=e,this._template=i,this._differs=s,this._ngForOf=null,this._ngForOfDirty=!0,this._differ=null}set ngForTemplate(e){e&&(this._template=e)}ngDoCheck(){if(this._ngForOfDirty){this._ngForOfDirty=!1;const e=this._ngForOf;!this._differ&&e&&(this._differ=this._differs.find(e).create(this.ngForTrackBy))}if(this._differ){const e=this._differ.diff(this._ngForOf);e&&this._applyChanges(e)}}_applyChanges(e){const i=this._viewContainer;e.forEachOperation((s,r,o)=>{if(null==s.previousIndex)i.createEmbeddedView(this._template,new B8(s.item,this._ngForOf,-1,-1),null===o?void 0:o);else if(null==o)i.remove(null===r?void 0:r);else if(null!==r){const a=i.get(r);i.move(a,o),iE(a,s)}});for(let s=0,r=i.length;s{iE(i.get(s.currentIndex),s)})}static ngTemplateContextGuard(e,i){return!0}}return n.\u0275fac=function(e){return new(e||n)(W(nr),W(Ir),W(rm))},n.\u0275dir=Ae({type:n,selectors:[["","ngFor","","ngForOf",""]],inputs:{ngForOf:"ngForOf",ngForTrackBy:"ngForTrackBy",ngForTemplate:"ngForTemplate"},standalone:!0}),n})();function iE(n,t){n.context.$implicit=t.item}let Bn=(()=>{class n{constructor(e,i){this._viewContainer=e,this._context=new z8,this._thenTemplateRef=null,this._elseTemplateRef=null,this._thenViewRef=null,this._elseViewRef=null,this._thenTemplateRef=i}set ngIf(e){this._context.$implicit=this._context.ngIf=e,this._updateView()}set ngIfThen(e){sE("ngIfThen",e),this._thenTemplateRef=e,this._thenViewRef=null,this._updateView()}set ngIfElse(e){sE("ngIfElse",e),this._elseTemplateRef=e,this._elseViewRef=null,this._updateView()}_updateView(){this._context.$implicit?this._thenViewRef||(this._viewContainer.clear(),this._elseViewRef=null,this._thenTemplateRef&&(this._thenViewRef=this._viewContainer.createEmbeddedView(this._thenTemplateRef,this._context))):this._elseViewRef||(this._viewContainer.clear(),this._thenViewRef=null,this._elseTemplateRef&&(this._elseViewRef=this._viewContainer.createEmbeddedView(this._elseTemplateRef,this._context)))}static ngTemplateContextGuard(e,i){return!0}}return n.\u0275fac=function(e){return new(e||n)(W(nr),W(Ir))},n.\u0275dir=Ae({type:n,selectors:[["","ngIf",""]],inputs:{ngIf:"ngIf",ngIfThen:"ngIfThen",ngIfElse:"ngIfElse"},standalone:!0}),n})();class z8{constructor(){this.$implicit=null,this.ngIf=null}}function sE(n,t){if(t&&!t.createEmbeddedView)throw new Error(`${n} must be a TemplateRef, but received '${Zt(t)}'.`)}let yi=(()=>{class n{constructor(e,i,s){this._ngEl=e,this._differs=i,this._renderer=s,this._ngStyle=null,this._differ=null}set ngStyle(e){this._ngStyle=e,!this._differ&&e&&(this._differ=this._differs.find(e).create())}ngDoCheck(){if(this._differ){const e=this._differ.diff(this._ngStyle);e&&this._applyChanges(e)}}_setStyle(e,i){const[s,r]=e.split("."),o=-1===s.indexOf("-")?void 0:Ki.DashCase;null!=i?this._renderer.setStyle(this._ngEl.nativeElement,s,r?`${i}${r}`:i,o):this._renderer.removeStyle(this._ngEl.nativeElement,s,o)}_applyChanges(e){e.forEachRemovedItem(i=>this._setStyle(i.key,null)),e.forEachAddedItem(i=>this._setStyle(i.key,i.currentValue)),e.forEachChangedItem(i=>this._setStyle(i.key,i.currentValue))}}return n.\u0275fac=function(e){return new(e||n)(W(Gt),W(Fd),W(oi))},n.\u0275dir=Ae({type:n,selectors:[["","ngStyle",""]],inputs:{ngStyle:"ngStyle"},standalone:!0}),n})(),Fs=(()=>{class n{constructor(e){this._viewContainerRef=e,this._viewRef=null,this.ngTemplateOutletContext=null,this.ngTemplateOutlet=null,this.ngTemplateOutletInjector=null}ngOnChanges(e){if(e.ngTemplateOutlet||e.ngTemplateOutletInjector){const i=this._viewContainerRef;if(this._viewRef&&i.remove(i.indexOf(this._viewRef)),this.ngTemplateOutlet){const{ngTemplateOutlet:s,ngTemplateOutletContext:r,ngTemplateOutletInjector:o}=this;this._viewRef=i.createEmbeddedView(s,r,o?{injector:o}:void 0)}else this._viewRef=null}else this._viewRef&&e.ngTemplateOutletContext&&this.ngTemplateOutletContext&&(this._viewRef.context=this.ngTemplateOutletContext)}}return n.\u0275fac=function(e){return new(e||n)(W(nr))},n.\u0275dir=Ae({type:n,selectors:[["","ngTemplateOutlet",""]],inputs:{ngTemplateOutletContext:"ngTemplateOutletContext",ngTemplateOutlet:"ngTemplateOutlet",ngTemplateOutletInjector:"ngTemplateOutletInjector"},standalone:!0,features:[In]}),n})();function or(n,t){return new Q(2100,!1)}class G8{createSubscription(t,e){return Bf(()=>t.subscribe({next:e,error:i=>{throw i}}))}dispose(t){Bf(()=>t.unsubscribe())}}class $8{createSubscription(t,e){return t.then(e,i=>{throw i})}dispose(t){}}const q8=new $8,K8=new G8;let el=(()=>{class n{constructor(e){this._latestValue=null,this._subscription=null,this._obj=null,this._strategy=null,this._ref=e}ngOnDestroy(){this._subscription&&this._dispose(),this._ref=null}transform(e){return this._obj?e!==this._obj?(this._dispose(),this.transform(e)):this._latestValue:(e&&this._subscribe(e),this._latestValue)}_subscribe(e){this._obj=e,this._strategy=this._selectStrategy(e),this._subscription=this._strategy.createSubscription(e,i=>this._updateLatestValue(e,i))}_selectStrategy(e){if(Td(e))return q8;if(UD(e))return K8;throw or()}_dispose(){this._strategy.dispose(this._subscription),this._latestValue=null,this._subscription=null,this._obj=null}_updateLatestValue(e,i){e===this._obj&&(this._latestValue=i,this._ref.markForCheck())}}return n.\u0275fac=function(e){return new(e||n)(W(ti,16))},n.\u0275pipe=Rn({name:"async",type:n,pure:!1,standalone:!0}),n})();const tY=new Se("DATE_PIPE_DEFAULT_TIMEZONE"),nY=new Se("DATE_PIPE_DEFAULT_OPTIONS");let oE=(()=>{class n{constructor(e,i,s){this.locale=e,this.defaultTimezone=i,this.defaultOptions=s}transform(e,i,s,r){if(null==e||""===e||e!=e)return null;try{return y8(e,i??this.defaultOptions?.dateFormat??"mediumDate",r||this.locale,s??this.defaultOptions?.timezone??this.defaultTimezone??void 0)}catch(o){throw or()}}}return n.\u0275fac=function(e){return new(e||n)(W(co,16),W(tY,24),W(nY,24))},n.\u0275pipe=Rn({name:"date",type:n,pure:!0,standalone:!0}),n})(),_m=(()=>{class n{constructor(e){this._locale=e}transform(e,i,s){if(!function Qv(n){return!(null==n||""===n||n!=n)}(e))return null;s=s||this._locale;try{return function R8(n,t,e){return function Gv(n,t,e,i,s,r,o=!1){let a="",l=!1;if(isFinite(n)){let c=function N8(n){let i,s,r,o,a,t=Math.abs(n)+"",e=0;for((s=t.indexOf("."))>-1&&(t=t.replace(".","")),(r=t.search(/e/i))>0?(s<0&&(s=r),s+=+t.slice(r+1),t=t.substring(0,r)):s<0&&(s=t.length),r=0;"0"===t.charAt(r);r++);if(r===(a=t.length))i=[0],s=1;else{for(a--;"0"===t.charAt(a);)a--;for(s-=r,i=[],o=0;r<=a;r++,o++)i[o]=Number(t.charAt(r))}return s>22&&(i=i.splice(0,21),e=s-1,s=1),{digits:i,exponent:e,integerLen:s}}(n);o&&(c=function F8(n){if(0===n.digits[0])return n;const t=n.digits.length-n.integerLen;return n.exponent?n.exponent+=2:(0===t?n.digits.push(0,0):1===t&&n.digits.push(0),n.integerLen+=2),n}(c));let u=t.minInt,f=t.minFrac,p=t.maxFrac;if(r){const E=r.match(E8);if(null===E)throw new Error(`${r} is not a valid digit info`);const H=E[1],B=E[3],z=E[5];null!=H&&(u=qv(H)),null!=B&&(f=qv(B)),null!=z?p=qv(z):null!=B&&f>p&&(p=f)}!function H8(n,t,e){if(t>e)throw new Error(`The minimum number of digits after fraction (${t}) is higher than the maximum (${e}).`);let i=n.digits,s=i.length-n.integerLen;const r=Math.min(Math.max(t,s),e);let o=r+n.integerLen,a=i[o];if(o>0){i.splice(Math.max(n.integerLen,o));for(let f=o;f=5)if(o-1<0){for(let f=0;f>o;f--)i.unshift(0),n.integerLen++;i.unshift(1),n.integerLen++}else i[o-1]++;for(;s=c?v.pop():l=!1),p>=10?1:0},0);u&&(i.unshift(u),n.integerLen++)}(c,f,p);let g=c.digits,v=c.integerLen;const M=c.exponent;let S=[];for(l=g.every(E=>!E);v0?S=g.splice(v,g.length):(S=g,g=[0]);const L=[];for(g.length>=t.lgSize&&L.unshift(g.splice(-t.lgSize,g.length).join(""));g.length>t.gSize;)L.unshift(g.splice(-t.gSize,g.length).join(""));g.length&&L.unshift(g.join("")),a=L.join(Os(e,i)),S.length&&(a+=Os(e,s)+S.join("")),M&&(a+=Os(e,Be.Exponential)+"+"+M)}else a=Os(e,Be.Infinity);return a=n<0&&!l?t.negPre+a+t.negSuf:t.posPre+a+t.posSuf,a}(n,function $v(n,t="-"){const e={minInt:1,minFrac:0,maxFrac:0,posPre:"",posSuf:"",negPre:"",negSuf:"",gSize:0,lgSize:0},i=n.split(";"),s=i[0],r=i[1],o=-1!==s.indexOf(".")?s.split("."):[s.substring(0,s.lastIndexOf("0")+1),s.substring(s.lastIndexOf("0")+1)],a=o[0],l=o[1]||"";e.posPre=a.substring(0,a.indexOf("#"));for(let u=0;u{class n{}return n.\u0275fac=function(e){return new(e||n)},n.\u0275mod=pt({type:n}),n.\u0275inj=ht({}),n})();const lE="browser";function ar(n){return n===lE}function tb(n){return"server"===n}let pY=(()=>{class n{}return n.\u0275prov=me({token:n,providedIn:"root",factory:()=>new mY(ye(wn),window)}),n})();class mY{constructor(t,e){this.document=t,this.window=e,this.offset=()=>[0,0]}setOffset(t){this.offset=Array.isArray(t)?()=>t:t}getScrollPosition(){return this.supportsScrolling()?[this.window.pageXOffset,this.window.pageYOffset]:[0,0]}scrollToPosition(t){this.supportsScrolling()&&this.window.scrollTo(t[0],t[1])}scrollToAnchor(t){if(!this.supportsScrolling())return;const e=function _Y(n,t){const e=n.getElementById(t)||n.getElementsByName(t)[0];if(e)return e;if("function"==typeof n.createTreeWalker&&n.body&&"function"==typeof n.body.attachShadow){const i=n.createTreeWalker(n.body,NodeFilter.SHOW_ELEMENT);let s=i.currentNode;for(;s;){const r=s.shadowRoot;if(r){const o=r.getElementById(t)||r.querySelector(`[name="${t}"]`);if(o)return o}s=i.nextNode()}}return null}(this.document,t);e&&(this.scrollToElement(e),e.focus())}setHistoryScrollRestoration(t){if(this.supportScrollRestoration()){const e=this.window.history;e&&e.scrollRestoration&&(e.scrollRestoration=t)}}scrollToElement(t){const e=t.getBoundingClientRect(),i=e.left+this.window.pageXOffset,s=e.top+this.window.pageYOffset,r=this.offset();this.window.scrollTo(i-r[0],s-r[1])}supportScrollRestoration(){try{if(!this.supportsScrolling())return!1;const t=cE(this.window.history)||cE(Object.getPrototypeOf(this.window.history));return!(!t||!t.writable&&!t.set)}catch{return!1}}supportsScrolling(){try{return!!this.window&&!!this.window.scrollTo&&"pageXOffset"in this.window}catch{return!1}}}function cE(n){return Object.getOwnPropertyDescriptor(n,"scrollRestoration")}class uE{}class YY extends J9{constructor(){super(...arguments),this.supportsDOMEvents=!0}}class sb extends YY{static makeCurrent(){!function X9(n){Nv||(Nv=n)}(new sb)}onAndCancel(t,e,i){return t.addEventListener(e,i),()=>{t.removeEventListener(e,i)}}dispatchEvent(t,e){t.dispatchEvent(e)}remove(t){t.parentNode&&t.parentNode.removeChild(t)}createElement(t,e){return(e=e||this.getDefaultDocument()).createElement(t)}createHtmlDocument(){return document.implementation.createHTMLDocument("fakeTitle")}getDefaultDocument(){return document}isElementNode(t){return t.nodeType===Node.ELEMENT_NODE}isShadowRoot(t){return t instanceof DocumentFragment}getGlobalEventTarget(t,e){return"window"===e?window:"document"===e?t:"body"===e?t.body:null}getBaseHref(t){const e=function VY(){return Vd=Vd||document.querySelector("base"),Vd?Vd.getAttribute("href"):null}();return null==e?null:function BY(n){vm=vm||document.createElement("a"),vm.setAttribute("href",n);const t=vm.pathname;return"/"===t.charAt(0)?t:`/${t}`}(e)}resetBaseElement(){Vd=null}getUserAgent(){return window.navigator.userAgent}getCookie(t){return eE(document.cookie,t)}}let vm,Vd=null,jY=(()=>{class n{build(){return new XMLHttpRequest}}return n.\u0275fac=function(e){return new(e||n)},n.\u0275prov=me({token:n,factory:n.\u0275fac}),n})();const rb=new Se("EventManagerPlugins");let mE=(()=>{class n{constructor(e,i){this._zone=i,this._eventNameToPlugin=new Map,e.forEach(s=>{s.manager=this}),this._plugins=e.slice().reverse()}addEventListener(e,i,s){return this._findPluginFor(i).addEventListener(e,i,s)}getZone(){return this._zone}_findPluginFor(e){let i=this._eventNameToPlugin.get(e);if(i)return i;if(i=this._plugins.find(r=>r.supports(e)),!i)throw new Q(5101,!1);return this._eventNameToPlugin.set(e,i),i}}return n.\u0275fac=function(e){return new(e||n)(ye(rb),ye(Ct))},n.\u0275prov=me({token:n,factory:n.\u0275fac}),n})();class _E{constructor(t){this._doc=t}}const ob="ng-app-id";let gE=(()=>{class n{constructor(e,i,s,r={}){this.doc=e,this.appId=i,this.nonce=s,this.platformId=r,this.styleRef=new Map,this.hostNodes=new Set,this.styleNodesInDOM=this.collectServerRenderedStyles(),this.platformIsServer=tb(r),this.resetHostNodes()}addStyles(e){for(const i of e)1===this.changeUsageCount(i,1)&&this.onStyleAdded(i)}removeStyles(e){for(const i of e)this.changeUsageCount(i,-1)<=0&&this.onStyleRemoved(i)}ngOnDestroy(){const e=this.styleNodesInDOM;e&&(e.forEach(i=>i.remove()),e.clear());for(const i of this.getAllStyles())this.onStyleRemoved(i);this.resetHostNodes()}addHost(e){this.hostNodes.add(e);for(const i of this.getAllStyles())this.addStyleToHost(e,i)}removeHost(e){this.hostNodes.delete(e)}getAllStyles(){return this.styleRef.keys()}onStyleAdded(e){for(const i of this.hostNodes)this.addStyleToHost(i,e)}onStyleRemoved(e){const i=this.styleRef;i.get(e)?.elements?.forEach(s=>s.remove()),i.delete(e)}collectServerRenderedStyles(){const e=this.doc.head?.querySelectorAll(`style[${ob}="${this.appId}"]`);if(e?.length){const i=new Map;return e.forEach(s=>{null!=s.textContent&&i.set(s.textContent,s)}),i}return null}changeUsageCount(e,i){const s=this.styleRef;if(s.has(e)){const r=s.get(e);return r.usage+=i,r.usage}return s.set(e,{usage:i,elements:[]}),i}getStyleElement(e,i){const s=this.styleNodesInDOM,r=s?.get(i);if(r?.parentNode===e)return s.delete(i),r.removeAttribute(ob),r;{const o=this.doc.createElement("style");return this.nonce&&o.setAttribute("nonce",this.nonce),o.textContent=i,this.platformIsServer&&o.setAttribute(ob,this.appId),o}}addStyleToHost(e,i){const s=this.getStyleElement(e,i);e.appendChild(s);const r=this.styleRef,o=r.get(i)?.elements;o?o.push(s):r.set(i,{elements:[s],usage:1})}resetHostNodes(){const e=this.hostNodes;e.clear(),e.add(this.doc.head)}}return n.\u0275fac=function(e){return new(e||n)(ye(wn),ye(xp),ye(IC,8),ye(Ri))},n.\u0275prov=me({token:n,factory:n.\u0275fac}),n})();const ab={svg:"http://www.w3.org/2000/svg",xhtml:"http://www.w3.org/1999/xhtml",xlink:"http://www.w3.org/1999/xlink",xml:"http://www.w3.org/XML/1998/namespace",xmlns:"http://www.w3.org/2000/xmlns/",math:"http://www.w3.org/1998/MathML/"},lb=/%COMP%/g,$Y=new Se("RemoveStylesOnCompDestory",{providedIn:"root",factory:()=>!1});function vE(n,t){return t.map(e=>e.replace(lb,n))}let cb=(()=>{class n{constructor(e,i,s,r,o,a,l,c=null){this.eventManager=e,this.sharedStylesHost=i,this.appId=s,this.removeStylesOnCompDestory=r,this.doc=o,this.platformId=a,this.ngZone=l,this.nonce=c,this.rendererByCompId=new Map,this.platformIsServer=tb(a),this.defaultRenderer=new ub(e,o,l,this.platformIsServer)}createRenderer(e,i){if(!e||!i)return this.defaultRenderer;this.platformIsServer&&i.encapsulation===ui.ShadowDom&&(i={...i,encapsulation:ui.Emulated});const s=this.getOrCreateRenderer(e,i);return s instanceof wE?s.applyToHost(e):s instanceof db&&s.applyStyles(),s}getOrCreateRenderer(e,i){const s=this.rendererByCompId;let r=s.get(i.id);if(!r){const o=this.doc,a=this.ngZone,l=this.eventManager,c=this.sharedStylesHost,u=this.removeStylesOnCompDestory,f=this.platformIsServer;switch(i.encapsulation){case ui.Emulated:r=new wE(l,c,i,this.appId,u,o,a,f);break;case ui.ShadowDom:return new JY(l,c,e,i,o,a,this.nonce,f);default:r=new db(l,c,i,u,o,a,f)}r.onDestroy=()=>s.delete(i.id),s.set(i.id,r)}return r}ngOnDestroy(){this.rendererByCompId.clear()}}return n.\u0275fac=function(e){return new(e||n)(ye(mE),ye(gE),ye(xp),ye($Y),ye(wn),ye(Ri),ye(Ct),ye(IC))},n.\u0275prov=me({token:n,factory:n.\u0275fac}),n})();class ub{constructor(t,e,i,s){this.eventManager=t,this.doc=e,this.ngZone=i,this.platformIsServer=s,this.data=Object.create(null),this.destroyNode=null}destroy(){}createElement(t,e){return e?this.doc.createElementNS(ab[e]||e,t):this.doc.createElement(t)}createComment(t){return this.doc.createComment(t)}createText(t){return this.doc.createTextNode(t)}appendChild(t,e){(bE(t)?t.content:t).appendChild(e)}insertBefore(t,e,i){t&&(bE(t)?t.content:t).insertBefore(e,i)}removeChild(t,e){t&&t.removeChild(e)}selectRootElement(t,e){let i="string"==typeof t?this.doc.querySelector(t):t;if(!i)throw new Q(5104,!1);return e||(i.textContent=""),i}parentNode(t){return t.parentNode}nextSibling(t){return t.nextSibling}setAttribute(t,e,i,s){if(s){e=s+":"+e;const r=ab[s];r?t.setAttributeNS(r,e,i):t.setAttribute(e,i)}else t.setAttribute(e,i)}removeAttribute(t,e,i){if(i){const s=ab[i];s?t.removeAttributeNS(s,e):t.removeAttribute(`${i}:${e}`)}else t.removeAttribute(e)}addClass(t,e){t.classList.add(e)}removeClass(t,e){t.classList.remove(e)}setStyle(t,e,i,s){s&(Ki.DashCase|Ki.Important)?t.style.setProperty(e,i,s&Ki.Important?"important":""):t.style[e]=i}removeStyle(t,e,i){i&Ki.DashCase?t.style.removeProperty(e):t.style[e]=""}setProperty(t,e,i){t[e]=i}setValue(t,e){t.nodeValue=e}listen(t,e,i){if("string"==typeof t&&!(t=ea().getGlobalEventTarget(this.doc,t)))throw new Error(`Unsupported event target ${t} for event ${e}`);return this.eventManager.addEventListener(t,e,this.decoratePreventDefault(i))}decoratePreventDefault(t){return e=>{if("__ngUnwrap__"===e)return t;!1===(this.platformIsServer?this.ngZone.runGuarded(()=>t(e)):t(e))&&e.preventDefault()}}}function bE(n){return"TEMPLATE"===n.tagName&&void 0!==n.content}class JY extends ub{constructor(t,e,i,s,r,o,a,l){super(t,r,o,l),this.sharedStylesHost=e,this.hostEl=i,this.shadowRoot=i.attachShadow({mode:"open"}),this.sharedStylesHost.addHost(this.shadowRoot);const c=vE(s.id,s.styles);for(const u of c){const f=document.createElement("style");a&&f.setAttribute("nonce",a),f.textContent=u,this.shadowRoot.appendChild(f)}}nodeOrShadowRoot(t){return t===this.hostEl?this.shadowRoot:t}appendChild(t,e){return super.appendChild(this.nodeOrShadowRoot(t),e)}insertBefore(t,e,i){return super.insertBefore(this.nodeOrShadowRoot(t),e,i)}removeChild(t,e){return super.removeChild(this.nodeOrShadowRoot(t),e)}parentNode(t){return this.nodeOrShadowRoot(super.parentNode(this.nodeOrShadowRoot(t)))}destroy(){this.sharedStylesHost.removeHost(this.shadowRoot)}}class db extends ub{constructor(t,e,i,s,r,o,a,l){super(t,r,o,a),this.sharedStylesHost=e,this.removeStylesOnCompDestory=s,this.rendererUsageCount=0,this.styles=l?vE(l,i.styles):i.styles}applyStyles(){this.sharedStylesHost.addStyles(this.styles),this.rendererUsageCount++}destroy(){this.removeStylesOnCompDestory&&(this.sharedStylesHost.removeStyles(this.styles),this.rendererUsageCount--,0===this.rendererUsageCount&&this.onDestroy?.())}}class wE extends db{constructor(t,e,i,s,r,o,a,l){const c=s+"-"+i.id;super(t,e,i,r,o,a,l,c),this.contentAttr=function qY(n){return"_ngcontent-%COMP%".replace(lb,n)}(c),this.hostAttr=function KY(n){return"_nghost-%COMP%".replace(lb,n)}(c)}applyToHost(t){this.applyStyles(),this.setAttribute(t,this.hostAttr,"")}createElement(t,e){const i=super.createElement(t,e);return super.setAttribute(i,this.contentAttr,""),i}}let ZY=(()=>{class n extends _E{constructor(e){super(e)}supports(e){return!0}addEventListener(e,i,s){return e.addEventListener(i,s,!1),()=>this.removeEventListener(e,i,s)}removeEventListener(e,i,s){return e.removeEventListener(i,s)}}return n.\u0275fac=function(e){return new(e||n)(ye(wn))},n.\u0275prov=me({token:n,factory:n.\u0275fac}),n})();const ME=["alt","control","meta","shift"],QY={"\b":"Backspace","\t":"Tab","\x7f":"Delete","\x1b":"Escape",Del:"Delete",Esc:"Escape",Left:"ArrowLeft",Right:"ArrowRight",Up:"ArrowUp",Down:"ArrowDown",Menu:"ContextMenu",Scroll:"ScrollLock",Win:"OS"},eV={alt:n=>n.altKey,control:n=>n.ctrlKey,meta:n=>n.metaKey,shift:n=>n.shiftKey};let tV=(()=>{class n extends _E{constructor(e){super(e)}supports(e){return null!=n.parseEventName(e)}addEventListener(e,i,s){const r=n.parseEventName(i),o=n.eventCallback(r.fullKey,s,this.manager.getZone());return this.manager.getZone().runOutsideAngular(()=>ea().onAndCancel(e,r.domEventName,o))}static parseEventName(e){const i=e.toLowerCase().split("."),s=i.shift();if(0===i.length||"keydown"!==s&&"keyup"!==s)return null;const r=n._normalizeKey(i.pop());let o="",a=i.indexOf("code");if(a>-1&&(i.splice(a,1),o="code."),ME.forEach(c=>{const u=i.indexOf(c);u>-1&&(i.splice(u,1),o+=c+".")}),o+=r,0!=i.length||0===r.length)return null;const l={};return l.domEventName=s,l.fullKey=o,l}static matchEventFullKeyCode(e,i){let s=QY[e.key]||e.key,r="";return i.indexOf("code.")>-1&&(s=e.code,r="code."),!(null==s||!s)&&(s=s.toLowerCase()," "===s?s="space":"."===s&&(s="dot"),ME.forEach(o=>{o!==s&&(0,eV[o])(e)&&(r+=o+".")}),r+=s,r===i)}static eventCallback(e,i,s){return r=>{n.matchEventFullKeyCode(r,e)&&s.runGuarded(()=>i(r))}}static _normalizeKey(e){return"esc"===e?"escape":e}}return n.\u0275fac=function(e){return new(e||n)(ye(wn))},n.\u0275prov=me({token:n,factory:n.\u0275fac}),n})();const SE=[{provide:Ri,useValue:lE},{provide:kC,useValue:function nV(){sb.makeCurrent()},multi:!0},{provide:wn,useFactory:function sV(){return function x7(n){Zy=n}(document),document},deps:[]}],rV=gk(H9,"browser",SE),oV=new Se(""),CE=[{provide:tm,useClass:class zY{addToWindow(t){Ft.getAngularTestability=(i,s=!0)=>{const r=t.findTestabilityInTree(i,s);if(null==r)throw new Q(5103,!1);return r},Ft.getAllAngularTestabilities=()=>t.getAllTestabilities(),Ft.getAllAngularRootElements=()=>t.getAllRootElements(),Ft.frameworkStabilizers||(Ft.frameworkStabilizers=[]),Ft.frameworkStabilizers.push(i=>{const s=Ft.getAllAngularTestabilities();let r=s.length,o=!1;const a=function(l){o=o||l,r--,0==r&&i(o)};s.forEach(function(l){l.whenStable(a)})})}findTestabilityInTree(t,e,i){return null==e?null:t.getTestability(e)??(i?ea().isShadowRoot(e)?this.findTestabilityInTree(t,e.host,!0):this.findTestabilityInTree(t,e.parentElement,!0):null)}},deps:[]},{provide:hk,useClass:Cv,deps:[Ct,Dv,tm]},{provide:Cv,useClass:Cv,deps:[Ct,Dv,tm]}],DE=[{provide:u0,useValue:"root"},{provide:qa,useFactory:function iV(){return new qa},deps:[]},{provide:rb,useClass:ZY,multi:!0,deps:[wn,Ct,Ri]},{provide:rb,useClass:tV,multi:!0,deps:[wn]},cb,gE,mE,{provide:hd,useExisting:cb},{provide:uE,useClass:jY,deps:[]},[]];let hb=(()=>{class n{constructor(e){}static withServerTransition(e){return{ngModule:n,providers:[{provide:xp,useValue:e.appId}]}}}return n.\u0275fac=function(e){return new(e||n)(ye(oV,12))},n.\u0275mod=pt({type:n}),n.\u0275inj=ht({providers:[...DE,...CE],imports:[Mn,Y9]}),n})(),xE=(()=>{class n{constructor(e){this._doc=e}getTitle(){return this._doc.title}setTitle(e){this._doc.title=e||""}}return n.\u0275fac=function(e){return new(e||n)(ye(wn))},n.\u0275prov=me({token:n,factory:function(e){let i=null;return i=e?new e:function lV(){return new xE(ye(wn))}(),i},providedIn:"root"}),n})();typeof window<"u"&&window;var fV=F(6676),Pr=F.n(fV);function Bd(n){return(Bd="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(n)}function h(n,t,e){return(t=function mV(n){var t=function pV(n,t){if("object"!==Bd(n)||null===n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var i=e.call(n,t||"default");if("object"!==Bd(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(n)}(n,"string");return"symbol"===Bd(t)?t:String(t)}(t))in n?Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[t]=e,n}function Ac(n){return n+.5|0}const po=(n,t,e)=>Math.max(Math.min(n,e),t);function zd(n){return po(Ac(2.55*n),0,255)}function ia(n){return po(Ac(255*n),0,255)}function mo(n){return po(Ac(n/2.55)/100,0,1)}function LE(n){return po(Ac(100*n),0,100)}const Ns={0:0,1:1,2:2,3:3,4:4,5:5,6:6,7:7,8:8,9:9,A:10,B:11,C:12,D:13,E:14,F:15,a:10,b:11,c:12,d:13,e:14,f:15},pb=[..."0123456789ABCDEF"],_V=n=>pb[15&n],gV=n=>pb[(240&n)>>4]+pb[15&n],bm=n=>(240&n)>>4==(15&n);const MV=/^(hsla?|hwb|hsv)\(\s*([-+.e\d]+)(?:deg)?[\s,]+([-+.e\d]+)%[\s,]+([-+.e\d]+)%(?:[\s,]+([-+.e\d]+)(%)?)?\s*\)$/;function PE(n,t,e){const i=t*Math.min(e,1-e),s=(r,o=(r+n/30)%12)=>e-i*Math.max(Math.min(o-3,9-o,1),-1);return[s(0),s(8),s(4)]}function TV(n,t,e){const i=(s,r=(s+n/60)%6)=>e-e*t*Math.max(Math.min(r,4-r,1),0);return[i(5),i(3),i(1)]}function SV(n,t,e){const i=PE(n,1,.5);let s;for(t+e>1&&(s=1/(t+e),t*=s,e*=s),s=0;s<3;s++)i[s]*=1-t-e,i[s]+=t;return i}function mb(n){const e=n.r/255,i=n.g/255,s=n.b/255,r=Math.max(e,i,s),o=Math.min(e,i,s),a=(r+o)/2;let l,c,u;return r!==o&&(u=r-o,c=a>.5?u/(2-r-o):u/(r+o),l=function CV(n,t,e,i,s){return n===s?(t-e)/i+(tn<=.0031308?12.92*n:1.055*Math.pow(n,1/2.4)-.055,Oc=n=>n<=.04045?n/12.92:Math.pow((n+.055)/1.055,2.4);function Mm(n,t,e){if(n){let i=mb(n);i[t]=Math.max(0,Math.min(i[t]+i[t]*e,0===t?360:1)),i=gb(i),n.r=i[0],n.g=i[1],n.b=i[2]}}function FE(n,t){return n&&Object.assign(t||{},n)}function NE(n){var t={r:0,g:0,b:0,a:255};return Array.isArray(n)?n.length>=3&&(t={r:n[0],g:n[1],b:n[2],a:255},n.length>3&&(t.a=ia(n[3]))):(t=FE(n,{r:0,g:0,b:0,a:1})).a=ia(t.a),t}function NV(n){return"r"===n.charAt(0)?function OV(n){const t=AV.exec(n);let i,s,r,e=255;if(t){if(t[7]!==i){const o=+t[7];e=t[8]?zd(o):po(255*o,0,255)}return i=+t[1],s=+t[3],r=+t[5],i=255&(t[2]?zd(i):po(i,0,255)),s=255&(t[4]?zd(s):po(s,0,255)),r=255&(t[6]?zd(r):po(r,0,255)),{r:i,g:s,b:r,a:e}}}(n):function kV(n){const t=MV.exec(n);let i,e=255;if(!t)return;t[5]!==i&&(e=t[6]?zd(+t[5]):ia(+t[5]));const s=AE(+t[2]),r=+t[3]/100,o=+t[4]/100;return i="hwb"===t[1]?function DV(n,t,e){return _b(SV,n,t,e)}(s,r,o):"hsv"===t[1]?function xV(n,t,e){return _b(TV,n,t,e)}(s,r,o):gb(s,r,o),{r:i[0],g:i[1],b:i[2],a:e}}(n)}class Rc{constructor(t){if(t instanceof Rc)return t;const e=typeof t;let i;"object"===e?i=NE(t):"string"===e&&(i=function vV(n){var e,t=n.length;return"#"===n[0]&&(4===t||5===t?e={r:255&17*Ns[n[1]],g:255&17*Ns[n[2]],b:255&17*Ns[n[3]],a:5===t?17*Ns[n[4]]:255}:(7===t||9===t)&&(e={r:Ns[n[1]]<<4|Ns[n[2]],g:Ns[n[3]]<<4|Ns[n[4]],b:Ns[n[5]]<<4|Ns[n[6]],a:9===t?Ns[n[7]]<<4|Ns[n[8]]:255})),e}(t)||function PV(n){wm||(wm=function LV(){const n={},t=Object.keys(RE),e=Object.keys(OE);let i,s,r,o,a;for(i=0;i>16&255,r>>8&255,255&r]}return n}(),wm.transparent=[0,0,0,0]);const t=wm[n.toLowerCase()];return t&&{r:t[0],g:t[1],b:t[2],a:4===t.length?t[3]:255}}(t)||NV(t)),this._rgb=i,this._valid=!!i}get valid(){return this._valid}get rgb(){var t=FE(this._rgb);return t&&(t.a=mo(t.a)),t}set rgb(t){this._rgb=NE(t)}rgbString(){return this._valid?function RV(n){return n&&(n.a<255?`rgba(${n.r}, ${n.g}, ${n.b}, ${mo(n.a)})`:`rgb(${n.r}, ${n.g}, ${n.b})`)}(this._rgb):void 0}hexString(){return this._valid?function wV(n){var t=(n=>bm(n.r)&&bm(n.g)&&bm(n.b)&&bm(n.a))(n)?_V:gV;return n?"#"+t(n.r)+t(n.g)+t(n.b)+((n,t)=>n<255?t(n):"")(n.a,t):void 0}(this._rgb):void 0}hslString(){return this._valid?function IV(n){if(!n)return;const t=mb(n),e=t[0],i=LE(t[1]),s=LE(t[2]);return n.a<255?`hsla(${e}, ${i}%, ${s}%, ${mo(n.a)})`:`hsl(${e}, ${i}%, ${s}%)`}(this._rgb):void 0}mix(t,e){if(t){const i=this.rgb,s=t.rgb;let r;const o=e===r?.5:e,a=2*o-1,l=i.a-s.a,c=((a*l==-1?a:(a+l)/(1+a*l))+1)/2;r=1-c,i.r=255&c*i.r+r*s.r+.5,i.g=255&c*i.g+r*s.g+.5,i.b=255&c*i.b+r*s.b+.5,i.a=o*i.a+(1-o)*s.a,this.rgb=i}return this}interpolate(t,e){return t&&(this._rgb=function FV(n,t,e){const i=Oc(mo(n.r)),s=Oc(mo(n.g)),r=Oc(mo(n.b));return{r:ia(yb(i+e*(Oc(mo(t.r))-i))),g:ia(yb(s+e*(Oc(mo(t.g))-s))),b:ia(yb(r+e*(Oc(mo(t.b))-r))),a:n.a+e*(t.a-n.a)}}(this._rgb,t._rgb,e)),this}clone(){return new Rc(this.rgb)}alpha(t){return this._rgb.a=ia(t),this}clearer(t){return this._rgb.a*=1-t,this}greyscale(){const t=this._rgb,e=Ac(.3*t.r+.59*t.g+.11*t.b);return t.r=t.g=t.b=e,this}opaquer(t){return this._rgb.a*=1+t,this}negate(){const t=this._rgb;return t.r=255-t.r,t.g=255-t.g,t.b=255-t.b,this}lighten(t){return Mm(this._rgb,2,t),this}darken(t){return Mm(this._rgb,2,-t),this}saturate(t){return Mm(this._rgb,1,t),this}desaturate(t){return Mm(this._rgb,1,-t),this}rotate(t){return function EV(n,t){var e=mb(n);e[0]=AE(e[0]+t),e=gb(e),n.r=e[0],n.g=e[1],n.b=e[2]}(this._rgb,t),this}}function _o(){}const HV=(()=>{let n=0;return()=>n++})();function Tt(n){return null===n||typeof n>"u"}function tn(n){if(Array.isArray&&Array.isArray(n))return!0;const t=Object.prototype.toString.call(n);return"[object"===t.slice(0,7)&&"Array]"===t.slice(-6)}function gt(n){return null!==n&&"[object Object]"===Object.prototype.toString.call(n)}function Tn(n){return("number"==typeof n||n instanceof Number)&&isFinite(+n)}function ms(n,t){return Tn(n)?n:t}function it(n,t){return typeof n>"u"?t:n}const HE=(n,t)=>"string"==typeof n&&n.endsWith("%")?parseFloat(n)/100*t:+n;function Kt(n,t,e){if(n&&"function"==typeof n.call)return n.apply(e,t)}function At(n,t,e,i){let s,r,o;if(tn(n))if(r=n.length,i)for(s=r-1;s>=0;s--)t.call(e,n[s],s);else for(s=0;sn,x:n=>n.x,y:n=>n.y};function sa(n,t){return(VE[t]||(VE[t]=function jV(n){const t=function zV(n){const t=n.split("."),e=[];let i="";for(const s of t)i+=s,i.endsWith("\\")?i=i.slice(0,-1)+".":(e.push(i),i="");return e}(n);return e=>{for(const i of t){if(""===i)break;e=e&&e[i]}return e}}(t)))(n)}function vb(n){return n.charAt(0).toUpperCase()+n.slice(1)}const Ud=n=>typeof n<"u",ra=n=>"function"==typeof n,BE=(n,t)=>{if(n.size!==t.size)return!1;for(const e of n)if(!t.has(e))return!1;return!0},an=Math.PI,nn=2*an,UV=nn+an,Cm=Number.POSITIVE_INFINITY,GV=an/180,Sn=an/2,tl=an/4,zE=2*an/3,oa=Math.log10,Ar=Math.sign;function Gd(n,t,e){return Math.abs(n-t)l&&c=Math.min(t,e)-i&&n<=Math.max(t,e)+i}function Mb(n,t,e){e=e||(o=>n[o]1;)r=s+i>>1,e(r)?s=r:i=r;return{lo:s,hi:i}}const yo=(n,t,e,i)=>Mb(n,e,i?s=>{const r=n[s][t];return rn[s][t]Mb(n,e,i=>n[i][t]>=e),$E=["push","pop","shift","splice","unshift"];function qE(n,t){const e=n._chartjs;if(!e)return;const i=e.listeners,s=i.indexOf(t);-1!==s&&i.splice(s,1),!(i.length>0)&&($E.forEach(r=>{delete n[r]}),delete n._chartjs)}function KE(n){const t=new Set(n);return t.size===n.length?n:Array.from(t)}const XE=typeof window>"u"?function(n){return n()}:window.requestAnimationFrame;function JE(n,t){let e=[],i=!1;return function(...s){e=s,i||(i=!0,XE.call(window,()=>{i=!1,n.apply(t,e)}))}}const Tb=n=>"start"===n?"left":"end"===n?"right":"center",vi=(n,t,e)=>"start"===n?t:"end"===n?e:(t+e)/2;function ZE(n,t,e){const i=t.length;let s=0,r=i;if(n._sorted){const{iScale:o,_parsed:a}=n,l=o.axis,{min:c,max:u,minDefined:f,maxDefined:p}=o.getUserBounds();f&&(s=ni(Math.min(yo(a,o.axis,c).lo,e?i:yo(t,l,o.getPixelForValue(c)).lo),0,i-1)),r=p?ni(Math.max(yo(a,o.axis,u,!0).hi+1,e?0:yo(t,l,o.getPixelForValue(u),!0).hi+1),s,i)-s:i-s}return{start:s,count:r}}function QE(n){const{xScale:t,yScale:e,_scaleRanges:i}=n,s={xmin:t.min,xmax:t.max,ymin:e.min,ymax:e.max};if(!i)return n._scaleRanges=s,!0;const r=i.xmin!==t.min||i.xmax!==t.max||i.ymin!==e.min||i.ymax!==e.max;return Object.assign(i,s),r}const Dm=n=>0===n||1===n,eI=(n,t,e)=>-Math.pow(2,10*(n-=1))*Math.sin((n-t)*nn/e),tI=(n,t,e)=>Math.pow(2,-10*n)*Math.sin((n-t)*nn/e)+1,qd={linear:n=>n,easeInQuad:n=>n*n,easeOutQuad:n=>-n*(n-2),easeInOutQuad:n=>(n/=.5)<1?.5*n*n:-.5*(--n*(n-2)-1),easeInCubic:n=>n*n*n,easeOutCubic:n=>(n-=1)*n*n+1,easeInOutCubic:n=>(n/=.5)<1?.5*n*n*n:.5*((n-=2)*n*n+2),easeInQuart:n=>n*n*n*n,easeOutQuart:n=>-((n-=1)*n*n*n-1),easeInOutQuart:n=>(n/=.5)<1?.5*n*n*n*n:-.5*((n-=2)*n*n*n-2),easeInQuint:n=>n*n*n*n*n,easeOutQuint:n=>(n-=1)*n*n*n*n+1,easeInOutQuint:n=>(n/=.5)<1?.5*n*n*n*n*n:.5*((n-=2)*n*n*n*n+2),easeInSine:n=>1-Math.cos(n*Sn),easeOutSine:n=>Math.sin(n*Sn),easeInOutSine:n=>-.5*(Math.cos(an*n)-1),easeInExpo:n=>0===n?0:Math.pow(2,10*(n-1)),easeOutExpo:n=>1===n?1:1-Math.pow(2,-10*n),easeInOutExpo:n=>Dm(n)?n:n<.5?.5*Math.pow(2,10*(2*n-1)):.5*(2-Math.pow(2,-10*(2*n-1))),easeInCirc:n=>n>=1?n:-(Math.sqrt(1-n*n)-1),easeOutCirc:n=>Math.sqrt(1-(n-=1)*n),easeInOutCirc:n=>(n/=.5)<1?-.5*(Math.sqrt(1-n*n)-1):.5*(Math.sqrt(1-(n-=2)*n)+1),easeInElastic:n=>Dm(n)?n:eI(n,.075,.3),easeOutElastic:n=>Dm(n)?n:tI(n,.075,.3),easeInOutElastic:n=>Dm(n)?n:n<.5?.5*eI(2*n,.1125,.45):.5+.5*tI(2*n-1,.1125,.45),easeInBack:n=>n*n*(2.70158*n-1.70158),easeOutBack:n=>(n-=1)*n*(2.70158*n+1.70158)+1,easeInOutBack(n){let t=1.70158;return(n/=.5)<1?n*n*((1+(t*=1.525))*n-t)*.5:.5*((n-=2)*n*((1+(t*=1.525))*n+t)+2)},easeInBounce:n=>1-qd.easeOutBounce(1-n),easeOutBounce:n=>n<1/2.75?7.5625*n*n:n<2/2.75?7.5625*(n-=1.5/2.75)*n+.75:n<2.5/2.75?7.5625*(n-=2.25/2.75)*n+.9375:7.5625*(n-=2.625/2.75)*n+.984375,easeInOutBounce:n=>n<.5?.5*qd.easeInBounce(2*n):.5*qd.easeOutBounce(2*n-1)+.5};function Sb(n){if(n&&"object"==typeof n){const t=n.toString();return"[object CanvasPattern]"===t||"[object CanvasGradient]"===t}return!1}function nI(n){return Sb(n)?n:new Rc(n)}function Cb(n){return Sb(n)?n:new Rc(n).saturate(.5).darken(.1).hexString()}const nB=["x","y","borderWidth","radius","tension"],iB=["color","borderColor","backgroundColor"],iI=new Map;function Kd(n,t,e){return function oB(n,t){t=t||{};const e=n+JSON.stringify(t);let i=iI.get(e);return i||(i=new Intl.NumberFormat(n,t),iI.set(e,i)),i}(t,e).format(n)}const sI={values:n=>tn(n)?n:""+n,numeric(n,t,e){if(0===n)return"0";const i=this.chart.options.locale;let s,r=n;if(e.length>1){const c=Math.max(Math.abs(e[0].value),Math.abs(e[e.length-1].value));(c<1e-4||c>1e15)&&(s="scientific"),r=function aB(n,t){let e=t.length>3?t[2].value-t[1].value:t[1].value-t[0].value;return Math.abs(e)>=1&&n!==Math.floor(n)&&(e=n-Math.floor(n)),e}(n,e)}const o=oa(Math.abs(r)),a=isNaN(o)?1:Math.max(Math.min(-1*Math.floor(o),20),0),l={notation:s,minimumFractionDigits:a,maximumFractionDigits:a};return Object.assign(l,this.options.ticks.format),Kd(n,i,l)},logarithmic(n,t,e){if(0===n)return"0";const i=e[t].significand||n/Math.pow(10,Math.floor(oa(n)));return[1,2,3,5,10,15].includes(i)||t>.8*e.length?sI.numeric.call(this,n,t,e):""}};var xm={formatters:sI};const nl=Object.create(null),Db=Object.create(null);function Xd(n,t){if(!t)return n;const e=t.split(".");for(let i=0,s=e.length;ii.chart.platform.getDevicePixelRatio(),this.elements={},this.events=["mousemove","mouseout","click","touchstart","touchmove"],this.font={family:"'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",size:12,style:"normal",lineHeight:1.2,weight:null},this.hover={},this.hoverBackgroundColor=(i,s)=>Cb(s.backgroundColor),this.hoverBorderColor=(i,s)=>Cb(s.borderColor),this.hoverColor=(i,s)=>Cb(s.color),this.indexAxis="x",this.interaction={mode:"nearest",intersect:!0,includeInvisible:!1},this.maintainAspectRatio=!0,this.onHover=null,this.onClick=null,this.parsing=!0,this.plugins={},this.responsive=!0,this.scale=void 0,this.scales={},this.showLine=!0,this.drawActiveElementsOnTop=!0,this.describe(t),this.apply(e)}set(t,e){return xb(this,t,e)}get(t){return Xd(this,t)}describe(t,e){return xb(Db,t,e)}override(t,e){return xb(nl,t,e)}route(t,e,i,s){const r=Xd(this,t),o=Xd(this,i),a="_"+e;Object.defineProperties(r,{[a]:{value:r[e],writable:!0},[e]:{enumerable:!0,get(){const l=this[a],c=o[s];return gt(l)?Object.assign({},c,l):it(l,c)},set(l){this[a]=l}}})}apply(t){t.forEach(e=>e(this))}}var Cn=new cB({_scriptable:n=>!n.startsWith("on"),_indexable:n=>"events"!==n,hover:{_fallback:"interaction"},interaction:{_scriptable:!1,_indexable:!1}},[function sB(n){n.set("animation",{delay:void 0,duration:1e3,easing:"easeOutQuart",fn:void 0,from:void 0,loop:void 0,to:void 0,type:void 0}),n.describe("animation",{_fallback:!1,_indexable:!1,_scriptable:t=>"onProgress"!==t&&"onComplete"!==t&&"fn"!==t}),n.set("animations",{colors:{type:"color",properties:iB},numbers:{type:"number",properties:nB}}),n.describe("animations",{_fallback:"animation"}),n.set("transitions",{active:{animation:{duration:400}},resize:{animation:{duration:0}},show:{animations:{colors:{from:"transparent"},visible:{type:"boolean",duration:0}}},hide:{animations:{colors:{to:"transparent"},visible:{type:"boolean",easing:"linear",fn:t=>0|t}}}})},function rB(n){n.set("layout",{autoPadding:!0,padding:{top:0,right:0,bottom:0,left:0}})},function lB(n){n.set("scale",{display:!0,offset:!1,reverse:!1,beginAtZero:!1,bounds:"ticks",grace:0,grid:{display:!0,lineWidth:1,drawOnChartArea:!0,drawTicks:!0,tickLength:8,tickWidth:(t,e)=>e.lineWidth,tickColor:(t,e)=>e.color,offset:!1},border:{display:!0,dash:[],dashOffset:0,width:1},title:{display:!1,text:"",padding:{top:4,bottom:4}},ticks:{minRotation:0,maxRotation:50,mirror:!1,textStrokeWidth:0,textStrokeColor:"",padding:3,display:!0,autoSkip:!0,autoSkipPadding:3,labelOffset:0,callback:xm.formatters.values,minor:{},major:{},align:"center",crossAlign:"near",showLabelBackdrop:!1,backdropColor:"rgba(255, 255, 255, 0.75)",backdropPadding:2}}),n.route("scale.ticks","color","","color"),n.route("scale.grid","color","","borderColor"),n.route("scale.border","color","","borderColor"),n.route("scale.title","color","","color"),n.describe("scale",{_fallback:!1,_scriptable:t=>!t.startsWith("before")&&!t.startsWith("after")&&"callback"!==t&&"parser"!==t,_indexable:t=>"borderDash"!==t&&"tickBorderDash"!==t&&"dash"!==t}),n.describe("scales",{_fallback:"scale"}),n.describe("scale.ticks",{_scriptable:t=>"backdropPadding"!==t&&"callback"!==t,_indexable:t=>"backdropPadding"!==t})}]);function km(n,t,e,i,s){let r=t[s];return r||(r=t[s]=n.measureText(s).width,e.push(s)),r>i&&(i=r),i}function dB(n,t,e,i){let s=(i=i||{}).data=i.data||{},r=i.garbageCollect=i.garbageCollect||[];i.font!==t&&(s=i.data={},r=i.garbageCollect=[],i.font=t),n.save(),n.font=t;let o=0;const a=e.length;let l,c,u,f,p;for(l=0;le.length){for(l=0;l0&&n.stroke()}}function vo(n,t,e){return e=e||.5,!t||n&&n.x>t.left-e&&n.xt.top-e&&n.y0&&""!==r.strokeColor;let l,c;for(n.save(),n.font=s.string,function pB(n,t){t.translation&&n.translate(t.translation[0],t.translation[1]),Tt(t.rotation)||n.rotate(t.rotation),t.color&&(n.fillStyle=t.color),t.textAlign&&(n.textAlign=t.textAlign),t.textBaseline&&(n.textBaseline=t.textBaseline)}(n,r),l=0;l+n||0;function Eb(n,t){const e={},i=gt(t),s=i?Object.keys(t):t,r=gt(n)?i?o=>it(n[o],n[t[o]]):o=>n[o]:()=>n;for(const o of s)e[o]=bB(r(o));return e}function aI(n){return Eb(n,{top:"y",right:"x",bottom:"y",left:"x"})}function rl(n){return Eb(n,["topLeft","topRight","bottomLeft","bottomRight"])}function bi(n){const t=aI(n);return t.width=t.left+t.right,t.height=t.top+t.bottom,t}function Kn(n,t){let e=it((n=n||{}).size,(t=t||Cn.font).size);"string"==typeof e&&(e=parseInt(e,10));let i=it(n.style,t.style);i&&!(""+i).match(yB)&&(console.warn('Invalid font style specified: "'+i+'"'),i=void 0);const s={family:it(n.family,t.family),lineHeight:vB(it(n.lineHeight,t.lineHeight),e),size:e,style:i,weight:it(n.weight,t.weight),string:""};return s.string=function uB(n){return!n||Tt(n.size)||Tt(n.family)?null:(n.style?n.style+" ":"")+(n.weight?n.weight+" ":"")+n.size+"px "+n.family}(s),s}function Zd(n,t,e,i){let r,o,a,s=!0;for(r=0,o=n.length;rn[0])){const r=e||n;typeof i>"u"&&(i=hI("_fallback",n));const o={[Symbol.toStringTag]:"Object",_cacheable:!0,_scopes:n,_rootScopes:r,_fallback:i,_getTarget:s,override:a=>Ib([a,...n],t,r,i)};return new Proxy(o,{deleteProperty:(a,l)=>(delete a[l],delete a._keys,delete n[0][l],!0),get:(a,l)=>cI(a,l,()=>function EB(n,t,e,i){let s;for(const r of t)if(s=hI(MB(r,n),e),typeof s<"u")return Lb(n,s)?Pb(e,i,n,s):s}(l,t,n,a)),getOwnPropertyDescriptor:(a,l)=>Reflect.getOwnPropertyDescriptor(a._scopes[0],l),getPrototypeOf:()=>Reflect.getPrototypeOf(n[0]),has:(a,l)=>fI(a).includes(l),ownKeys:a=>fI(a),set(a,l,c){const u=a._storage||(a._storage=s());return a[l]=u[l]=c,delete a._keys,!0}})}function Nc(n,t,e,i){const s={_cacheable:!1,_proxy:n,_context:t,_subProxy:e,_stack:new Set,_descriptors:lI(n,i),setContext:r=>Nc(n,r,e,i),override:r=>Nc(n.override(r),t,e,i)};return new Proxy(s,{deleteProperty:(r,o)=>(delete r[o],delete n[o],!0),get:(r,o,a)=>cI(r,o,()=>function TB(n,t,e){const{_proxy:i,_context:s,_subProxy:r,_descriptors:o}=n;let a=i[t];return ra(a)&&o.isScriptable(t)&&(a=function SB(n,t,e,i){const{_proxy:s,_context:r,_subProxy:o,_stack:a}=e;if(a.has(n))throw new Error("Recursion detected: "+Array.from(a).join("->")+"->"+n);a.add(n);let l=t(r,o||i);return a.delete(n),Lb(n,l)&&(l=Pb(s._scopes,s,n,l)),l}(t,a,n,e)),tn(a)&&a.length&&(a=function CB(n,t,e,i){const{_proxy:s,_context:r,_subProxy:o,_descriptors:a}=e;if(typeof r.index<"u"&&i(n))return t[r.index%t.length];if(gt(t[0])){const l=t,c=s._scopes.filter(u=>u!==l);t=[];for(const u of l){const f=Pb(c,s,n,u);t.push(Nc(f,r,o&&o[n],a))}}return t}(t,a,n,o.isIndexable)),Lb(t,a)&&(a=Nc(a,s,r&&r[t],o)),a}(r,o,a)),getOwnPropertyDescriptor:(r,o)=>r._descriptors.allKeys?Reflect.has(n,o)?{enumerable:!0,configurable:!0}:void 0:Reflect.getOwnPropertyDescriptor(n,o),getPrototypeOf:()=>Reflect.getPrototypeOf(n),has:(r,o)=>Reflect.has(n,o),ownKeys:()=>Reflect.ownKeys(n),set:(r,o,a)=>(n[o]=a,delete r[o],!0)})}function lI(n,t={scriptable:!0,indexable:!0}){const{_scriptable:e=t.scriptable,_indexable:i=t.indexable,_allKeys:s=t.allKeys}=n;return{allKeys:s,scriptable:e,indexable:i,isScriptable:ra(e)?e:()=>e,isIndexable:ra(i)?i:()=>i}}const MB=(n,t)=>n?n+vb(t):t,Lb=(n,t)=>gt(t)&&"adapters"!==n&&(null===Object.getPrototypeOf(t)||t.constructor===Object);function cI(n,t,e){if(Object.prototype.hasOwnProperty.call(n,t))return n[t];const i=e();return n[t]=i,i}function uI(n,t,e){return ra(n)?n(t,e):n}const DB=(n,t)=>!0===n?t:"string"==typeof n?sa(t,n):void 0;function xB(n,t,e,i,s){for(const r of t){const o=DB(e,r);if(o){n.add(o);const a=uI(o._fallback,e,s);if(typeof a<"u"&&a!==e&&a!==i)return a}else if(!1===o&&typeof i<"u"&&e!==i)return null}return!1}function Pb(n,t,e,i){const s=t._rootScopes,r=uI(t._fallback,e,i),o=[...n,...s],a=new Set;a.add(i);let l=dI(a,o,e,r||e,i);return!(null===l||typeof r<"u"&&r!==e&&(l=dI(a,o,r,l,i),null===l))&&Ib(Array.from(a),[""],s,r,()=>function kB(n,t,e){const i=n._getTarget();t in i||(i[t]={});const s=i[t];return tn(s)&>(e)?e:s||{}}(t,e,i))}function dI(n,t,e,i,s){for(;e;)e=xB(n,t,e,i,s);return e}function hI(n,t){for(const e of t){if(!e)continue;const i=e[n];if(typeof i<"u")return i}}function fI(n){let t=n._keys;return t||(t=n._keys=function IB(n){const t=new Set;for(const e of n)for(const i of Object.keys(e).filter(s=>!s.startsWith("_")))t.add(i);return Array.from(t)}(n._scopes)),t}function pI(n,t,e,i){const{iScale:s}=n,{key:r="r"}=this._parsing,o=new Array(i);let a,l,c,u;for(a=0,l=i;at"x"===n?"y":"x";function PB(n,t,e,i){const s=n.skip?t:n,r=t,o=e.skip?t:e,a=wb(r,s),l=wb(o,r);let c=a/(a+l),u=l/(a+l);c=isNaN(c)?0:c,u=isNaN(u)?0:u;const f=i*c,p=i*u;return{previous:{x:r.x-f*(o.x-s.x),y:r.y-f*(o.y-s.y)},next:{x:r.x+p*(o.x-s.x),y:r.y+p*(o.y-s.y)}}}function Lm(n,t,e){return Math.max(Math.min(n,e),t)}function NB(n,t,e,i,s){let r,o,a,l;if(t.spanGaps&&(n=n.filter(c=>!c.skip)),"monotone"===t.cubicInterpolationMode)!function RB(n,t="x"){const e=mI(t),i=n.length,s=Array(i).fill(0),r=Array(i);let o,a,l,c=Hc(n,0);for(o=0;on.ownerDocument.defaultView.getComputedStyle(n,null),YB=["top","right","bottom","left"];function ol(n,t,e){const i={};e=e?"-"+e:"";for(let s=0;s<4;s++){const r=YB[s];i[r]=parseFloat(n[t+"-"+r+e])||0}return i.width=i.left+i.right,i.height=i.top+i.bottom,i}const VB=(n,t,e)=>(n>0||t>0)&&(!e||!e.shadowRoot);function al(n,t){if("native"in n)return n;const{canvas:e,currentDevicePixelRatio:i}=t,s=Am(e),r="border-box"===s.boxSizing,o=ol(s,"padding"),a=ol(s,"border","width"),{x:l,y:c,box:u}=function BB(n,t){const e=n.touches,i=e&&e.length?e[0]:n,{offsetX:s,offsetY:r}=i;let a,l,o=!1;if(VB(s,r,n.target))a=s,l=r;else{const c=t.getBoundingClientRect();a=i.clientX-c.left,l=i.clientY-c.top,o=!0}return{x:a,y:l,box:o}}(n,e),f=o.left+(u&&a.left),p=o.top+(u&&a.top);let{width:g,height:v}=t;return r&&(g-=o.width+a.width,v-=o.height+a.height),{x:Math.round((l-f)/g*e.width/i),y:Math.round((c-p)/v*e.height/i)}}const Om=n=>Math.round(10*n)/10;function gI(n,t,e){const i=t||1,s=Math.floor(n.height*i),r=Math.floor(n.width*i);n.height=Math.floor(n.height),n.width=Math.floor(n.width);const o=n.canvas;return o.style&&(e||!o.style.height&&!o.style.width)&&(o.style.height=`${n.height}px`,o.style.width=`${n.width}px`),(n.currentDevicePixelRatio!==i||o.height!==s||o.width!==r)&&(n.currentDevicePixelRatio=i,o.height=s,o.width=r,n.ctx.setTransform(i,0,0,i,0,0),!0)}const WB=function(){let n=!1;try{const t={get passive(){return n=!0,!1}};window.addEventListener("test",null,t),window.removeEventListener("test",null,t)}catch{}return n}();function yI(n,t){const e=function HB(n,t){return Am(n).getPropertyValue(t)}(n,t),i=e&&e.match(/^(\d+)(\.\d+)?px$/);return i?+i[1]:void 0}function ll(n,t,e,i){return{x:n.x+e*(t.x-n.x),y:n.y+e*(t.y-n.y)}}function UB(n,t,e,i){return{x:n.x+e*(t.x-n.x),y:"middle"===i?e<.5?n.y:t.y:"after"===i?e<1?n.y:t.y:e>0?t.y:n.y}}function GB(n,t,e,i){const s={x:n.cp2x,y:n.cp2y},r={x:t.cp1x,y:t.cp1y},o=ll(n,s,e),a=ll(s,r,e),l=ll(r,t,e),c=ll(o,a,e),u=ll(a,l,e);return ll(c,u,e)}function Yc(n,t,e){return n?function(n,t){return{x:e=>n+n+t-e,setWidth(e){t=e},textAlign:e=>"center"===e?e:"right"===e?"left":"right",xPlus:(e,i)=>e-i,leftForLtr:(e,i)=>e-i}}(t,e):{x:n=>n,setWidth(n){},textAlign:n=>n,xPlus:(n,t)=>n+t,leftForLtr:(n,t)=>n}}function vI(n,t){let e,i;("ltr"===t||"rtl"===t)&&(e=n.canvas.style,i=[e.getPropertyValue("direction"),e.getPropertyPriority("direction")],e.setProperty("direction",t,"important"),n.prevTextDirection=i)}function bI(n,t){void 0!==t&&(delete n.prevTextDirection,n.canvas.style.setProperty("direction",t[0],t[1]))}function wI(n){return"angle"===n?{between:$d,compare:KV,normalize:_s}:{between:go,compare:(t,e)=>t-e,normalize:t=>t}}function MI({start:n,end:t,count:e,loop:i,style:s}){return{start:n%e,end:t%e,loop:i&&(t-n+1)%e==0,style:s}}function TI(n,t,e){if(!e)return[n];const{property:i,start:s,end:r}=e,o=t.length,{compare:a,between:l,normalize:c}=wI(i),{start:u,end:f,loop:p,style:g}=function KB(n,t,e){const{property:i,start:s,end:r}=e,{between:o,normalize:a}=wI(i),l=t.length;let p,g,{start:c,end:u,loop:f}=n;if(f){for(c+=l,u+=l,p=0,g=l;pa({chart:t,initial:e.initial,numSteps:o,currentStep:Math.min(i-e.start,o)}))}_refresh(){this._request||(this._running=!0,this._request=XE.call(window,()=>{this._update(),this._request=null,this._running&&this._refresh()}))}_update(t=Date.now()){let e=0;this._charts.forEach((i,s)=>{if(!i.running||!i.items.length)return;const r=i.items;let l,o=r.length-1,a=!1;for(;o>=0;--o)l=r[o],l._active?(l._total>i.duration&&(i.duration=l._total),l.tick(t),a=!0):(r[o]=r[r.length-1],r.pop());a&&(s.draw(),this._notify(s,i,t,"progress")),r.length||(i.running=!1,this._notify(s,i,t,"complete"),i.initial=!1),e+=r.length}),this._lastDate=t,0===e&&(this._running=!1)}_getAnims(t){const e=this._charts;let i=e.get(t);return i||(i={running:!1,initial:!0,items:[],listeners:{complete:[],progress:[]}},e.set(t,i)),i}listen(t,e,i){this._getAnims(t).listeners[e].push(i)}add(t,e){!e||!e.length||this._getAnims(t).items.push(...e)}has(t){return this._getAnims(t).items.length>0}start(t){const e=this._charts.get(t);e&&(e.running=!0,e.start=Date.now(),e.duration=e.items.reduce((i,s)=>Math.max(i,s._duration),0),this._refresh())}running(t){if(!this._running)return!1;const e=this._charts.get(t);return!(!e||!e.running||!e.items.length)}stop(t){const e=this._charts.get(t);if(!e||!e.items.length)return;const i=e.items;let s=i.length-1;for(;s>=0;--s)i[s].cancel();e.items=[],this._notify(t,e,Date.now(),"complete")}remove(t){return this._charts.delete(t)}}var bo=new tz;const xI="transparent",nz={boolean:(n,t,e)=>e>.5?t:n,color(n,t,e){const i=nI(n||xI),s=i.valid&&nI(t||xI);return s&&s.valid?s.mix(i,e).hexString():t},number:(n,t,e)=>n+(t-n)*e};class iz{constructor(t,e,i,s){const r=e[i];s=Zd([t.to,s,r,t.from]);const o=Zd([t.from,r,s]);this._active=!0,this._fn=t.fn||nz[t.type||typeof o],this._easing=qd[t.easing]||qd.linear,this._start=Math.floor(Date.now()+(t.delay||0)),this._duration=this._total=Math.floor(t.duration),this._loop=!!t.loop,this._target=e,this._prop=i,this._from=o,this._to=s,this._promises=void 0}active(){return this._active}update(t,e,i){if(this._active){this._notify(!1);const s=this._target[this._prop],r=i-this._start,o=this._duration-r;this._start=i,this._duration=Math.floor(Math.max(o,t.duration)),this._total+=r,this._loop=!!t.loop,this._to=Zd([t.to,e,s,t.from]),this._from=Zd([t.from,s,e])}}cancel(){this._active&&(this.tick(Date.now()),this._active=!1,this._notify(!1))}tick(t){const e=t-this._start,i=this._duration,s=this._prop,r=this._from,o=this._loop,a=this._to;let l;if(this._active=r!==a&&(o||e1?2-l:l,l=this._easing(Math.min(1,Math.max(0,l))),this._target[s]=this._fn(r,a,l))}wait(){const t=this._promises||(this._promises=[]);return new Promise((e,i)=>{t.push({res:e,rej:i})})}_notify(t){const e=t?"res":"rej",i=this._promises||[];for(let s=0;s{const r=t[s];if(!gt(r))return;const o={};for(const a of e)o[a]=r[a];(tn(r.properties)&&r.properties||[s]).forEach(a=>{(a===s||!i.has(a))&&i.set(a,o)})})}_animateOptions(t,e){const i=e.options,s=function rz(n,t){if(!t)return;let e=n.options;if(e)return e.$shared&&(n.options=e=Object.assign({},e,{$shared:!1,$animations:{}})),e;n.options=t}(t,i);if(!s)return[];const r=this._createAnimations(s,i);return i.$shared&&function sz(n,t){const e=[],i=Object.keys(t);for(let s=0;s{t.options=i},()=>{}),r}_createAnimations(t,e){const i=this._properties,s=[],r=t.$animations||(t.$animations={}),o=Object.keys(e),a=Date.now();let l;for(l=o.length-1;l>=0;--l){const c=o[l];if("$"===c.charAt(0))continue;if("options"===c){s.push(...this._animateOptions(t,e));continue}const u=e[c];let f=r[c];const p=i.get(c);if(f){if(p&&f.active()){f.update(p,u,a);continue}f.cancel()}p&&p.duration?(r[c]=f=new iz(p,t,c,u),s.push(f)):t[c]=u}return s}update(t,e){if(0===this._properties.size)return void Object.assign(t,e);const i=this._createAnimations(t,e);return i.length?(bo.add(this._chart,i),!0):void 0}}function EI(n,t){const e=n&&n.options||{},i=e.reverse,s=void 0===e.min?t:0,r=void 0===e.max?t:0;return{start:i?r:s,end:i?s:r}}function II(n,t){const e=[],i=n._getSortedDatasetMetas(t);let s,r;for(s=0,r=i.length;s0||!e&&r<0)return s.index}return null}function OI(n,t){const{chart:e,_cachedMeta:i}=n,s=e._stacks||(e._stacks={}),{iScale:r,vScale:o,index:a}=i,l=r.axis,c=o.axis,u=function cz(n,t,e){return`${n.id}.${t.id}.${e.stack||e.type}`}(r,o,i),f=t.length;let p;for(let g=0;ge[i].axis===t).shift()}function Qd(n,t){const e=n.controller.index,i=n.vScale&&n.vScale.axis;if(i){t=t||n._parsed;for(const s of t){const r=s._stacks;if(!r||void 0===r[i]||void 0===r[i][e])return;delete r[i][e],void 0!==r[i]._visualValues&&void 0!==r[i]._visualValues[e]&&delete r[i]._visualValues[e]}}}const Rb=n=>"reset"===n||"none"===n,RI=(n,t)=>t?n:Object.assign({},n);let la=(()=>{class n{constructor(e,i){this.chart=e,this._ctx=e.ctx,this.index=i,this._cachedDataOpts={},this._cachedMeta=this.getMeta(),this._type=this._cachedMeta.type,this.options=void 0,this._parsing=!1,this._data=void 0,this._objectData=void 0,this._sharedOptions=void 0,this._drawStart=void 0,this._drawCount=void 0,this.enableOptionSharing=!1,this.supportsDecimation=!1,this.$context=void 0,this._syncList=[],this.datasetElementType=new.target.datasetElementType,this.dataElementType=new.target.dataElementType,this.initialize()}initialize(){const e=this._cachedMeta;this.configure(),this.linkScales(),e._stacked=PI(e.vScale,e),this.addElements(),this.options.fill&&!this.chart.isPluginEnabled("filler")&&console.warn("Tried to use the 'fill' option without the 'Filler' plugin enabled. Please import and register the 'Filler' plugin and make sure it is not disabled in the options")}updateIndex(e){this.index!==e&&Qd(this._cachedMeta),this.index=e}linkScales(){const e=this.chart,i=this._cachedMeta,s=this.getDataset(),r=(p,g,v,M)=>"x"===p?g:"r"===p?M:v,o=i.xAxisID=it(s.xAxisID,Ob(e,"x")),a=i.yAxisID=it(s.yAxisID,Ob(e,"y")),l=i.rAxisID=it(s.rAxisID,Ob(e,"r")),c=i.indexAxis,u=i.iAxisID=r(c,o,a,l),f=i.vAxisID=r(c,a,o,l);i.xScale=this.getScaleForId(o),i.yScale=this.getScaleForId(a),i.rScale=this.getScaleForId(l),i.iScale=this.getScaleForId(u),i.vScale=this.getScaleForId(f)}getDataset(){return this.chart.data.datasets[this.index]}getMeta(){return this.chart.getDatasetMeta(this.index)}getScaleForId(e){return this.chart.scales[e]}_getOtherScale(e){const i=this._cachedMeta;return e===i.iScale?i.vScale:i.iScale}reset(){this._update("reset")}_destroy(){const e=this._cachedMeta;this._data&&qE(this._data,this),e._stacked&&Qd(e)}_dataCheck(){const e=this.getDataset(),i=e.data||(e.data=[]),s=this._data;if(gt(i))this._data=function lz(n){const t=Object.keys(n),e=new Array(t.length);let i,s,r;for(i=0,s=t.length;i{const i="_onData"+vb(e),s=n[e];Object.defineProperty(n,e,{configurable:!0,enumerable:!1,value(...r){const o=s.apply(this,r);return n._chartjs.listeners.forEach(a=>{"function"==typeof a[i]&&a[i](...r)}),o}})}))}(i,this),this._syncList=[],this._data=i}}addElements(){const e=this._cachedMeta;this._dataCheck(),this.datasetElementType&&(e.dataset=new this.datasetElementType)}buildOrUpdateElements(e){const i=this._cachedMeta,s=this.getDataset();let r=!1;this._dataCheck();const o=i._stacked;i._stacked=PI(i.vScale,i),i.stack!==s.stack&&(r=!0,Qd(i),i.stack=s.stack),this._resyncElements(e),(r||o!==i._stacked)&&OI(this,i._parsed)}configure(){const e=this.chart.config,i=e.datasetScopeKeys(this._type),s=e.getOptionScopes(this.getDataset(),i,!0);this.options=e.createResolver(s,this.getContext()),this._parsing=this.options.parsing,this._cachedDataOpts={}}parse(e,i){const{_cachedMeta:s,_data:r}=this,{iScale:o,_stacked:a}=s,l=o.axis;let f,p,g,c=0===e&&i===r.length||s._sorted,u=e>0&&s._parsed[e-1];if(!1===this._parsing)s._parsed=r,s._sorted=!0,g=r;else{g=tn(r[e])?this.parseArrayData(s,r,e,i):gt(r[e])?this.parseObjectData(s,r,e,i):this.parsePrimitiveData(s,r,e,i);const v=()=>null===p[l]||u&&p[l]n&&!t.hidden&&t._stacked&&{keys:II(this.chart,!0),values:null})(i,s),u={min:Number.POSITIVE_INFINITY,max:Number.NEGATIVE_INFINITY},{min:f,max:p}=function uz(n){const{min:t,max:e,minDefined:i,maxDefined:s}=n.getUserBounds();return{min:i?t:Number.NEGATIVE_INFINITY,max:s?e:Number.POSITIVE_INFINITY}}(l);let g,v;function M(){v=r[g];const S=v[l.axis];return!Tn(v[e.axis])||f>S||p=0;--g)if(!M()){this.updateRangeFromParsed(u,e,v,c);break}return u}getAllParsedValues(e){const i=this._cachedMeta._parsed,s=[];let r,o,a;for(r=0,o=i.length;r=0&&ethis.getContext(s,r,i),p);return S.$shared&&(S.$shared=c,o[a]=Object.freeze(RI(S,c))),S}_resolveAnimations(e,i,s){const r=this.chart,o=this._cachedDataOpts,a=`animation-${i}`,l=o[a];if(l)return l;let c;if(!1!==r.options.animation){const f=this.chart.config,p=f.datasetAnimationScopeKeys(this._type,i),g=f.getOptionScopes(this.getDataset(),p);c=f.createResolver(g,this.getContext(e,s,i))}const u=new kI(r,c&&c.animations);return c&&c._cacheable&&(o[a]=Object.freeze(u)),u}getSharedOptions(e){if(e.$shared)return this._sharedOptions||(this._sharedOptions=Object.assign({},e))}includeOptions(e,i){return!i||Rb(e)||this.chart._animationsDisabled}_getSharedOptions(e,i){const s=this.resolveDataElementOptions(e,i),r=this._sharedOptions,o=this.getSharedOptions(s),a=this.includeOptions(i,o)||o!==r;return this.updateSharedOptions(o,i,s),{sharedOptions:o,includeOptions:a}}updateElement(e,i,s,r){Rb(r)?Object.assign(e,s):this._resolveAnimations(i,r).update(e,s)}updateSharedOptions(e,i,s){e&&!Rb(i)&&this._resolveAnimations(void 0,i).update(e,s)}_setStyle(e,i,s,r){e.active=r;const o=this.getStyle(i,r);this._resolveAnimations(i,s,r).update(e,{options:!r&&this.getSharedOptions(o)||o})}removeHoverStyle(e,i,s){this._setStyle(e,s,"active",!1)}setHoverStyle(e,i,s){this._setStyle(e,s,"active",!0)}_removeDatasetHoverStyle(){const e=this._cachedMeta.dataset;e&&this._setStyle(e,void 0,"active",!1)}_setDatasetHoverStyle(){const e=this._cachedMeta.dataset;e&&this._setStyle(e,void 0,"active",!0)}_resyncElements(e){const i=this._data,s=this._cachedMeta.data;for(const[l,c,u]of this._syncList)this[l](c,u);this._syncList=[];const r=s.length,o=i.length,a=Math.min(o,r);a&&this.parse(0,a),o>r?this._insertElements(r,o-r,e):o{for(u.length+=i,l=u.length-1;l>=a;l--)u[l]=u[l-i]};for(c(o),l=e;ls-r))}return n._cache.$bar}(t,n.type);let s,r,o,a,i=t._length;const l=()=>{32767===o||-32768===o||(Ud(a)&&(i=Math.min(i,Math.abs(o-a)||i)),a=o)};for(s=0,r=e.length;sMath.abs(a)&&(l=a,c=o),t[e.axis]=c,t._custom={barStart:l,barEnd:c,start:s,end:r,min:o,max:a}}(n,t,e,i):t[e.axis]=e.parse(n,i),t}function NI(n,t,e,i){const s=n.iScale,r=n.vScale,o=s.getLabels(),a=s===r,l=[];let c,u,f,p;for(c=e,u=e+i;cn.x,e="left",i="right"):(t=n.base{class n extends la{parsePrimitiveData(e,i,s,r){return NI(e,i,s,r)}parseArrayData(e,i,s,r){return NI(e,i,s,r)}parseObjectData(e,i,s,r){const{iScale:o,vScale:a}=e,{xAxisKey:l="x",yAxisKey:c="y"}=this._parsing,u="x"===o.axis?l:c,f="x"===a.axis?l:c,p=[];let g,v,M,S;for(g=s,v=s+r;gc.controller.options.grouped),o=s.options.stacked,a=[],l=c=>{const u=c.controller.getParsed(i),f=u&&u[c.vScale.axis];if(Tt(f)||isNaN(f))return!0};for(const c of r)if((void 0===i||!l(c))&&((!1===o||-1===a.indexOf(c.stack)||void 0===o&&void 0===c.stack)&&a.push(c.stack),c.index===e))break;return a.length||a.push(void 0),a}_getStackCount(e){return this._getStacks(void 0,e).length}_getStackIndex(e,i,s){const r=this._getStacks(e,s),o=void 0!==i?r.indexOf(i):-1;return-1===o?r.length-1:o}_getRuler(){const e=this.options,i=this._cachedMeta,s=i.iScale,r=[];let o,a;for(o=0,a=i.data.length;o=e?1:-1)}(S,i,l)*a,p===l&&(E-=S/2);const H=i.getPixelForDecimal(0),B=i.getPixelForDecimal(1),z=Math.min(H,B),$=Math.max(H,B);E=Math.max(Math.min(E,$),z),M=E+S,s&&!f&&(c._stacks[i.axis]._visualValues[r]=i.getValueForPixel(M)-i.getValueForPixel(E))}if(E===i.getPixelForValue(l)){const H=Ar(S)*i.getLineWidthForValue(l)/2;E+=H,S-=H}return{size:S,base:E,head:M,center:M+S/2}}_calculateBarIndexPixels(e,i){const s=i.scale,r=this.options,o=r.skipNull,a=it(r.maxBarThickness,1/0);let l,c;if(i.grouped){const u=o?this._getStackCount(e):i.stackCount,f="flex"===r.barThickness?function yz(n,t,e,i){const s=t.pixels,r=s[n];let o=n>0?s[n-1]:null,a=n{class n extends la{initialize(){this.enableOptionSharing=!0,super.initialize()}parsePrimitiveData(e,i,s,r){const o=super.parsePrimitiveData(e,i,s,r);for(let a=0;a=0;--s)i=Math.max(i,e[s].size(this.resolveDataElementOptions(s))/2);return i>0&&i}getLabelAndValue(e){const i=this._cachedMeta,s=this.chart.data.labels||[],{xScale:r,yScale:o}=i,a=this.getParsed(e),l=r.getLabelForValue(a.x),c=o.getLabelForValue(a.y),u=a._custom;return{label:s[e]||"",value:"("+l+", "+c+(u?", "+u:"")+")"}}update(e){const i=this._cachedMeta.data;this.updateElements(i,0,i.length,e)}updateElements(e,i,s,r){const o="reset"===r,{iScale:a,vScale:l}=this._cachedMeta,{sharedOptions:c,includeOptions:u}=this._getSharedOptions(i,r),f=a.axis,p=l.axis;for(let g=i;g{class n extends la{constructor(e,i){super(e,i),this.enableOptionSharing=!0,this.innerRadius=void 0,this.outerRadius=void 0,this.offsetX=void 0,this.offsetY=void 0}linkScales(){}parse(e,i){const s=this.getDataset().data,r=this._cachedMeta;if(!1===this._parsing)r._parsed=s;else{let a,l,o=c=>+s[c];if(gt(s[e])){const{key:c="value"}=this._parsing;o=u=>+sa(s[u],c)}for(a=e,l=e+i;a"string"==typeof n&&n.endsWith("%")?parseFloat(n)/100:+n/t)(this.options.cutout,l),1),u=this._getRingWeight(this.index),{circumference:f,rotation:p}=this._getRotationExtents(),{ratioX:g,ratioY:v,offsetX:M,offsetY:S}=function xz(n,t,e){let i=1,s=1,r=0,o=0;if(t$d(H,a,l,!0)?1:Math.max(B,B*e,z,z*e),v=(H,B,z)=>$d(H,a,l,!0)?-1:Math.min(B,B*e,z,z*e),M=g(0,c,f),S=g(Sn,u,p),L=v(an,c,f),E=v(an+Sn,u,p);i=(M-L)/2,s=(S-E)/2,r=-(M+L)/2,o=-(S+E)/2}return{ratioX:i,ratioY:s,offsetX:r,offsetY:o}}(p,f,c),H=Math.max(Math.min((s.width-a)/g,(s.height-a)/v)/2,0),B=HE(this.options.radius,H),$=(B-Math.max(B*c,0))/this._getVisibleDatasetWeightTotal();this.offsetX=M*B,this.offsetY=S*B,r.total=this.calculateTotal(),this.outerRadius=B-$*this._getRingWeightOffset(this.index),this.innerRadius=Math.max(this.outerRadius-$*u,0),this.updateElements(o,0,o.length,e)}_circumference(e,i){const s=this.options,r=this._cachedMeta,o=this._getCircumference();return i&&s.animation.animateRotate||!this.chart.getDataVisibility(e)||null===r._parsed[e]||r.data[e].hidden?0:this.calculateCircumference(r._parsed[e]*o/nn)}updateElements(e,i,s,r){const o="reset"===r,a=this.chart,l=a.chartArea,f=(l.left+l.right)/2,p=(l.top+l.bottom)/2,g=o&&a.options.animation.animateScale,v=g?0:this.innerRadius,M=g?0:this.outerRadius,{sharedOptions:S,includeOptions:L}=this._getSharedOptions(i,r);let H,E=this._getRotation();for(H=0;H0&&!isNaN(e)?nn*(Math.abs(e)/i):0}getLabelAndValue(e){const s=this.chart,r=s.data.labels||[],o=Kd(this._cachedMeta._parsed[e],s.options.locale);return{label:r[e]||"",value:o}}getMaxBorderWidth(e){let i=0;const s=this.chart;let r,o,a,l,c;if(!e)for(r=0,o=s.data.datasets.length;r"spacing"!==t,_indexable:t=>"spacing"!==t&&!t.startsWith("borderDash")&&!t.startsWith("hoverBorderDash")}),h(n,"overrides",{aspectRatio:1,plugins:{legend:{labels:{generateLabels(t){const e=t.data;if(e.labels.length&&e.datasets.length){const{labels:{pointStyle:i,color:s}}=t.legend.options;return e.labels.map((r,o)=>{const l=t.getDatasetMeta(0).controller.getStyle(o);return{text:r,fillStyle:l.backgroundColor,strokeStyle:l.borderColor,fontColor:s,lineWidth:l.borderWidth,pointStyle:i,hidden:!t.getDataVisibility(o),index:o}})}return[]}},onClick(t,e,i){i.chart.toggleDataVisibility(e.index),i.chart.update()}}}}),n})(),kz=(()=>{class n extends la{initialize(){this.enableOptionSharing=!0,this.supportsDecimation=!0,super.initialize()}update(e){const i=this._cachedMeta,{dataset:s,data:r=[],_dataset:o}=i,a=this.chart._animationsDisabled;let{start:l,count:c}=ZE(i,r,a);this._drawStart=l,this._drawCount=c,QE(i)&&(l=0,c=r.length),s._chart=this.chart,s._datasetIndex=this.index,s._decimated=!!o._decimated,s.points=r;const u=this.resolveDatasetElementOptions(e);this.options.showLine||(u.borderWidth=0),u.segment=this.options.segment,this.updateElement(s,void 0,{animated:!a,options:u},e),this.updateElements(r,l,c,e)}updateElements(e,i,s,r){const o="reset"===r,{iScale:a,vScale:l,_stacked:c,_dataset:u}=this._cachedMeta,{sharedOptions:f,includeOptions:p}=this._getSharedOptions(i,r),g=a.axis,v=l.axis,{spanGaps:M,segment:S}=this.options,L=Fc(M)?M:Number.POSITIVE_INFINITY,E=this.chart._animationsDisabled||o||"none"===r,H=i+s,B=e.length;let z=i>0&&this.getParsed(i-1);for(let $=0;$=H){ee.skip=!0;continue}const re=this.getParsed($),Te=Tt(re[v]),Pe=ee[g]=a.getPixelForValue(re[g],$),Ze=ee[v]=o||Te?l.getBasePixel():l.getPixelForValue(c?this.applyStack(l,re,c):re[v],$);ee.skip=isNaN(Pe)||isNaN(Ze)||Te,ee.stop=$>0&&Math.abs(re[g]-z[g])>L,S&&(ee.parsed=re,ee.raw=u.data[$]),p&&(ee.options=f||this.resolveDataElementOptions($,ne.active?"active":r)),E||this.updateElement(ne,$,ee,r),z=re}}getMaxOverflow(){const e=this._cachedMeta,i=e.dataset,s=i.options&&i.options.borderWidth||0,r=e.data||[];if(!r.length)return s;const o=r[0].size(this.resolveDataElementOptions(0)),a=r[r.length-1].size(this.resolveDataElementOptions(r.length-1));return Math.max(s,o,a)/2}draw(){const e=this._cachedMeta;e.dataset.updateControlPoints(this.chart.chartArea,e.iScale.axis),super.draw()}}return h(n,"id","line"),h(n,"defaults",{datasetElementType:"line",dataElementType:"point",showLine:!0,spanGaps:!1}),h(n,"overrides",{scales:{_index_:{type:"category"},_value_:{type:"linear"}}}),n})(),VI=(()=>{class n extends la{constructor(e,i){super(e,i),this.innerRadius=void 0,this.outerRadius=void 0}getLabelAndValue(e){const s=this.chart,r=s.data.labels||[],o=Kd(this._cachedMeta._parsed[e].r,s.options.locale);return{label:r[e]||"",value:o}}parseObjectData(e,i,s,r){return pI.bind(this)(e,i,s,r)}update(e){const i=this._cachedMeta.data;this._updateRadius(),this.updateElements(i,0,i.length,e)}getMinMax(){const i={min:Number.POSITIVE_INFINITY,max:Number.NEGATIVE_INFINITY};return this._cachedMeta.data.forEach((s,r)=>{const o=this.getParsed(r).r;!isNaN(o)&&this.chart.getDataVisibility(r)&&(oi.max&&(i.max=o))}),i}_updateRadius(){const e=this.chart,i=e.chartArea,s=e.options,r=Math.min(i.right-i.left,i.bottom-i.top),o=Math.max(r/2,0),l=(o-Math.max(s.cutoutPercentage?o/100*s.cutoutPercentage:1,0))/e.getVisibleDatasetCount();this.outerRadius=o-l*this.index,this.innerRadius=this.outerRadius-l}updateElements(e,i,s,r){const o="reset"===r,a=this.chart,c=a.options.animation,u=this._cachedMeta.rScale,f=u.xCenter,p=u.yCenter,g=u.getIndexAngle(0)-.5*an;let M,v=g;const S=360/this.countVisibleElements();for(M=0;M{!isNaN(this.getParsed(r).r)&&this.chart.getDataVisibility(r)&&i++}),i}_computeAngle(e,i,s){return this.chart.getDataVisibility(e)?lr(this.resolveDataElementOptions(e,i).angle||s):0}}return h(n,"id","polarArea"),h(n,"defaults",{dataElementType:"arc",animation:{animateRotate:!0,animateScale:!0},animations:{numbers:{type:"number",properties:["x","y","startAngle","endAngle","innerRadius","outerRadius"]}},indexAxis:"r",startAngle:0}),h(n,"overrides",{aspectRatio:1,plugins:{legend:{labels:{generateLabels(t){const e=t.data;if(e.labels.length&&e.datasets.length){const{labels:{pointStyle:i,color:s}}=t.legend.options;return e.labels.map((r,o)=>{const l=t.getDatasetMeta(0).controller.getStyle(o);return{text:r,fillStyle:l.backgroundColor,strokeStyle:l.borderColor,fontColor:s,lineWidth:l.borderWidth,pointStyle:i,hidden:!t.getDataVisibility(o),index:o}})}return[]}},onClick(t,e,i){i.chart.toggleDataVisibility(e.index),i.chart.update()}}},scales:{r:{type:"radialLinear",angleLines:{display:!1},beginAtZero:!0,grid:{circular:!0},pointLabels:{display:!1},startAngle:0}}}),n})();var Ez=Object.freeze({__proto__:null,BarController:Cz,BubbleController:Dz,DoughnutController:Nb,LineController:kz,PieController:(()=>{class n extends Nb{}return h(n,"id","pie"),h(n,"defaults",{cutout:0,rotation:0,circumference:360,radius:"100%"}),n})(),PolarAreaController:VI,RadarController:(()=>{class n extends la{getLabelAndValue(e){const i=this._cachedMeta.vScale,s=this.getParsed(e);return{label:i.getLabels()[e],value:""+i.getLabelForValue(s[i.axis])}}parseObjectData(e,i,s,r){return pI.bind(this)(e,i,s,r)}update(e){const i=this._cachedMeta,s=i.dataset,r=i.data||[],o=i.iScale.getLabels();if(s.points=r,"resize"!==e){const a=this.resolveDatasetElementOptions(e);this.options.showLine||(a.borderWidth=0),this.updateElement(s,void 0,{_loop:!0,_fullLoop:o.length===r.length,options:a},e)}this.updateElements(r,0,r.length,e)}updateElements(e,i,s,r){const o=this._cachedMeta.rScale,a="reset"===r;for(let l=i;l{class n extends la{getLabelAndValue(e){const i=this._cachedMeta,s=this.chart.data.labels||[],{xScale:r,yScale:o}=i,a=this.getParsed(e),l=r.getLabelForValue(a.x),c=o.getLabelForValue(a.y);return{label:s[e]||"",value:"("+l+", "+c+")"}}update(e){const i=this._cachedMeta,{data:s=[]}=i,r=this.chart._animationsDisabled;let{start:o,count:a}=ZE(i,s,r);if(this._drawStart=o,this._drawCount=a,QE(i)&&(o=0,a=s.length),this.options.showLine){const{dataset:l,_dataset:c}=i;l._chart=this.chart,l._datasetIndex=this.index,l._decimated=!!c._decimated,l.points=s;const u=this.resolveDatasetElementOptions(e);u.segment=this.options.segment,this.updateElement(l,void 0,{animated:!r,options:u},e)}this.updateElements(s,o,a,e)}addElements(){const{showLine:e}=this.options;!this.datasetElementType&&e&&(this.datasetElementType=this.chart.registry.getElement("line")),super.addElements()}updateElements(e,i,s,r){const o="reset"===r,{iScale:a,vScale:l,_stacked:c,_dataset:u}=this._cachedMeta,f=this.resolveDataElementOptions(i,r),p=this.getSharedOptions(f),g=this.includeOptions(r,p),v=a.axis,M=l.axis,{spanGaps:S,segment:L}=this.options,E=Fc(S)?S:Number.POSITIVE_INFINITY,H=this.chart._animationsDisabled||o||"none"===r;let B=i>0&&this.getParsed(i-1);for(let z=i;z0&&Math.abs(ne[v]-B[v])>E,L&&(ee.parsed=ne,ee.raw=u.data[z]),g&&(ee.options=p||this.resolveDataElementOptions(z,$.active?"active":r)),H||this.updateElement($,z,ee,r),B=ne}this.updateSharedOptions(p,r,f)}getMaxOverflow(){const e=this._cachedMeta,i=e.data||[];if(!this.options.showLine){let l=0;for(let c=i.length-1;c>=0;--c)l=Math.max(l,i[c].size(this.resolveDataElementOptions(c))/2);return l>0&&l}const s=e.dataset,r=s.options&&s.options.borderWidth||0;if(!i.length)return r;const o=i[0].size(this.resolveDataElementOptions(0)),a=i[i.length-1].size(this.resolveDataElementOptions(i.length-1));return Math.max(r,o,a)/2}}return h(n,"id","scatter"),h(n,"defaults",{datasetElementType:!1,dataElementType:"point",showLine:!1,fill:!1}),h(n,"overrides",{interaction:{mode:"point"},scales:{x:{type:"linear"},y:{type:"linear"}}}),n})()});function cl(){throw new Error("This method is not implemented: Check that a complete date adapter is provided.")}class Hb{static override(t){Object.assign(Hb.prototype,t)}constructor(t){h(this,"options",void 0),this.options=t||{}}init(){}formats(){return cl()}parse(){return cl()}format(){return cl()}add(){return cl()}diff(){return cl()}startOf(){return cl()}endOf(){return cl()}}var BI={_date:Hb};function Iz(n,t,e,i){const{controller:s,data:r,_sorted:o}=n,a=s._cachedMeta.iScale;if(a&&t===a.axis&&"r"!==t&&o&&r.length){const l=a._reversePixels?JV:yo;if(!i)return l(r,t,e);if(s._sharedOptions){const c=r[0],u="function"==typeof c.getRange&&c.getRange(t);if(u){const f=l(r,t,e-u),p=l(r,t,e+u);return{lo:f.lo,hi:p.hi}}}}return{lo:0,hi:r.length-1}}function eh(n,t,e,i,s){const r=n.getSortedVisibleDatasetMetas(),o=e[t];for(let a=0,l=r.length;a{l[o](t[e],s)&&(r.push({element:l,datasetIndex:c,index:u}),a=a||l.inRange(t.x,t.y,s))}),i&&!a?[]:r}var Oz={evaluateInteractionItems:eh,modes:{index(n,t,e,i){const s=al(t,n),r=e.axis||"x",o=e.includeInvisible||!1,a=e.intersect?Yb(n,s,r,i,o):Vb(n,s,r,!1,i,o),l=[];return a.length?(n.getSortedVisibleDatasetMetas().forEach(c=>{const u=a[0].index,f=c.data[u];f&&!f.skip&&l.push({element:f,datasetIndex:c.index,index:u})}),l):[]},dataset(n,t,e,i){const s=al(t,n),r=e.axis||"xy",o=e.includeInvisible||!1;let a=e.intersect?Yb(n,s,r,i,o):Vb(n,s,r,!1,i,o);if(a.length>0){const l=a[0].datasetIndex,c=n.getDatasetMeta(l).data;a=[];for(let u=0;uYb(n,al(t,n),e.axis||"xy",i,e.includeInvisible||!1),nearest:(n,t,e,i)=>Vb(n,al(t,n),e.axis||"xy",e.intersect,i,e.includeInvisible||!1),x:(n,t,e,i)=>zI(n,al(t,n),"x",e.intersect,i),y:(n,t,e,i)=>zI(n,al(t,n),"y",e.intersect,i)}};const jI=["left","top","right","bottom"];function th(n,t){return n.filter(e=>e.pos===t)}function WI(n,t){return n.filter(e=>-1===jI.indexOf(e.pos)&&e.box.axis===t)}function nh(n,t){return n.sort((e,i)=>{const s=t?i:e,r=t?e:i;return s.weight===r.weight?s.index-r.index:s.weight-r.weight})}function UI(n,t,e,i){return Math.max(n[e],t[e])+Math.max(n[i],t[i])}function GI(n,t){n.top=Math.max(n.top,t.top),n.left=Math.max(n.left,t.left),n.bottom=Math.max(n.bottom,t.bottom),n.right=Math.max(n.right,t.right)}function Yz(n,t,e,i){const{pos:s,box:r}=e,o=n.maxPadding;if(!gt(s)){e.size&&(n[s]-=e.size);const f=i[e.stack]||{size:0,count:1};f.size=Math.max(f.size,e.horizontal?r.height:r.width),e.size=f.size/f.count,n[s]+=e.size}r.getPadding&&GI(o,r.getPadding());const a=Math.max(0,t.outerWidth-UI(o,n,"left","right")),l=Math.max(0,t.outerHeight-UI(o,n,"top","bottom")),c=a!==n.w,u=l!==n.h;return n.w=a,n.h=l,e.horizontal?{same:c,other:u}:{same:u,other:c}}function Bz(n,t){const e=t.maxPadding;return function i(s){const r={left:0,top:0,right:0,bottom:0};return s.forEach(o=>{r[o]=Math.max(t[o],e[o])}),r}(n?["left","right"]:["top","bottom"])}function ih(n,t,e,i){const s=[];let r,o,a,l,c,u;for(r=0,o=n.length,c=0;rc.box.fullSize),!0),i=nh(th(t,"left"),!0),s=nh(th(t,"right")),r=nh(th(t,"top"),!0),o=nh(th(t,"bottom")),a=WI(t,"x"),l=WI(t,"y");return{fullSize:e,leftAndTop:i.concat(r),rightAndBottom:s.concat(l).concat(o).concat(a),chartArea:th(t,"chartArea"),vertical:i.concat(s).concat(l),horizontal:r.concat(o).concat(a)}}(n.boxes),l=a.vertical,c=a.horizontal;At(n.boxes,M=>{"function"==typeof M.beforeLayout&&M.beforeLayout()});const u=l.reduce((M,S)=>S.box.options&&!1===S.box.options.display?M:M+1,0)||1,f=Object.freeze({outerWidth:t,outerHeight:e,padding:s,availableWidth:r,availableHeight:o,vBoxMaxWidth:r/2/u,hBoxMaxHeight:o/2}),p=Object.assign({},s);GI(p,bi(i));const g=Object.assign({maxPadding:p,w:r,h:o,x:s.left,y:s.top},s),v=function Nz(n,t){const e=function Fz(n){const t={};for(const e of n){const{stack:i,pos:s,stackWeight:r}=e;if(!i||!jI.includes(s))continue;const o=t[i]||(t[i]={count:0,placed:0,weight:0,size:0});o.count++,o.weight+=r}return t}(n),{vBoxMaxWidth:i,hBoxMaxHeight:s}=t;let r,o,a;for(r=0,o=n.length;r{const S=M.box;Object.assign(S,n.chartArea),S.update(g.w,g.h,{left:0,top:0,right:0,bottom:0})})}};class qI{acquireContext(t,e){}releaseContext(t){return!1}addEventListener(t,e,i){}removeEventListener(t,e,i){}getDevicePixelRatio(){return 1}getMaximumSize(t,e,i,s){return e=Math.max(0,e||t.width),i=i||t.height,{width:e,height:Math.max(0,s?Math.floor(e/s):i)}}isAttached(t){return!0}updateConfig(t){}}class zz extends qI{acquireContext(t){return t&&t.getContext&&t.getContext("2d")||null}updateConfig(t){t.options.animation=!1}}const Fm="$chartjs",jz={touchstart:"mousedown",touchmove:"mousemove",touchend:"mouseup",pointerenter:"mouseenter",pointerdown:"mousedown",pointermove:"mousemove",pointerup:"mouseup",pointerleave:"mouseout",pointerout:"mouseout"},KI=n=>null===n||""===n,XI=!!WB&&{passive:!0};function Gz(n,t,e){n.canvas.removeEventListener(t,e,XI)}function Nm(n,t){for(const e of n)if(e===t||e.contains(t))return!0}function qz(n,t,e){const i=n.canvas,s=new MutationObserver(r=>{let o=!1;for(const a of r)o=o||Nm(a.addedNodes,i),o=o&&!Nm(a.removedNodes,i);o&&e()});return s.observe(document,{childList:!0,subtree:!0}),s}function Kz(n,t,e){const i=n.canvas,s=new MutationObserver(r=>{let o=!1;for(const a of r)o=o||Nm(a.removedNodes,i),o=o&&!Nm(a.addedNodes,i);o&&e()});return s.observe(document,{childList:!0,subtree:!0}),s}const sh=new Map;let JI=0;function ZI(){const n=window.devicePixelRatio;n!==JI&&(JI=n,sh.forEach((t,e)=>{e.currentDevicePixelRatio!==n&&t()}))}function Zz(n,t,e){const i=n.canvas,s=i&&Ab(i);if(!s)return;const r=JE((a,l)=>{const c=s.clientWidth;e(a,l),c{const l=a[0],c=l.contentRect.width,u=l.contentRect.height;0===c&&0===u||r(c,u)});return o.observe(s),function Xz(n,t){sh.size||window.addEventListener("resize",ZI),sh.set(n,t)}(n,r),o}function Bb(n,t,e){e&&e.disconnect(),"resize"===t&&function Jz(n){sh.delete(n),sh.size||window.removeEventListener("resize",ZI)}(n)}function Qz(n,t,e){const i=n.canvas,s=JE(r=>{null!==n.ctx&&e(function $z(n,t){const e=jz[n.type]||n.type,{x:i,y:s}=al(n,t);return{type:e,chart:t,native:n,x:void 0!==i?i:null,y:void 0!==s?s:null}}(r,n))},n);return function Uz(n,t,e){n.addEventListener(t,e,XI)}(i,t,s),s}class ej extends qI{acquireContext(t,e){const i=t&&t.getContext&&t.getContext("2d");return i&&i.canvas===t?(function Wz(n,t){const e=n.style,i=n.getAttribute("height"),s=n.getAttribute("width");if(n[Fm]={initial:{height:i,width:s,style:{display:e.display,height:e.height,width:e.width}}},e.display=e.display||"block",e.boxSizing=e.boxSizing||"border-box",KI(s)){const r=yI(n,"width");void 0!==r&&(n.width=r)}if(KI(i))if(""===n.style.height)n.height=n.width/(t||2);else{const r=yI(n,"height");void 0!==r&&(n.height=r)}}(t,e),i):null}releaseContext(t){const e=t.canvas;if(!e[Fm])return!1;const i=e[Fm].initial;["height","width"].forEach(r=>{const o=i[r];Tt(o)?e.removeAttribute(r):e.setAttribute(r,o)});const s=i.style||{};return Object.keys(s).forEach(r=>{e.style[r]=s[r]}),e.width=e.width,delete e[Fm],!0}addEventListener(t,e,i){this.removeEventListener(t,e),(t.$proxies||(t.$proxies={}))[e]=({attach:qz,detach:Kz,resize:Zz}[e]||Qz)(t,e,i)}removeEventListener(t,e){const i=t.$proxies||(t.$proxies={}),s=i[e];s&&(({attach:Bb,detach:Bb,resize:Bb}[e]||Gz)(t,e,s),i[e]=void 0)}getDevicePixelRatio(){return window.devicePixelRatio}getMaximumSize(t,e,i,s){return function jB(n,t,e,i){const s=Am(n),r=ol(s,"margin"),o=Pm(s.maxWidth,n,"clientWidth")||Cm,a=Pm(s.maxHeight,n,"clientHeight")||Cm,l=function zB(n,t,e){let i,s;if(void 0===t||void 0===e){const r=Ab(n);if(r){const o=r.getBoundingClientRect(),a=Am(r),l=ol(a,"border","width"),c=ol(a,"padding");t=o.width-c.width-l.width,e=o.height-c.height-l.height,i=Pm(a.maxWidth,r,"clientWidth"),s=Pm(a.maxHeight,r,"clientHeight")}else t=n.clientWidth,e=n.clientHeight}return{width:t,height:e,maxWidth:i||Cm,maxHeight:s||Cm}}(n,t,e);let{width:c,height:u}=l;if("content-box"===s.boxSizing){const p=ol(s,"border","width"),g=ol(s,"padding");c-=g.width+p.width,u-=g.height+p.height}return c=Math.max(0,c-r.width),u=Math.max(0,i?c/i:u-r.height),c=Om(Math.min(c,o,l.maxWidth)),u=Om(Math.min(u,a,l.maxHeight)),c&&!u&&(u=Om(c/2)),(void 0!==t||void 0!==e)&&i&&l.height&&u>l.height&&(u=l.height,c=Om(Math.floor(u*i))),{width:c,height:u}}(t,e,i,s)}isAttached(t){const e=Ab(t);return!(!e||!e.isConnected)}}class cr{constructor(){h(this,"x",void 0),h(this,"y",void 0),h(this,"active",!1),h(this,"options",void 0),h(this,"$animations",void 0)}tooltipPosition(t){const{x:e,y:i}=this.getProps(["x","y"],t);return{x:e,y:i}}hasValue(){return Fc(this.x)&&Fc(this.y)}getProps(t,e){const i=this.$animations;if(!e||!i)return this;const s={};return t.forEach(r=>{s[r]=i[r]&&i[r].active()?i[r]._to:this[r]}),s}}function Hm(n,t,e,i,s){const r=it(i,0),o=Math.min(it(s,n.length),n.length);let l,c,u,a=0;for(e=Math.ceil(e),s&&(l=s-i,e=l/Math.floor(l/e)),u=r;u<0;)a++,u=Math.round(r+a*e);for(c=Math.max(r,0);c"top"===t||"left"===t?n[t]+e:n[t]-e,eL=(n,t)=>Math.min(t||n,n);function tL(n,t){const e=[],i=n.length/t,s=n.length;let r=0;for(;ro+a)))return l}function rh(n){return n.drawTicks?n.tickLength:0}function nL(n,t){if(!n.display)return 0;const e=Kn(n.font,t),i=bi(n.padding);return(tn(n.text)?n.text.length:1)*e.lineHeight+i.height}function fj(n,t,e){let i=Tb(n);return(e&&"right"!==t||!e&&"right"===t)&&(i=(n=>"left"===n?"right":"right"===n?"left":n)(i)),i}class ul extends cr{constructor(t){super(),this.id=t.id,this.type=t.type,this.options=void 0,this.ctx=t.ctx,this.chart=t.chart,this.top=void 0,this.bottom=void 0,this.left=void 0,this.right=void 0,this.width=void 0,this.height=void 0,this._margins={left:0,right:0,top:0,bottom:0},this.maxWidth=void 0,this.maxHeight=void 0,this.paddingTop=void 0,this.paddingBottom=void 0,this.paddingLeft=void 0,this.paddingRight=void 0,this.axis=void 0,this.labelRotation=void 0,this.min=void 0,this.max=void 0,this._range=void 0,this.ticks=[],this._gridLineItems=null,this._labelItems=null,this._labelSizes=null,this._length=0,this._maxLength=0,this._longestTextCache={},this._startPixel=void 0,this._endPixel=void 0,this._reversePixels=!1,this._userMax=void 0,this._userMin=void 0,this._suggestedMax=void 0,this._suggestedMin=void 0,this._ticksLength=0,this._borderValue=0,this._cache={},this._dataLimitsCached=!1,this.$context=void 0}init(t){this.options=t.setContext(this.getContext()),this.axis=t.axis,this._userMin=this.parse(t.min),this._userMax=this.parse(t.max),this._suggestedMin=this.parse(t.suggestedMin),this._suggestedMax=this.parse(t.suggestedMax)}parse(t,e){return t}getUserBounds(){let{_userMin:t,_userMax:e,_suggestedMin:i,_suggestedMax:s}=this;return t=ms(t,Number.POSITIVE_INFINITY),e=ms(e,Number.NEGATIVE_INFINITY),i=ms(i,Number.POSITIVE_INFINITY),s=ms(s,Number.NEGATIVE_INFINITY),{min:ms(t,i),max:ms(e,s),minDefined:Tn(t),maxDefined:Tn(e)}}getMinMax(t){let o,{min:e,max:i,minDefined:s,maxDefined:r}=this.getUserBounds();if(s&&r)return{min:e,max:i};const a=this.getMatchingVisibleMetas();for(let l=0,c=a.length;li?i:e,i=s&&e>i?e:i,{min:ms(e,ms(i,e)),max:ms(i,ms(e,i))}}getPadding(){return{left:this.paddingLeft||0,top:this.paddingTop||0,right:this.paddingRight||0,bottom:this.paddingBottom||0}}getTicks(){return this.ticks}getLabels(){const t=this.chart.data;return this.options.labels||(this.isHorizontal()?t.xLabels:t.yLabels)||t.labels||[]}getLabelItems(t=this.chart.chartArea){return this._labelItems||(this._labelItems=this._computeLabelItems(t))}beforeLayout(){this._cache={},this._dataLimitsCached=!1}beforeUpdate(){Kt(this.options.beforeUpdate,[this])}update(t,e,i){const{beginAtZero:s,grace:r,ticks:o}=this.options,a=o.sampleSize;this.beforeUpdate(),this.maxWidth=t,this.maxHeight=e,this._margins=i=Object.assign({left:0,right:0,top:0,bottom:0},i),this.ticks=null,this._labelSizes=null,this._gridLineItems=null,this._labelItems=null,this.beforeSetDimensions(),this.setDimensions(),this.afterSetDimensions(),this._maxLength=this.isHorizontal()?this.width+i.left+i.right:this.height+i.top+i.bottom,this._dataLimitsCached||(this.beforeDataLimits(),this.determineDataLimits(),this.afterDataLimits(),this._range=function wB(n,t,e){const{min:i,max:s}=n,r=HE(t,(s-i)/2),o=(a,l)=>e&&0===a?0:a+l;return{min:o(i,-Math.abs(r)),max:o(s,r)}}(this,r,s),this._dataLimitsCached=!0),this.beforeBuildTicks(),this.ticks=this.buildTicks()||[],this.afterBuildTicks();const l=as)return function oj(n,t,e,i){let o,s=0,r=e[0];for(i=Math.ceil(i),o=0;os-r).pop(),t}(i);for(let o=0,a=r.length-1;os)return l}return Math.max(s,1)}(r,t,s);if(o>0){let f,p;const g=o>1?Math.round((l-a)/(o-1)):null;for(Hm(t,c,u,Tt(g)?0:a-g,a),f=0,p=o-1;f=r||i<=1||!this.isHorizontal())return void(this.labelRotation=s);const u=this._getLabelSizes(),f=u.widest.width,p=u.highest.height,g=ni(this.chart.width-f,0,this.maxWidth);a=t.offset?this.maxWidth/i:g/(i-1),f+6>a&&(a=g/(i-(t.offset?.5:1)),l=this.maxHeight-rh(t.grid)-e.padding-nL(t.title,this.chart.options.font),c=Math.sqrt(f*f+p*p),o=bb(Math.min(Math.asin(ni((u.highest.height+6)/a,-1,1)),Math.asin(ni(l/c,-1,1))-Math.asin(ni(p/c,-1,1)))),o=Math.max(s,Math.min(r,o))),this.labelRotation=o}afterCalculateLabelRotation(){Kt(this.options.afterCalculateLabelRotation,[this])}afterAutoSkip(){}beforeFit(){Kt(this.options.beforeFit,[this])}fit(){const t={width:0,height:0},{chart:e,options:{ticks:i,title:s,grid:r}}=this,o=this._isVisible(),a=this.isHorizontal();if(o){const l=nL(s,e.options.font);if(a?(t.width=this.maxWidth,t.height=rh(r)+l):(t.height=this.maxHeight,t.width=rh(r)+l),i.display&&this.ticks.length){const{first:c,last:u,widest:f,highest:p}=this._getLabelSizes(),g=2*i.padding,v=lr(this.labelRotation),M=Math.cos(v),S=Math.sin(v);a?t.height=Math.min(this.maxHeight,t.height+(i.mirror?0:S*f.width+M*p.height)+g):t.width=Math.min(this.maxWidth,t.width+(i.mirror?0:M*f.width+S*p.height)+g),this._calculatePadding(c,u,S,M)}}this._handleMargins(),a?(this.width=this._length=e.width-this._margins.left-this._margins.right,this.height=t.height):(this.width=t.width,this.height=this._length=e.height-this._margins.top-this._margins.bottom)}_calculatePadding(t,e,i,s){const{ticks:{align:r,padding:o},position:a}=this.options,l=0!==this.labelRotation,c="top"!==a&&"x"===this.axis;if(this.isHorizontal()){const u=this.getPixelForTick(0)-this.left,f=this.right-this.getPixelForTick(this.ticks.length-1);let p=0,g=0;l?c?(p=s*t.width,g=i*e.height):(p=i*t.height,g=s*e.width):"start"===r?g=e.width:"end"===r?p=t.width:"inner"!==r&&(p=t.width/2,g=e.width/2),this.paddingLeft=Math.max((p-u+o)*this.width/(this.width-u),0),this.paddingRight=Math.max((g-f+o)*this.width/(this.width-f),0)}else{let u=e.height/2,f=t.height/2;"start"===r?(u=0,f=t.height):"end"===r&&(u=e.height,f=0),this.paddingTop=u+o,this.paddingBottom=f+o}}_handleMargins(){this._margins&&(this._margins.left=Math.max(this.paddingLeft,this._margins.left),this._margins.top=Math.max(this.paddingTop,this._margins.top),this._margins.right=Math.max(this.paddingRight,this._margins.right),this._margins.bottom=Math.max(this.paddingBottom,this._margins.bottom))}afterFit(){Kt(this.options.afterFit,[this])}isHorizontal(){const{axis:t,position:e}=this.options;return"top"===e||"bottom"===e||"x"===t}isFullSize(){return this.options.fullSize}_convertTicksToLabels(t){let e,i;for(this.beforeTickToLabelConversion(),this.generateTickLabels(t),e=0,i=t.length;e{const i=e.gc,s=i.length/2;let r;if(s>t){for(r=0;r({width:o[re]||0,height:a[re]||0});return{first:ee(0),last:ee(e-1),widest:ee($),highest:ee(ne),widths:o,heights:a}}getLabelForValue(t){return t}getPixelForValue(t,e){return NaN}getValueForPixel(t){}getPixelForTick(t){const e=this.ticks;return t<0||t>e.length-1?null:this.getPixelForValue(e[t].value)}getPixelForDecimal(t){this._reversePixels&&(t=1-t);const e=this._startPixel+t*this._length;return function XV(n){return ni(n,-32768,32767)}(this._alignToPixels?il(this.chart,e,0):e)}getDecimalForPixel(t){const e=(t-this._startPixel)/this._length;return this._reversePixels?1-e:e}getBasePixel(){return this.getPixelForValue(this.getBaseValue())}getBaseValue(){const{min:t,max:e}=this;return t<0&&e<0?e:t>0&&e>0?t:0}getContext(t){const e=this.ticks||[];if(t>=0&&ta*s?a/i:l/s:l*s0}_computeGridLineItems(t){const e=this.axis,i=this.chart,s=this.options,{grid:r,position:o,border:a}=s,l=r.offset,c=this.isHorizontal(),f=this.ticks.length+(l?1:0),p=rh(r),g=[],v=a.setContext(this.getContext()),M=v.display?v.width:0,S=M/2,L=function(ue){return il(i,ue,M)};let E,H,B,z,$,ne,ee,re,Te,Pe,Ze,Bt;if("top"===o)E=L(this.bottom),ne=this.bottom-p,re=E-S,Pe=L(t.top)+S,Bt=t.bottom;else if("bottom"===o)E=L(this.top),Pe=t.top,Bt=L(t.bottom)-S,ne=E+S,re=this.top+p;else if("left"===o)E=L(this.right),$=this.right-p,ee=E-S,Te=L(t.left)+S,Ze=t.right;else if("right"===o)E=L(this.left),Te=t.left,Ze=L(t.right)-S,$=E+S,ee=this.left+p;else if("x"===e){if("center"===o)E=L((t.top+t.bottom)/2+.5);else if(gt(o)){const ue=Object.keys(o)[0];E=L(this.chart.scales[ue].getPixelForValue(o[ue]))}Pe=t.top,Bt=t.bottom,ne=E+S,re=ne+p}else if("y"===e){if("center"===o)E=L((t.left+t.right)/2);else if(gt(o)){const ue=Object.keys(o)[0];E=L(this.chart.scales[ue].getPixelForValue(o[ue]))}$=E-S,ee=$-p,Te=t.left,Ze=t.right}const Si=it(s.ticks.maxTicksLimit,f),It=Math.max(1,Math.ceil(f/Si));for(H=0;Hr.value===t);return s>=0?e.setContext(this.getContext(s)).lineWidth:0}drawGrid(t){const e=this.options.grid,i=this.ctx,s=this._gridLineItems||(this._gridLineItems=this._computeGridLineItems(t));let r,o;const a=(l,c,u)=>{!u.width||!u.color||(i.save(),i.lineWidth=u.width,i.strokeStyle=u.color,i.setLineDash(u.borderDash||[]),i.lineDashOffset=u.borderDashOffset,i.beginPath(),i.moveTo(l.x,l.y),i.lineTo(c.x,c.y),i.stroke(),i.restore())};if(e.display)for(r=0,o=s.length;r{this.drawBackground(),this.drawGrid(r),this.drawTitle()}},{z:s,draw:()=>{this.drawBorder()}},{z:e,draw:r=>{this.drawLabels(r)}}]:[{z:e,draw:r=>{this.draw(r)}}]}getMatchingVisibleMetas(t){const e=this.chart.getSortedVisibleDatasetMetas(),i=this.axis+"AxisID",s=[];let r,o;for(r=0,o=e.length;r{const i=e.split("."),s=i.pop(),r=[n].concat(i).join("."),o=t[e].split("."),a=o.pop(),l=o.join(".");Cn.route(r,s,l,a)})}(t,n.defaultRoutes),n.descriptors&&Cn.describe(t,n.descriptors)}(t,o,i),this.override&&Cn.override(t.id,t.overrides)),o}get(t){return this.items[t]}unregister(t){const e=this.items,i=t.id,s=this.scope;i in e&&delete e[i],s&&i in Cn[s]&&(delete Cn[s][i],this.override&&delete nl[i])}}class yj{constructor(){this.controllers=new Ym(la,"datasets",!0),this.elements=new Ym(cr,"elements"),this.plugins=new Ym(Object,"plugins"),this.scales=new Ym(ul,"scales"),this._typedRegistries=[this.controllers,this.scales,this.elements]}add(...t){this._each("register",t)}remove(...t){this._each("unregister",t)}addControllers(...t){this._each("register",t,this.controllers)}addElements(...t){this._each("register",t,this.elements)}addPlugins(...t){this._each("register",t,this.plugins)}addScales(...t){this._each("register",t,this.scales)}getController(t){return this._get(t,this.controllers,"controller")}getElement(t){return this._get(t,this.elements,"element")}getPlugin(t){return this._get(t,this.plugins,"plugin")}getScale(t){return this._get(t,this.scales,"scale")}removeControllers(...t){this._each("unregister",t,this.controllers)}removeElements(...t){this._each("unregister",t,this.elements)}removePlugins(...t){this._each("unregister",t,this.plugins)}removeScales(...t){this._each("unregister",t,this.scales)}_each(t,e,i){[...e].forEach(s=>{const r=i||this._getRegistryForType(s);i||r.isForType(s)||r===this.plugins&&s.id?this._exec(t,r,s):At(s,o=>{const a=i||this._getRegistryForType(o);this._exec(t,a,o)})})}_exec(t,e,i){const s=vb(t);Kt(i["before"+s],[],i),e[t](i),Kt(i["after"+s],[],i)}_getRegistryForType(t){for(let e=0;er.filter(a=>!o.some(l=>a.plugin.id===l.plugin.id));this._notify(s(e,i),t,"stop"),this._notify(s(i,e),t,"start")}}function wj(n,t){return t||!1!==n?!0===n?{}:n:null}function Tj(n,{plugin:t,local:e},i,s){const r=n.pluginScopeKeys(t),o=n.getOptionScopes(i,r);return e&&t.defaults&&o.push(t.defaults),n.createResolver(o,s,[""],{scriptable:!1,indexable:!1,allKeys:!0})}function zb(n,t){return((t.datasets||{})[n]||{}).indexAxis||t.indexAxis||(Cn.datasets[n]||{}).indexAxis||"x"}function iL(n){if("x"===n||"y"===n||"r"===n)return n}function Dj(n){return"top"===n||"bottom"===n?"x":"left"===n||"right"===n?"y":void 0}function jb(n,...t){if(iL(n))return n;for(const e of t){const i=e.axis||Dj(e.position)||n.length>1&&iL(n[0].toLowerCase());if(i)return i}throw new Error(`Cannot determine type of '${n}' axis. Please provide 'axis' or 'position' option.`)}function sL(n,t,e){if(e[t+"AxisID"]===n)return{axis:t}}function rL(n){const t=n.options||(n.options={});t.plugins=it(t.plugins,{}),t.scales=function kj(n,t){const e=nl[n.type]||{scales:{}},i=t.scales||{},s=zb(n.type,t),r=Object.create(null);return Object.keys(i).forEach(o=>{const a=i[o];if(!gt(a))return console.error(`Invalid scale configuration for scale: ${o}`);if(a._proxy)return console.warn(`Ignoring resolver passed as options for scale: ${o}`);const l=jb(o,a,function xj(n,t){if(t.data&&t.data.datasets){const e=t.data.datasets.filter(i=>i.xAxisID===n||i.yAxisID===n);if(e.length)return sL(n,"x",e[0])||sL(n,"y",e[0])}return{}}(o,n),Cn.scales[a.type]),c=function Cj(n,t){return n===t?"_index_":"_value_"}(l,s),u=e.scales||{};r[o]=Wd(Object.create(null),[{axis:l},a,u[l],u[c]])}),n.data.datasets.forEach(o=>{const a=o.type||n.type,l=o.indexAxis||zb(a,t),u=(nl[a]||{}).scales||{};Object.keys(u).forEach(f=>{const p=function Sj(n,t){let e=n;return"_index_"===n?e=t:"_value_"===n&&(e="x"===t?"y":"x"),e}(f,l),g=o[p+"AxisID"]||p;r[g]=r[g]||Object.create(null),Wd(r[g],[{axis:p},i[g],u[f]])})}),Object.keys(r).forEach(o=>{const a=r[o];Wd(a,[Cn.scales[a.type],Cn.scale])}),r}(n,t)}function oL(n){return(n=n||{}).datasets=n.datasets||[],n.labels=n.labels||[],n}const aL=new Map,lL=new Set;function Vm(n,t){let e=aL.get(n);return e||(e=t(),aL.set(n,e),lL.add(e)),e}const oh=(n,t,e)=>{const i=sa(t,e);void 0!==i&&n.add(i)};class Ij{constructor(t){this._config=function Ej(n){return(n=n||{}).data=oL(n.data),rL(n),n}(t),this._scopeCache=new Map,this._resolverCache=new Map}get platform(){return this._config.platform}get type(){return this._config.type}set type(t){this._config.type=t}get data(){return this._config.data}set data(t){this._config.data=oL(t)}get options(){return this._config.options}set options(t){this._config.options=t}get plugins(){return this._config.plugins}update(){const t=this._config;this.clearCache(),rL(t)}clearCache(){this._scopeCache.clear(),this._resolverCache.clear()}datasetScopeKeys(t){return Vm(t,()=>[[`datasets.${t}`,""]])}datasetAnimationScopeKeys(t,e){return Vm(`${t}.transition.${e}`,()=>[[`datasets.${t}.transitions.${e}`,`transitions.${e}`],[`datasets.${t}`,""]])}datasetElementScopeKeys(t,e){return Vm(`${t}-${e}`,()=>[[`datasets.${t}.elements.${e}`,`datasets.${t}`,`elements.${e}`,""]])}pluginScopeKeys(t){const e=t.id;return Vm(`${this.type}-plugin-${e}`,()=>[[`plugins.${e}`,...t.additionalOptionScopes||[]]])}_cachedScopes(t,e){const i=this._scopeCache;let s=i.get(t);return(!s||e)&&(s=new Map,i.set(t,s)),s}getOptionScopes(t,e,i){const{options:s,type:r}=this,o=this._cachedScopes(t,i),a=o.get(e);if(a)return a;const l=new Set;e.forEach(u=>{t&&(l.add(t),u.forEach(f=>oh(l,t,f))),u.forEach(f=>oh(l,s,f)),u.forEach(f=>oh(l,nl[r]||{},f)),u.forEach(f=>oh(l,Cn,f)),u.forEach(f=>oh(l,Db,f))});const c=Array.from(l);return 0===c.length&&c.push(Object.create(null)),lL.has(e)&&o.set(e,c),c}chartOptionScopes(){const{options:t,type:e}=this;return[t,nl[e]||{},Cn.datasets[e]||{},{type:e},Cn,Db]}resolveNamedOptions(t,e,i,s=[""]){const r={$shared:!0},{resolver:o,subPrefixes:a}=cL(this._resolverCache,t,s);let l=o;(function Pj(n,t){const{isScriptable:e,isIndexable:i}=lI(n);for(const s of t){const r=e(s),o=i(s),a=(o||r)&&n[s];if(r&&(ra(a)||Lj(a))||o&&tn(a))return!0}return!1})(o,e)&&(r.$shared=!1,l=Nc(o,i=ra(i)?i():i,this.createResolver(t,i,a)));for(const c of e)r[c]=l[c];return r}createResolver(t,e,i=[""],s){const{resolver:r}=cL(this._resolverCache,t,i);return gt(e)?Nc(r,e,void 0,s):r}}function cL(n,t,e){let i=n.get(t);i||(i=new Map,n.set(t,i));const s=e.join();let r=i.get(s);return r||(r={resolver:Ib(t,e),subPrefixes:e.filter(a=>!a.toLowerCase().includes("hover"))},i.set(s,r)),r}const Lj=n=>gt(n)&&Object.getOwnPropertyNames(n).reduce((t,e)=>t||ra(n[e]),!1),Oj=["top","bottom","left","right","chartArea"];function uL(n,t){return"top"===n||"bottom"===n||-1===Oj.indexOf(n)&&"x"===t}function dL(n,t){return function(e,i){return e[n]===i[n]?e[t]-i[t]:e[n]-i[n]}}function hL(n){const t=n.chart,e=t.options.animation;t.notifyPlugins("afterRender"),Kt(e&&e.onComplete,[n],t)}function Rj(n){const t=n.chart,e=t.options.animation;Kt(e&&e.onProgress,[n],t)}function fL(n){return _I()&&"string"==typeof n?n=document.getElementById(n):n&&n.length&&(n=n[0]),n&&n.canvas&&(n=n.canvas),n}const Bm={},pL=n=>{const t=fL(n);return Object.values(Bm).filter(e=>e.canvas===t).pop()};function Fj(n,t,e){const i=Object.keys(n);for(const s of i){const r=+s;if(r>=t){const o=n[s];delete n[s],(e>0||r>t)&&(n[r+e]=o)}}}let Wb=(()=>{class n{static register(...e){Or.add(...e),mL()}static unregister(...e){Or.remove(...e),mL()}constructor(e,i){const s=this.config=new Ij(i),r=fL(e),o=pL(r);if(o)throw new Error("Canvas is already in use. Chart with ID '"+o.id+"' must be destroyed before the canvas with ID '"+o.canvas.id+"' can be reused.");const a=s.createResolver(s.chartOptionScopes(),this.getContext());this.platform=new(s.platform||function tj(n){return!_I()||typeof OffscreenCanvas<"u"&&n instanceof OffscreenCanvas?zz:ej}(r)),this.platform.updateConfig(s);const l=this.platform.acquireContext(r,a.aspectRatio),c=l&&l.canvas,u=c&&c.height,f=c&&c.width;this.id=HV(),this.ctx=l,this.canvas=c,this.width=f,this.height=u,this._options=a,this._aspectRatio=this.aspectRatio,this._layers=[],this._metasets=[],this._stacks=void 0,this.boxes=[],this.currentDevicePixelRatio=void 0,this.chartArea=void 0,this._active=[],this._lastEvent=void 0,this._listeners={},this._responsiveListeners=void 0,this._sortedMetasets=[],this.scales={},this._plugins=new vj,this.$proxies={},this._hiddenIndices={},this.attached=!1,this._animationsDisabled=void 0,this.$context=void 0,this._doResize=function eB(n,t){let e;return function(...i){return t?(clearTimeout(e),e=setTimeout(n,t,i)):n.apply(this,i),t}}(p=>this.update(p),a.resizeDelay||0),this._dataChanges=[],Bm[this.id]=this,l&&c?(bo.listen(this,"complete",hL),bo.listen(this,"progress",Rj),this._initialize(),this.attached&&this.update()):console.error("Failed to create chart: can't acquire context from the given item")}get aspectRatio(){const{options:{aspectRatio:e,maintainAspectRatio:i},width:s,height:r,_aspectRatio:o}=this;return Tt(e)?i&&o?o:r?s/r:null:e}get data(){return this.config.data}set data(e){this.config.data=e}get options(){return this._options}set options(e){this.config.options=e}get registry(){return Or}_initialize(){return this.notifyPlugins("beforeInit"),this.options.responsive?this.resize():gI(this,this.options.devicePixelRatio),this.bindEvents(),this.notifyPlugins("afterInit"),this}clear(){return rI(this.canvas,this.ctx),this}stop(){return bo.stop(this),this}resize(e,i){bo.running(this)?this._resizeBeforeDraw={width:e,height:i}:this._resize(e,i)}_resize(e,i){const s=this.options,a=this.platform.getMaximumSize(this.canvas,e,i,s.maintainAspectRatio&&this.aspectRatio),l=s.devicePixelRatio||this.platform.getDevicePixelRatio(),c=this.width?"resize":"attach";this.width=a.width,this.height=a.height,this._aspectRatio=this.aspectRatio,gI(this,l,!0)&&(this.notifyPlugins("resize",{size:a}),Kt(s.onResize,[this,a],this),this.attached&&this._doResize(c)&&this.render())}ensureScalesHaveIDs(){At(this.options.scales||{},(s,r)=>{s.id=r})}buildOrUpdateScales(){const e=this.options,i=e.scales,s=this.scales,r=Object.keys(s).reduce((a,l)=>(a[l]=!1,a),{});let o=[];i&&(o=o.concat(Object.keys(i).map(a=>{const l=i[a],c=jb(a,l),u="r"===c,f="x"===c;return{options:l,dposition:u?"chartArea":f?"bottom":"left",dtype:u?"radialLinear":f?"category":"linear"}}))),At(o,a=>{const l=a.options,c=l.id,u=jb(c,l),f=it(l.type,a.dtype);(void 0===l.position||uL(l.position,u)!==uL(a.dposition))&&(l.position=a.dposition),r[c]=!0;let p=null;c in s&&s[c].type===f?p=s[c]:(p=new(Or.getScale(f))({id:c,type:f,ctx:this.ctx,chart:this}),s[p.id]=p),p.init(l,e)}),At(r,(a,l)=>{a||delete s[l]}),At(s,a=>{wi.configure(this,a,a.options),wi.addBox(this,a)})}_updateMetasets(){const e=this._metasets,i=this.data.datasets.length,s=e.length;if(e.sort((r,o)=>r.index-o.index),s>i){for(let r=i;ri.length&&delete this._stacks,e.forEach((s,r)=>{0===i.filter(o=>o===s._dataset).length&&this._destroyDatasetMeta(r)})}buildOrUpdateControllers(){const e=[],i=this.data.datasets;let s,r;for(this._removeUnreferencedMetasets(),s=0,r=i.length;s{this.getDatasetMeta(i).controller.reset()},this)}reset(){this._resetElements(),this.notifyPlugins("reset")}update(e){const i=this.config;i.update();const s=this._options=i.createResolver(i.chartOptionScopes(),this.getContext()),r=this._animationsDisabled=!s.animation;if(this._updateScales(),this._checkEventBindings(),this._updateHiddenIndices(),this._plugins.invalidate(),!1===this.notifyPlugins("beforeUpdate",{mode:e,cancelable:!0}))return;const o=this.buildOrUpdateControllers();this.notifyPlugins("beforeElementsUpdate");let a=0;for(let u=0,f=this.data.datasets.length;u{u.reset()}),this._updateDatasets(e),this.notifyPlugins("afterUpdate",{mode:e}),this._layers.sort(dL("z","_idx"));const{_active:l,_lastEvent:c}=this;c?this._eventHandler(c,!0):l.length&&this._updateHoverStyles(l,l,!0),this.render()}_updateScales(){At(this.scales,e=>{wi.removeBox(this,e)}),this.ensureScalesHaveIDs(),this.buildOrUpdateScales()}_checkEventBindings(){const e=this.options,i=new Set(Object.keys(this._listeners)),s=new Set(e.events);(!BE(i,s)||!!this._responsiveListeners!==e.responsive)&&(this.unbindEvents(),this.bindEvents())}_updateHiddenIndices(){const{_hiddenIndices:e}=this,i=this._getUniformDataChanges()||[];for(const{method:s,start:r,count:o}of i)Fj(e,r,"_removeElements"===s?-o:o)}_getUniformDataChanges(){const e=this._dataChanges;if(!e||!e.length)return;this._dataChanges=[];const i=this.data.datasets.length,s=o=>new Set(e.filter(a=>a[0]===o).map((a,l)=>l+","+a.splice(1).join(","))),r=s(0);for(let o=1;oo.split(",")).map(o=>({method:o[1],start:+o[2],count:+o[3]}))}_updateLayout(e){if(!1===this.notifyPlugins("beforeLayout",{cancelable:!0}))return;wi.update(this,this.width,this.height,e);const i=this.chartArea,s=i.width<=0||i.height<=0;this._layers=[],At(this.boxes,r=>{s&&"chartArea"===r.position||(r.configure&&r.configure(),this._layers.push(...r._layers()))},this),this._layers.forEach((r,o)=>{r._idx=o}),this.notifyPlugins("afterLayout")}_updateDatasets(e){if(!1!==this.notifyPlugins("beforeDatasetsUpdate",{mode:e,cancelable:!0})){for(let i=0,s=this.data.datasets.length;i=0;--i)this._drawDataset(e[i]);this.notifyPlugins("afterDatasetsDraw")}_drawDataset(e){const i=this.ctx,s=e._clip,r=!s.disabled,o=function Hj(n){const{xScale:t,yScale:e}=n;if(t&&e)return{left:t.left,right:t.right,top:e.top,bottom:e.bottom}}(e)||this.chartArea,a={meta:e,index:e.index,cancelable:!0};!1!==this.notifyPlugins("beforeDatasetDraw",a)&&(r&&Em(i,{left:!1===s.left?0:o.left-s.left,right:!1===s.right?this.width:o.right+s.right,top:!1===s.top?0:o.top-s.top,bottom:!1===s.bottom?this.height:o.bottom+s.bottom}),e.controller.draw(),r&&Im(i),a.cancelable=!1,this.notifyPlugins("afterDatasetDraw",a))}isPointInArea(e){return vo(e,this.chartArea,this._minPadding)}getElementsAtEventForMode(e,i,s,r){const o=Oz.modes[i];return"function"==typeof o?o(this,e,s,r):[]}getDatasetMeta(e){const i=this.data.datasets[e],s=this._metasets;let r=s.filter(o=>o&&o._dataset===i).pop();return r||(r={type:null,data:[],dataset:null,controller:null,hidden:null,xAxisID:null,yAxisID:null,order:i&&i.order||0,index:e,_dataset:i,_parsed:[],_sorted:!1},s.push(r)),r}getContext(){return this.$context||(this.$context=aa(null,{chart:this,type:"chart"}))}getVisibleDatasetCount(){return this.getSortedVisibleDatasetMetas().length}isDatasetVisible(e){const i=this.data.datasets[e];if(!i)return!1;const s=this.getDatasetMeta(e);return"boolean"==typeof s.hidden?!s.hidden:!i.hidden}setDatasetVisibility(e,i){this.getDatasetMeta(e).hidden=!i}toggleDataVisibility(e){this._hiddenIndices[e]=!this._hiddenIndices[e]}getDataVisibility(e){return!this._hiddenIndices[e]}_updateVisibility(e,i,s){const r=s?"show":"hide",o=this.getDatasetMeta(e),a=o.controller._resolveAnimations(void 0,r);Ud(i)?(o.data[i].hidden=!s,this.update()):(this.setDatasetVisibility(e,s),a.update(o,{visible:s}),this.update(l=>l.datasetIndex===e?r:void 0))}hide(e,i){this._updateVisibility(e,i,!1)}show(e,i){this._updateVisibility(e,i,!0)}_destroyDatasetMeta(e){const i=this._metasets[e];i&&i.controller&&i.controller._destroy(),delete this._metasets[e]}_stop(){let e,i;for(this.stop(),bo.remove(this),e=0,i=this.data.datasets.length;e{i.addEventListener(this,o,a),e[o]=a},r=(o,a,l)=>{o.offsetX=a,o.offsetY=l,this._eventHandler(o)};At(this.options.events,o=>s(o,r))}bindResponsiveEvents(){this._responsiveListeners||(this._responsiveListeners={});const e=this._responsiveListeners,i=this.platform,s=(c,u)=>{i.addEventListener(this,c,u),e[c]=u},r=(c,u)=>{e[c]&&(i.removeEventListener(this,c,u),delete e[c])},o=(c,u)=>{this.canvas&&this.resize(c,u)};let a;const l=()=>{r("attach",l),this.attached=!0,this.resize(),s("resize",o),s("detach",a)};a=()=>{this.attached=!1,r("resize",o),this._stop(),this._resize(0,0),s("attach",l)},i.isAttached(this.canvas)?l():a()}unbindEvents(){At(this._listeners,(e,i)=>{this.platform.removeEventListener(this,i,e)}),this._listeners={},At(this._responsiveListeners,(e,i)=>{this.platform.removeEventListener(this,i,e)}),this._responsiveListeners=void 0}updateHoverStyle(e,i,s){const r=s?"set":"remove";let o,a,l,c;for("dataset"===i&&(o=this.getDatasetMeta(e[0].datasetIndex),o.controller["_"+r+"DatasetHoverStyle"]()),l=0,c=e.length;l{const l=this.getDatasetMeta(o);if(!l)throw new Error("No dataset found at index "+o);return{datasetIndex:o,element:l.data[a],index:a}});!Tm(s,i)&&(this._active=s,this._lastEvent=null,this._updateHoverStyles(s,i))}notifyPlugins(e,i,s){return this._plugins.notify(this,e,i,s)}isPluginEnabled(e){return 1===this._plugins._cache.filter(i=>i.plugin.id===e).length}_updateHoverStyles(e,i,s){const r=this.options.hover,o=(c,u)=>c.filter(f=>!u.some(p=>f.datasetIndex===p.datasetIndex&&f.index===p.index)),a=o(i,e),l=s?e:o(e,i);a.length&&this.updateHoverStyle(a,r.mode,!1),l.length&&r.mode&&this.updateHoverStyle(l,r.mode,!0)}_eventHandler(e,i){const s={event:e,replay:i,cancelable:!0,inChartArea:this.isPointInArea(e)},r=a=>(a.options.events||this.options.events).includes(e.native.type);if(!1===this.notifyPlugins("beforeEvent",s,r))return;const o=this._handleEvent(e,i,s.inChartArea);return s.cancelable=!1,this.notifyPlugins("afterEvent",s,r),(o||s.changed)&&this.render(),this}_handleEvent(e,i,s){const{_active:r=[],options:o}=this,l=this._getActiveElements(e,r,s,i),c=function WV(n){return"mouseup"===n.type||"click"===n.type||"contextmenu"===n.type}(e),u=function Nj(n,t,e,i){return e&&"mouseout"!==n.type?i?t:n:null}(e,this._lastEvent,s,c);s&&(this._lastEvent=null,Kt(o.onHover,[e,l,this],this),c&&Kt(o.onClick,[e,l,this],this));const f=!Tm(l,r);return(f||i)&&(this._active=l,this._updateHoverStyles(l,r,i)),this._lastEvent=u,f}_getActiveElements(e,i,s,r){if("mouseout"===e.type)return[];if(!s)return i;const o=this.options.hover;return this.getElementsAtEventForMode(e,o.mode,o,r)}}return h(n,"defaults",Cn),h(n,"instances",Bm),h(n,"overrides",nl),h(n,"registry",Or),h(n,"version","4.3.0"),h(n,"getChart",pL),n})();function mL(){return At(Wb.instances,n=>n._plugins.invalidate())}function Vc(n,t,e,i){return{x:e+n*Math.cos(t),y:i+n*Math.sin(t)}}function zm(n,t,e,i,s,r){const{x:o,y:a,startAngle:l,pixelMargin:c,innerRadius:u}=t,f=Math.max(t.outerRadius+i+e-c,0),p=u>0?u+i+e+c:0;let g=0;const v=s-l;if(i){const pe=((u>0?u-i:0)+(f>0?f-i:0))/2;g=(v-(0!==pe?v*pe/(pe+i):v))/2}const S=(v-Math.max(.001,v*f-e/an)/f)/2,L=l+S+g,E=s-S-g,{outerStart:H,outerEnd:B,innerStart:z,innerEnd:$}=function Bj(n,t,e,i){const s=function Vj(n){return Eb(n,["outerStart","outerEnd","innerStart","innerEnd"])}(n.options.borderRadius),r=(e-t)/2,o=Math.min(r,i*t/2),a=l=>{const c=(e-Math.min(r,l))*i/2;return ni(l,0,Math.min(r,c))};return{outerStart:a(s.outerStart),outerEnd:a(s.outerEnd),innerStart:ni(s.innerStart,0,o),innerEnd:ni(s.innerEnd,0,o)}}(t,p,f,E-L),ne=f-H,ee=f-B,re=L+H/ne,Te=E-B/ee,Pe=p+z,Ze=p+$,Bt=L+z/Pe,Si=E-$/Ze;if(n.beginPath(),r){const It=(re+Te)/2;if(n.arc(o,a,f,re,It),n.arc(o,a,f,It,Te),B>0){const We=Vc(ee,Te,o,a);n.arc(We.x,We.y,B,Te,E+Sn)}const ue=Vc(Ze,E,o,a);if(n.lineTo(ue.x,ue.y),$>0){const We=Vc(Ze,Si,o,a);n.arc(We.x,We.y,$,E+Sn,Si+Math.PI)}const pe=(E-$/p+(L+z/p))/2;if(n.arc(o,a,p,E-$/p,pe,!0),n.arc(o,a,p,pe,L+z/p,!0),z>0){const We=Vc(Pe,Bt,o,a);n.arc(We.x,We.y,z,Bt+Math.PI,L-Sn)}const Ie=Vc(ne,L,o,a);if(n.lineTo(Ie.x,Ie.y),H>0){const We=Vc(ne,re,o,a);n.arc(We.x,We.y,H,L-Sn,re)}}else{n.moveTo(o,a);const It=Math.cos(re)*f+o,ue=Math.sin(re)*f+a;n.lineTo(It,ue);const pe=Math.cos(Te)*f+o,Ie=Math.sin(Te)*f+a;n.lineTo(pe,Ie)}n.closePath()}class ah extends cr{constructor(t){super(),h(this,"circumference",void 0),h(this,"endAngle",void 0),h(this,"fullCircles",void 0),h(this,"innerRadius",void 0),h(this,"outerRadius",void 0),h(this,"pixelMargin",void 0),h(this,"startAngle",void 0),this.options=void 0,this.circumference=void 0,this.startAngle=void 0,this.endAngle=void 0,this.innerRadius=void 0,this.outerRadius=void 0,this.pixelMargin=0,this.fullCircles=0,t&&Object.assign(this,t)}inRange(t,e,i){const s=this.getProps(["x","y"],i),{angle:r,distance:o}=GE(s,{x:t,y:e}),{startAngle:a,endAngle:l,innerRadius:c,outerRadius:u,circumference:f}=this.getProps(["startAngle","endAngle","innerRadius","outerRadius","circumference"],i),p=(this.options.spacing+this.options.borderWidth)/2,v=it(f,l-a)>=nn||$d(r,a,l),M=go(o,c+p,u+p);return v&&M}getCenterPoint(t){const{x:e,y:i,startAngle:s,endAngle:r,innerRadius:o,outerRadius:a}=this.getProps(["x","y","startAngle","endAngle","innerRadius","outerRadius"],t),{offset:l,spacing:c}=this.options,u=(s+r)/2,f=(o+a+c+l)/2;return{x:e+Math.cos(u)*f,y:i+Math.sin(u)*f}}tooltipPosition(t){return this.getCenterPoint(t)}draw(t){const{options:e,circumference:i}=this,s=(e.offset||0)/4,r=(e.spacing||0)/2,o=e.circular;if(this.pixelMargin="inner"===e.borderAlign?.33:0,this.fullCircles=i>nn?Math.floor(i/nn):0,0===i||this.innerRadius<0||this.outerRadius<0)return;t.save();const a=(this.startAngle+this.endAngle)/2;t.translate(Math.cos(a)*s,Math.sin(a)*s);const c=s*(1-Math.sin(Math.min(an,i||0)));t.fillStyle=e.backgroundColor,t.strokeStyle=e.borderColor,function zj(n,t,e,i,s){const{fullCircles:r,startAngle:o,circumference:a}=t;let l=t.endAngle;if(r){zm(n,t,e,i,l,s);for(let c=0;cs?(c=s/l,n.arc(r,o,l,e+c,i-c,!0)):n.arc(r,o,s,e+Sn,i-Sn),n.closePath(),n.clip()}(n,t,v),r||(zm(n,t,e,i,v,s),n.stroke())}(t,this,c,r,o),t.restore()}}function _L(n,t,e=t){n.lineCap=it(e.borderCapStyle,t.borderCapStyle),n.setLineDash(it(e.borderDash,t.borderDash)),n.lineDashOffset=it(e.borderDashOffset,t.borderDashOffset),n.lineJoin=it(e.borderJoinStyle,t.borderJoinStyle),n.lineWidth=it(e.borderWidth,t.borderWidth),n.strokeStyle=it(e.borderColor,t.borderColor)}function Wj(n,t,e){n.lineTo(e.x,e.y)}function gL(n,t,e={}){const i=n.length,{start:s=0,end:r=i-1}=e,{start:o,end:a}=t,l=Math.max(s,o),c=Math.min(r,a);return{count:i,start:l,loop:t.loop,ilen:ca&&r>a)?i+c-l:c-l}}function Gj(n,t,e,i){const{points:s,options:r}=t,{count:o,start:a,loop:l,ilen:c}=gL(s,e,i),u=function Uj(n){return n.stepped?hB:n.tension||"monotone"===n.cubicInterpolationMode?fB:Wj}(r);let g,v,M,{move:f=!0,reverse:p}=i||{};for(g=0;g<=c;++g)v=s[(a+(p?c-g:g))%o],!v.skip&&(f?(n.moveTo(v.x,v.y),f=!1):u(n,M,v,p,r.stepped),M=v);return l&&(v=s[(a+(p?c:0))%o],u(n,M,v,p,r.stepped)),!!l}function $j(n,t,e,i){const s=t.points,{count:r,start:o,ilen:a}=gL(s,e,i),{move:l=!0,reverse:c}=i||{};let p,g,v,M,S,L,u=0,f=0;const E=B=>(o+(c?a-B:B))%r,H=()=>{M!==S&&(n.lineTo(u,S),n.lineTo(u,M),n.lineTo(u,L))};for(l&&(g=s[E(0)],n.moveTo(g.x,g.y)),p=0;p<=a;++p){if(g=s[E(p)],g.skip)continue;const B=g.x,z=g.y,$=0|B;$===v?(zS&&(S=z),u=(f*u+B)/++f):(H(),n.lineTo(B,z),v=$,f=0,M=S=z),L=z}H()}function Ub(n){const t=n.options;return n._decimated||n._loop||t.tension||"monotone"===t.cubicInterpolationMode||t.stepped||t.borderDash&&t.borderDash.length?Gj:$j}h(ah,"id","arc"),h(ah,"defaults",{borderAlign:"center",borderColor:"#fff",borderDash:[],borderDashOffset:0,borderJoinStyle:void 0,borderRadius:0,borderWidth:2,offset:0,spacing:0,angle:void 0,circular:!0}),h(ah,"defaultRoutes",{backgroundColor:"backgroundColor"}),h(ah,"descriptors",{_scriptable:!0,_indexable:n=>"borderDash"!==n});const Jj="function"==typeof Path2D;let jm=(()=>{class n extends cr{constructor(e){super(),this.animated=!0,this.options=void 0,this._chart=void 0,this._loop=void 0,this._fullLoop=void 0,this._path=void 0,this._points=void 0,this._segments=void 0,this._decimated=!1,this._pointsUpdated=!1,this._datasetIndex=void 0,e&&Object.assign(this,e)}updateControlPoints(e,i){const s=this.options;!s.tension&&"monotone"!==s.cubicInterpolationMode||s.stepped||this._pointsUpdated||(NB(this._points,s,e,s.spanGaps?this._loop:this._fullLoop,i),this._pointsUpdated=!0)}set points(e){this._points=e,delete this._segments,delete this._path,this._pointsUpdated=!1}get points(){return this._points}get segments(){return this._segments||(this._segments=function ZB(n,t){const e=n.points,i=n.options.spanGaps,s=e.length;if(!s)return[];const r=!!n._loop,{start:o,end:a}=function XB(n,t,e,i){let s=0,r=t-1;if(e&&!i)for(;ss&&n[r%t].skip;)r--;return r%=t,{start:s,end:r}}(e,s,r,i);return function CI(n,t,e,i){return i&&i.setContext&&e?function QB(n,t,e,i){const s=n._chart.getContext(),r=DI(n.options),{_datasetIndex:o,options:{spanGaps:a}}=n,l=e.length,c=[];let u=r,f=t[0].start,p=f;function g(v,M,S,L){const E=a?-1:1;if(v!==M){for(v+=l;e[v%l].skip;)v-=E;for(;e[M%l].skip;)M+=E;v%l!=M%l&&(c.push({start:v%l,end:M%l,loop:S,style:L}),u=L,f=M%l)}}for(const v of t){f=a?f:v.start;let S,M=e[f%l];for(p=f+1;p<=v.end;p++){const L=e[p%l];S=DI(i.setContext(aa(s,{type:"segment",p0:M,p1:L,p0DataIndex:(p-1)%l,p1DataIndex:p%l,datasetIndex:o}))),ez(S,u)&&g(f,p-1,v.loop,u),M=L,u=S}f"borderDash"!==t&&"fill"!==t}),n})();function yL(n,t,e,i){const s=n.options,{[e]:r}=n.getProps([e],i);return Math.abs(t-r){class n extends cr{constructor(e){super(),h(this,"parsed",void 0),h(this,"skip",void 0),h(this,"stop",void 0),this.options=void 0,this.parsed=void 0,this.skip=void 0,this.stop=void 0,e&&Object.assign(this,e)}inRange(e,i,s){const r=this.options,{x:o,y:a}=this.getProps(["x","y"],s);return Math.pow(e-o,2)+Math.pow(i-a,2)n.replace("rgb(","rgba(").replace(")",", 0.5)"));function wL(n){return qb[n%qb.length]}function ML(n){return bL[n%bL.length]}function TL(n){let t;for(t in n)if(n[t].borderColor||n[t].backgroundColor)return!0;return!1}var dW={id:"colors",defaults:{enabled:!0,forceOverride:!1},beforeLayout(n,t,e){if(!e.enabled)return;const{data:{datasets:i},options:s}=n.config,{elements:r}=s;if(!e.forceOverride&&(TL(i)||function uW(n){return n&&(n.borderColor||n.backgroundColor)}(s)||r&&TL(r)))return;const o=function cW(n){let t=0;return(e,i)=>{const s=n.getDatasetMeta(i).controller;s instanceof Nb?t=function aW(n,t){return n.backgroundColor=n.data.map(()=>wL(t++)),t}(e,t):s instanceof VI?t=function lW(n,t){return n.backgroundColor=n.data.map(()=>ML(t++)),t}(e,t):s&&(t=function oW(n,t){return n.borderColor=wL(t),n.backgroundColor=ML(t),++t}(e,t))}}(n);i.forEach(o)}};function SL(n){if(n._decimated){const t=n._data;delete n._decimated,delete n._data,Object.defineProperty(n,"data",{configurable:!0,enumerable:!0,writable:!0,value:t})}}function CL(n){n.data.datasets.forEach(t=>{SL(t)})}var mW={id:"decimation",defaults:{algorithm:"min-max",enabled:!1},beforeElementsUpdate:(n,t,e)=>{if(!e.enabled)return void CL(n);const i=n.width;n.data.datasets.forEach((s,r)=>{const{_data:o,indexAxis:a}=s,l=n.getDatasetMeta(r),c=o||s.data;if("y"===Zd([a,n.options.indexAxis])||!l.controller.supportsDecimation)return;const u=n.scales[l.xAxisID];if("linear"!==u.type&&"time"!==u.type||n.options.parsing)return;let v,{start:f,count:p}=function pW(n,t){const e=t.length;let s,i=0;const{iScale:r}=n,{min:o,max:a,minDefined:l,maxDefined:c}=r.getUserBounds();return l&&(i=ni(yo(t,r.axis,o).lo,0,e-1)),s=c?ni(yo(t,r.axis,a).hi+1,i,e)-i:e-i,{start:i,count:s}}(l,c);if(p<=(e.threshold||4*i))SL(s);else{switch(Tt(o)&&(s._data=c,delete s.data,Object.defineProperty(s,"data",{configurable:!0,enumerable:!0,get:function(){return this._decimated},set:function(M){this._data=M}})),e.algorithm){case"lttb":v=function hW(n,t,e,i,s){const r=s.samples||i;if(r>=e)return n.slice(t,t+e);const o=[],a=(e-2)/(r-2);let l=0;const c=t+e-1;let f,p,g,v,M,u=t;for(o[l++]=n[u],f=0;fg&&(g=v,p=n[E],M=E);o[l++]=p,u=M}return o[l++]=n[c],o}(c,f,p,i,e);break;case"min-max":v=function fW(n,t,e,i){let o,a,l,c,u,f,p,g,v,M,s=0,r=0;const S=[],E=n[t].x,B=n[t+e-1].x-E;for(o=t;oM&&(M=c,p=o),s=(r*s+a.x)/++r;else{const $=o-1;if(!Tt(f)&&!Tt(p)){const ne=Math.min(f,p),ee=Math.max(f,p);ne!==g&&ne!==$&&S.push({...n[ne],x:s}),ee!==g&&ee!==$&&S.push({...n[ee],x:s})}o>0&&$!==g&&S.push(n[$]),S.push(a),u=z,r=0,v=M=c,f=p=g=o}}return S}(c,f,p,i);break;default:throw new Error(`Unsupported decimation algorithm '${e.algorithm}'`)}s._decimated=v}})},destroy(n){CL(n)}};function Kb(n,t,e,i){if(i)return;let s=t[n],r=e[n];return"angle"===n&&(s=_s(s),r=_s(r)),{property:n,start:s,end:r}}function Xb(n,t,e){for(;t>n;t--){const i=e[t];if(!isNaN(i.x)&&!isNaN(i.y))break}return t}function DL(n,t,e,i){return n&&t?i(n[e],t[e]):n?n[e]:t?t[e]:0}function xL(n,t){let e=[],i=!1;return tn(n)?(i=!0,e=n):e=function gW(n,t){const{x:e=null,y:i=null}=n||{},s=t.points,r=[];return t.segments.forEach(({start:o,end:a})=>{a=Xb(o,a,s);const l=s[o],c=s[a];null!==i?(r.push({x:l.x,y:i}),r.push({x:c.x,y:i})):null!==e&&(r.push({x:e,y:l.y}),r.push({x:e,y:c.y}))}),r}(n,t),e.length?new jm({points:e,options:{tension:0},_loop:i,_fullLoop:i}):null}function kL(n){return n&&!1!==n.fill}function yW(n,t,e){let s=n[t].fill;const r=[t];let o;if(!e)return s;for(;!1!==s&&-1===r.indexOf(s);){if(!Tn(s))return s;if(o=n[s],!o)return!1;if(o.visible)return s;r.push(s),s=o.fill}return!1}function vW(n,t,e){const i=function TW(n){const t=n.options,e=t.fill;let i=it(e&&e.target,e);return void 0===i&&(i=!!t.backgroundColor),!1!==i&&null!==i&&(!0===i?"origin":i)}(n);if(gt(i))return!isNaN(i.value)&&i;let s=parseFloat(i);return Tn(s)&&Math.floor(s)===s?function bW(n,t,e,i){return("-"===n||"+"===n)&&(e=t+e),!(e===t||e<0||e>=i)&&e}(i[0],t,s,e):["origin","start","end","stack","shape"].indexOf(i)>=0&&i}function DW(n,t,e){const i=[];for(let s=0;s=0;--o){const a=s[o].$filler;a&&(a.line.updateControlPoints(r,a.axis),i&&a.fill&&Jb(n.ctx,a,r))}},beforeDatasetsDraw(n,t,e){if("beforeDatasetsDraw"!==e.drawTime)return;const i=n.getSortedVisibleDatasetMetas();for(let s=i.length-1;s>=0;--s){const r=i[s].$filler;kL(r)&&Jb(n.ctx,r,n.chartArea)}},beforeDatasetDraw(n,t,e){const i=t.meta.$filler;!kL(i)||"beforeDatasetDraw"!==e.drawTime||Jb(n.ctx,i,n.chartArea)},defaults:{propagate:!0,drawTime:"beforeDatasetDraw"}};const AL=(n,t)=>{let{boxHeight:e=t,boxWidth:i=t}=n;return n.usePointStyle&&(e=Math.min(e,t),i=n.pointStyleWidth||Math.min(i,t)),{boxWidth:i,boxHeight:e,itemHeight:Math.max(t,e)}};class OL extends cr{constructor(t){super(),this._added=!1,this.legendHitBoxes=[],this._hoveredItem=null,this.doughnutMode=!1,this.chart=t.chart,this.options=t.options,this.ctx=t.ctx,this.legendItems=void 0,this.columnSizes=void 0,this.lineWidths=void 0,this.maxHeight=void 0,this.maxWidth=void 0,this.top=void 0,this.bottom=void 0,this.left=void 0,this.right=void 0,this.height=void 0,this.width=void 0,this._margins=void 0,this.position=void 0,this.weight=void 0,this.fullSize=void 0}update(t,e,i){this.maxWidth=t,this.maxHeight=e,this._margins=i,this.setDimensions(),this.buildLabels(),this.fit()}setDimensions(){this.isHorizontal()?(this.width=this.maxWidth,this.left=this._margins.left,this.right=this.width):(this.height=this.maxHeight,this.top=this._margins.top,this.bottom=this.height)}buildLabels(){const t=this.options.labels||{};let e=Kt(t.generateLabels,[this.chart],this)||[];t.filter&&(e=e.filter(i=>t.filter(i,this.chart.data))),t.sort&&(e=e.sort((i,s)=>t.sort(i,s,this.chart.data))),this.options.reverse&&e.reverse(),this.legendItems=e}fit(){const{options:t,ctx:e}=this;if(!t.display)return void(this.width=this.height=0);const i=t.labels,s=Kn(i.font),r=s.size,o=this._computeTitleHeight(),{boxWidth:a,itemHeight:l}=AL(i,r);let c,u;e.font=s.string,this.isHorizontal()?(c=this.maxWidth,u=this._fitRows(o,r,a,l)+10):(u=this.maxHeight,c=this._fitCols(o,s,a,l)+10),this.width=Math.min(c,t.maxWidth||this.maxWidth),this.height=Math.min(u,t.maxHeight||this.maxHeight)}_fitRows(t,e,i,s){const{ctx:r,maxWidth:o,options:{labels:{padding:a}}}=this,l=this.legendHitBoxes=[],c=this.lineWidths=[0],u=s+a;let f=t;r.textAlign="left",r.textBaseline="middle";let p=-1,g=-u;return this.legendItems.forEach((v,M)=>{const S=i+e/2+r.measureText(v.text).width;(0===M||c[c.length-1]+S+2*a>o)&&(f+=u,c[c.length-(M>0?0:1)]=0,g+=u,p++),l[M]={left:0,top:g,row:p,width:S,height:s},c[c.length-1]+=S+a}),f}_fitCols(t,e,i,s){const{ctx:r,maxHeight:o,options:{labels:{padding:a}}}=this,l=this.legendHitBoxes=[],c=this.columnSizes=[],u=o-t;let f=a,p=0,g=0,v=0,M=0;return this.legendItems.forEach((S,L)=>{const{itemWidth:E,itemHeight:H}=function NW(n,t,e,i,s){const r=function HW(n,t,e,i){let s=n.text;return s&&"string"!=typeof s&&(s=s.reduce((r,o)=>r.length>o.length?r:o)),t+e.size/2+i.measureText(s).width}(i,n,t,e),o=function YW(n,t,e){let i=n;return"string"!=typeof t.text&&(i=RL(t,e)),i}(s,i,t.lineHeight);return{itemWidth:r,itemHeight:o}}(i,e,r,S,s);L>0&&g+H+2*a>u&&(f+=p+a,c.push({width:p,height:g}),v+=p+a,M++,p=g=0),l[L]={left:v,top:g,col:M,width:E,height:H},p=Math.max(p,E),g+=H+a}),f+=p,c.push({width:p,height:g}),f}adjustHitBoxes(){if(!this.options.display)return;const t=this._computeTitleHeight(),{legendHitBoxes:e,options:{align:i,labels:{padding:s},rtl:r}}=this,o=Yc(r,this.left,this.width);if(this.isHorizontal()){let a=0,l=vi(i,this.left+s,this.right-this.lineWidths[a]);for(const c of e)a!==c.row&&(a=c.row,l=vi(i,this.left+s,this.right-this.lineWidths[a])),c.top+=this.top+t+s,c.left=o.leftForLtr(o.x(l),c.width),l+=c.width+s}else{let a=0,l=vi(i,this.top+t+s,this.bottom-this.columnSizes[a].height);for(const c of e)c.col!==a&&(a=c.col,l=vi(i,this.top+t+s,this.bottom-this.columnSizes[a].height)),c.top=l,c.left+=this.left+s,c.left=o.leftForLtr(o.x(c.left),c.width),l+=c.height+s}}isHorizontal(){return"top"===this.options.position||"bottom"===this.options.position}draw(){if(this.options.display){const t=this.ctx;Em(t,this),this._draw(),Im(t)}}_draw(){const{options:t,columnSizes:e,lineWidths:i,ctx:s}=this,{align:r,labels:o}=t,a=Cn.color,l=Yc(t.rtl,this.left,this.width),c=Kn(o.font),{padding:u}=o,f=c.size,p=f/2;let g;this.drawTitle(),s.textAlign=l.textAlign("left"),s.textBaseline="middle",s.lineWidth=.5,s.font=c.string;const{boxWidth:v,boxHeight:M,itemHeight:S}=AL(o,f),H=this.isHorizontal(),B=this._computeTitleHeight();g=H?{x:vi(r,this.left+u,this.right-i[0]),y:this.top+u+B,line:0}:{x:this.left+u,y:vi(r,this.top+B+u,this.bottom-e[0].height),line:0},vI(this.ctx,t.textDirection);const z=S+u;this.legendItems.forEach(($,ne)=>{s.strokeStyle=$.fontColor,s.fillStyle=$.fontColor;const ee=s.measureText($.text).width,re=l.textAlign($.textAlign||($.textAlign=o.textAlign)),Te=v+p+ee;let Pe=g.x,Ze=g.y;l.setWidth(this.width),H?ne>0&&Pe+Te+u>this.right&&(Ze=g.y+=z,g.line++,Pe=g.x=vi(r,this.left+u,this.right-i[g.line])):ne>0&&Ze+z>this.bottom&&(Pe=g.x=Pe+e[g.line].width+u,g.line++,Ze=g.y=vi(r,this.top+B+u,this.bottom-e[g.line].height)),function($,ne,ee){if(isNaN(v)||v<=0||isNaN(M)||M<0)return;s.save();const re=it(ee.lineWidth,1);if(s.fillStyle=it(ee.fillStyle,a),s.lineCap=it(ee.lineCap,"butt"),s.lineDashOffset=it(ee.lineDashOffset,0),s.lineJoin=it(ee.lineJoin,"miter"),s.lineWidth=re,s.strokeStyle=it(ee.strokeStyle,a),s.setLineDash(it(ee.lineDash,[])),o.usePointStyle){const Te={radius:M*Math.SQRT2/2,pointStyle:ee.pointStyle,rotation:ee.rotation,borderWidth:re},Pe=l.xPlus($,v/2);oI(s,Te,Pe,ne+p,o.pointStyleWidth&&v)}else{const Te=ne+Math.max((f-M)/2,0),Pe=l.leftForLtr($,v),Ze=rl(ee.borderRadius);s.beginPath(),Object.values(Ze).some(Bt=>0!==Bt)?Jd(s,{x:Pe,y:Te,w:v,h:M,radius:Ze}):s.rect(Pe,Te,v,M),s.fill(),0!==re&&s.stroke()}s.restore()}(l.x(Pe),Ze,$),Pe=((n,t,e,i)=>n===(i?"left":"right")?e:"center"===n?(t+e)/2:t)(re,Pe+v+p,H?Pe+Te:this.right,t.rtl),function($,ne,ee){sl(s,ee.text,$,ne+S/2,c,{strikethrough:ee.hidden,textAlign:l.textAlign(ee.textAlign)})}(l.x(Pe),Ze,$),H?g.x+=Te+u:g.y+="string"!=typeof $.text?RL($,c.lineHeight):z}),bI(this.ctx,t.textDirection)}drawTitle(){const t=this.options,e=t.title,i=Kn(e.font),s=bi(e.padding);if(!e.display)return;const r=Yc(t.rtl,this.left,this.width),o=this.ctx,a=e.position,c=s.top+i.size/2;let u,f=this.left,p=this.width;if(this.isHorizontal())p=Math.max(...this.lineWidths),u=this.top+c,f=vi(t.align,f,this.right-p);else{const v=this.columnSizes.reduce((M,S)=>Math.max(M,S.height),0);u=c+vi(t.align,this.top,this.bottom-v-t.labels.padding-this._computeTitleHeight())}const g=vi(a,f,f+p);o.textAlign=r.textAlign(Tb(a)),o.textBaseline="middle",o.strokeStyle=e.color,o.fillStyle=e.color,o.font=i.string,sl(o,e.text,g,u,i)}_computeTitleHeight(){const t=this.options.title,e=Kn(t.font),i=bi(t.padding);return t.display?e.lineHeight+i.height:0}_getLegendItemAt(t,e){let i,s,r;if(go(t,this.left,this.right)&&go(e,this.top,this.bottom))for(r=this.legendHitBoxes,i=0;inull!==n&&null!==t&&n.datasetIndex===t.datasetIndex&&n.index===t.index)(s,i);s&&!r&&Kt(e.onLeave,[t,s,this],this),this._hoveredItem=i,i&&!r&&Kt(e.onHover,[t,i,this],this)}else i&&Kt(e.onClick,[t,i,this],this)}}function RL(n,t){return t*(n.text?n.text.length+.5:0)}var BW={id:"legend",_element:OL,start(n,t,e){const i=n.legend=new OL({ctx:n.ctx,options:e,chart:n});wi.configure(n,i,e),wi.addBox(n,i)},stop(n){wi.removeBox(n,n.legend),delete n.legend},beforeUpdate(n,t,e){const i=n.legend;wi.configure(n,i,e),i.options=e},afterUpdate(n){const t=n.legend;t.buildLabels(),t.adjustHitBoxes()},afterEvent(n,t){t.replay||n.legend.handleEvent(t.event)},defaults:{display:!0,position:"top",align:"center",fullSize:!0,reverse:!1,weight:1e3,onClick(n,t,e){const i=t.datasetIndex,s=e.chart;s.isDatasetVisible(i)?(s.hide(i),t.hidden=!0):(s.show(i),t.hidden=!1)},onHover:null,onLeave:null,labels:{color:n=>n.chart.options.color,boxWidth:40,padding:10,generateLabels(n){const t=n.data.datasets,{labels:{usePointStyle:e,pointStyle:i,textAlign:s,color:r,useBorderRadius:o,borderRadius:a}}=n.legend.options;return n._getSortedDatasetMetas().map(l=>{const c=l.controller.getStyle(e?0:void 0),u=bi(c.borderWidth);return{text:t[l.index].label,fillStyle:c.backgroundColor,fontColor:r,hidden:!l.visible,lineCap:c.borderCapStyle,lineDash:c.borderDash,lineDashOffset:c.borderDashOffset,lineJoin:c.borderJoinStyle,lineWidth:(u.width+u.height)/4,strokeStyle:c.borderColor,pointStyle:i||c.pointStyle,rotation:c.rotation,textAlign:s||c.textAlign,borderRadius:o&&(a||c.borderRadius),datasetIndex:l.index}},this)}},title:{color:n=>n.chart.options.color,display:!1,position:"center",text:""}},descriptors:{_scriptable:n=>!n.startsWith("on"),labels:{_scriptable:n=>!["generateLabels","filter","sort"].includes(n)}}};class Zb extends cr{constructor(t){super(),this.chart=t.chart,this.options=t.options,this.ctx=t.ctx,this._padding=void 0,this.top=void 0,this.bottom=void 0,this.left=void 0,this.right=void 0,this.width=void 0,this.height=void 0,this.position=void 0,this.weight=void 0,this.fullSize=void 0}update(t,e){const i=this.options;if(this.left=0,this.top=0,!i.display)return void(this.width=this.height=this.right=this.bottom=0);this.width=this.right=t,this.height=this.bottom=e;const s=tn(i.text)?i.text.length:1;this._padding=bi(i.padding);const r=s*Kn(i.font).lineHeight+this._padding.height;this.isHorizontal()?this.height=r:this.width=r}isHorizontal(){const t=this.options.position;return"top"===t||"bottom"===t}_drawArgs(t){const{top:e,left:i,bottom:s,right:r,options:o}=this,a=o.align;let c,u,f,l=0;return this.isHorizontal()?(u=vi(a,i,r),f=e+t,c=r-i):("left"===o.position?(u=i+t,f=vi(a,s,e),l=-.5*an):(u=r-t,f=vi(a,e,s),l=.5*an),c=s-e),{titleX:u,titleY:f,maxWidth:c,rotation:l}}draw(){const t=this.ctx,e=this.options;if(!e.display)return;const i=Kn(e.font),r=i.lineHeight/2+this._padding.top,{titleX:o,titleY:a,maxWidth:l,rotation:c}=this._drawArgs(r);sl(t,e.text,0,0,i,{color:e.color,maxWidth:l,rotation:c,textAlign:Tb(e.align),textBaseline:"middle",translation:[o,a]})}}var jW={id:"title",_element:Zb,start(n,t,e){!function zW(n,t){const e=new Zb({ctx:n.ctx,options:t,chart:n});wi.configure(n,e,t),wi.addBox(n,e),n.titleBlock=e}(n,e)},stop(n){wi.removeBox(n,n.titleBlock),delete n.titleBlock},beforeUpdate(n,t,e){const i=n.titleBlock;wi.configure(n,i,e),i.options=e},defaults:{align:"center",display:!1,font:{weight:"bold"},fullSize:!0,padding:10,position:"top",text:"",weight:2e3},defaultRoutes:{color:"color"},descriptors:{_scriptable:!0,_indexable:!1}};const Um=new WeakMap;var WW={id:"subtitle",start(n,t,e){const i=new Zb({ctx:n.ctx,options:e,chart:n});wi.configure(n,i,e),wi.addBox(n,i),Um.set(n,i)},stop(n){wi.removeBox(n,Um.get(n)),Um.delete(n)},beforeUpdate(n,t,e){const i=Um.get(n);wi.configure(n,i,e),i.options=e},defaults:{align:"center",display:!1,font:{weight:"normal"},fullSize:!0,padding:0,position:"top",text:"",weight:1500},defaultRoutes:{color:"color"},descriptors:{_scriptable:!0,_indexable:!1}};const lh={average(n){if(!n.length)return!1;let t,e,i=0,s=0,r=0;for(t=0,e=n.length;t-1?n.split("\n"):n}function UW(n,t){const{element:e,datasetIndex:i,index:s}=t,r=n.getDatasetMeta(i).controller,{label:o,value:a}=r.getLabelAndValue(s);return{chart:n,label:o,parsed:r.getParsed(s),raw:n.data.datasets[i].data[s],formattedValue:a,dataset:r.getDataset(),dataIndex:s,datasetIndex:i,element:e}}function FL(n,t){const e=n.chart.ctx,{body:i,footer:s,title:r}=n,{boxWidth:o,boxHeight:a}=t,l=Kn(t.bodyFont),c=Kn(t.titleFont),u=Kn(t.footerFont),f=r.length,p=s.length,g=i.length,v=bi(t.padding);let M=v.height,S=0,L=i.reduce((B,z)=>B+z.before.length+z.lines.length+z.after.length,0);L+=n.beforeBody.length+n.afterBody.length,f&&(M+=f*c.lineHeight+(f-1)*t.titleSpacing+t.titleMarginBottom),L&&(M+=g*(t.displayColors?Math.max(a,l.lineHeight):l.lineHeight)+(L-g)*l.lineHeight+(L-1)*t.bodySpacing),p&&(M+=t.footerMarginTop+p*u.lineHeight+(p-1)*t.footerSpacing);let E=0;const H=function(B){S=Math.max(S,e.measureText(B).width+E)};return e.save(),e.font=c.string,At(n.title,H),e.font=l.string,At(n.beforeBody.concat(n.afterBody),H),E=t.displayColors?o+2+t.boxPadding:0,At(i,B=>{At(B.before,H),At(B.lines,H),At(B.after,H)}),E=0,e.font=u.string,At(n.footer,H),e.restore(),S+=v.width,{width:S,height:M}}function qW(n,t,e,i){const{x:s,width:r}=e,{width:o,chartArea:{left:a,right:l}}=n;let c="center";return"center"===i?c=s<=(a+l)/2?"left":"right":s<=r/2?c="left":s>=o-r/2&&(c="right"),function $W(n,t,e,i){const{x:s,width:r}=i,o=e.caretSize+e.caretPadding;if("left"===n&&s+r+o>t.width||"right"===n&&s-r-o<0)return!0}(c,n,t,e)&&(c="center"),c}function NL(n,t,e){const i=e.yAlign||t.yAlign||function GW(n,t){const{y:e,height:i}=t;return en.height-i/2?"bottom":"center"}(n,e);return{xAlign:e.xAlign||t.xAlign||qW(n,t,e,i),yAlign:i}}function HL(n,t,e,i){const{caretSize:s,caretPadding:r,cornerRadius:o}=n,{xAlign:a,yAlign:l}=e,c=s+r,{topLeft:u,topRight:f,bottomLeft:p,bottomRight:g}=rl(o);let v=function KW(n,t){let{x:e,width:i}=n;return"right"===t?e-=i:"center"===t&&(e-=i/2),e}(t,a);const M=function XW(n,t,e){let{y:i,height:s}=n;return"top"===t?i+=e:i-="bottom"===t?s+e:s/2,i}(t,l,c);return"center"===l?"left"===a?v+=c:"right"===a&&(v-=c):"left"===a?v-=Math.max(u,p)+s:"right"===a&&(v+=Math.max(f,g)+s),{x:ni(v,0,i.width-t.width),y:ni(M,0,i.height-t.height)}}function Gm(n,t,e){const i=bi(e.padding);return"center"===t?n.x+n.width/2:"right"===t?n.x+n.width-i.right:n.x+i.left}function YL(n){return Rr([],wo(n))}function VL(n,t){const e=t&&t.dataset&&t.dataset.tooltip&&t.dataset.tooltip.callbacks;return e?n.override(e):n}const BL={beforeTitle:_o,title(n){if(n.length>0){const t=n[0],e=t.chart.data.labels,i=e?e.length:0;if(this&&this.options&&"dataset"===this.options.mode)return t.dataset.label||"";if(t.label)return t.label;if(i>0&&t.dataIndex"u"?BL[t].call(e,i):s}let zL=(()=>{class n extends cr{constructor(e){super(),this.opacity=0,this._active=[],this._eventPosition=void 0,this._size=void 0,this._cachedAnimations=void 0,this._tooltipItems=[],this.$animations=void 0,this.$context=void 0,this.chart=e.chart,this.options=e.options,this.dataPoints=void 0,this.title=void 0,this.beforeBody=void 0,this.body=void 0,this.afterBody=void 0,this.footer=void 0,this.xAlign=void 0,this.yAlign=void 0,this.x=void 0,this.y=void 0,this.height=void 0,this.width=void 0,this.caretX=void 0,this.caretY=void 0,this.labelColors=void 0,this.labelPointStyles=void 0,this.labelTextColors=void 0}initialize(e){this.options=e,this._cachedAnimations=void 0,this.$context=void 0}_resolveAnimations(){const e=this._cachedAnimations;if(e)return e;const i=this.chart,s=this.options.setContext(this.getContext()),r=s.enabled&&i.options.animation&&s.animations,o=new kI(this.chart,r);return r._cacheable&&(this._cachedAnimations=Object.freeze(o)),o}getContext(){return this.$context||(this.$context=function JW(n,t,e){return aa(n,{tooltip:t,tooltipItems:e,type:"tooltip"})}(this.chart.getContext(),this,this._tooltipItems))}getTitle(e,i){const{callbacks:s}=i,r=Zi(s,"beforeTitle",this,e),o=Zi(s,"title",this,e),a=Zi(s,"afterTitle",this,e);let l=[];return l=Rr(l,wo(r)),l=Rr(l,wo(o)),l=Rr(l,wo(a)),l}getBeforeBody(e,i){return YL(Zi(i.callbacks,"beforeBody",this,e))}getBody(e,i){const{callbacks:s}=i,r=[];return At(e,o=>{const a={before:[],lines:[],after:[]},l=VL(s,o);Rr(a.before,wo(Zi(l,"beforeLabel",this,o))),Rr(a.lines,Zi(l,"label",this,o)),Rr(a.after,wo(Zi(l,"afterLabel",this,o))),r.push(a)}),r}getAfterBody(e,i){return YL(Zi(i.callbacks,"afterBody",this,e))}getFooter(e,i){const{callbacks:s}=i,r=Zi(s,"beforeFooter",this,e),o=Zi(s,"footer",this,e),a=Zi(s,"afterFooter",this,e);let l=[];return l=Rr(l,wo(r)),l=Rr(l,wo(o)),l=Rr(l,wo(a)),l}_createItems(e){const i=this._active,s=this.chart.data,r=[],o=[],a=[];let c,u,l=[];for(c=0,u=i.length;ce.filter(f,p,g,s))),e.itemSort&&(l=l.sort((f,p)=>e.itemSort(f,p,s))),At(l,f=>{const p=VL(e.callbacks,f);r.push(Zi(p,"labelColor",this,f)),o.push(Zi(p,"labelPointStyle",this,f)),a.push(Zi(p,"labelTextColor",this,f))}),this.labelColors=r,this.labelPointStyles=o,this.labelTextColors=a,this.dataPoints=l,l}update(e,i){const s=this.options.setContext(this.getContext()),r=this._active;let o,a=[];if(r.length){const l=lh[s.position].call(this,r,this._eventPosition);a=this._createItems(s),this.title=this.getTitle(a,s),this.beforeBody=this.getBeforeBody(a,s),this.body=this.getBody(a,s),this.afterBody=this.getAfterBody(a,s),this.footer=this.getFooter(a,s);const c=this._size=FL(this,s),u=Object.assign({},l,c),f=NL(this.chart,s,u),p=HL(s,u,f,this.chart);this.xAlign=f.xAlign,this.yAlign=f.yAlign,o={opacity:1,x:p.x,y:p.y,width:c.width,height:c.height,caretX:l.x,caretY:l.y}}else 0!==this.opacity&&(o={opacity:0});this._tooltipItems=a,this.$context=void 0,o&&this._resolveAnimations().update(this,o),e&&s.external&&s.external.call(this,{chart:this.chart,tooltip:this,replay:i})}drawCaret(e,i,s,r){const o=this.getCaretPosition(e,s,r);i.lineTo(o.x1,o.y1),i.lineTo(o.x2,o.y2),i.lineTo(o.x3,o.y3)}getCaretPosition(e,i,s){const{xAlign:r,yAlign:o}=this,{caretSize:a,cornerRadius:l}=s,{topLeft:c,topRight:u,bottomLeft:f,bottomRight:p}=rl(l),{x:g,y:v}=e,{width:M,height:S}=i;let L,E,H,B,z,$;return"center"===o?(z=v+S/2,"left"===r?(L=g,E=L-a,B=z+a,$=z-a):(L=g+M,E=L+a,B=z-a,$=z+a),H=L):(E="left"===r?g+Math.max(c,f)+a:"right"===r?g+M-Math.max(u,p)-a:this.caretX,"top"===o?(B=v,z=B-a,L=E-a,H=E+a):(B=v+S,z=B+a,L=E+a,H=E-a),$=B),{x1:L,x2:E,x3:H,y1:B,y2:z,y3:$}}drawTitle(e,i,s){const r=this.title,o=r.length;let a,l,c;if(o){const u=Yc(s.rtl,this.x,this.width);for(e.x=Gm(this,s.titleAlign,s),i.textAlign=u.textAlign(s.titleAlign),i.textBaseline="middle",a=Kn(s.titleFont),l=s.titleSpacing,i.fillStyle=s.titleColor,i.font=a.string,c=0;c0!==H)?(e.beginPath(),e.fillStyle=o.multiKeyBackground,Jd(e,{x:S,y:M,w:u,h:c,radius:E}),e.fill(),e.stroke(),e.fillStyle=a.backgroundColor,e.beginPath(),Jd(e,{x:L,y:M+1,w:u-2,h:c-2,radius:E}),e.fill()):(e.fillStyle=o.multiKeyBackground,e.fillRect(S,M,u,c),e.strokeRect(S,M,u,c),e.fillStyle=a.backgroundColor,e.fillRect(L,M+1,u-2,c-2))}e.fillStyle=this.labelTextColors[s]}drawBody(e,i,s){const{body:r}=this,{bodySpacing:o,bodyAlign:a,displayColors:l,boxHeight:c,boxWidth:u,boxPadding:f}=s,p=Kn(s.bodyFont);let g=p.lineHeight,v=0;const M=Yc(s.rtl,this.x,this.width),S=function(re){i.fillText(re,M.x(e.x+v),e.y+g/2),e.y+=g+o},L=M.textAlign(a);let E,H,B,z,$,ne,ee;for(i.textAlign=a,i.textBaseline="middle",i.font=p.string,e.x=Gm(this,L,s),i.fillStyle=s.bodyColor,At(this.beforeBody,S),v=l&&"right"!==L?"center"===a?u/2+f:u+2+f:0,z=0,ne=r.length;z0&&i.stroke()}_updateAnimationTarget(e){const i=this.chart,s=this.$animations,r=s&&s.x,o=s&&s.y;if(r||o){const a=lh[e.position].call(this,this._active,this._eventPosition);if(!a)return;const l=this._size=FL(this,e),c=Object.assign({},a,this._size),u=NL(i,e,c),f=HL(e,c,u,i);(r._to!==f.x||o._to!==f.y)&&(this.xAlign=u.xAlign,this.yAlign=u.yAlign,this.width=l.width,this.height=l.height,this.caretX=a.x,this.caretY=a.y,this._resolveAnimations().update(this,f))}}_willRender(){return!!this.opacity}draw(e){const i=this.options.setContext(this.getContext());let s=this.opacity;if(!s)return;this._updateAnimationTarget(i);const r={width:this.width,height:this.height},o={x:this.x,y:this.y};s=Math.abs(s)<.001?0:s;const a=bi(i.padding);i.enabled&&(this.title.length||this.beforeBody.length||this.body.length||this.afterBody.length||this.footer.length)&&(e.save(),e.globalAlpha=s,this.drawBackground(o,e,r,i),vI(e,i.textDirection),o.y+=a.top,this.drawTitle(o,e,i),this.drawBody(o,e,i),this.drawFooter(o,e,i),bI(e,i.textDirection),e.restore())}getActiveElements(){return this._active||[]}setActiveElements(e,i){const s=this._active,r=e.map(({datasetIndex:l,index:c})=>{const u=this.chart.getDatasetMeta(l);if(!u)throw new Error("Cannot find a dataset at index "+l);return{datasetIndex:l,element:u.data[c],index:c}}),o=!Tm(s,r),a=this._positionChanged(r,i);(o||a)&&(this._active=r,this._eventPosition=i,this._ignoreReplayEvents=!0,this.update(!0))}handleEvent(e,i,s=!0){if(i&&this._ignoreReplayEvents)return!1;this._ignoreReplayEvents=!1;const r=this.options,o=this._active||[],a=this._getActiveElements(e,o,i,s),l=this._positionChanged(a,e),c=i||!Tm(a,o)||l;return c&&(this._active=a,(r.enabled||r.external)&&(this._eventPosition={x:e.x,y:e.y},this.update(!0,i))),c}_getActiveElements(e,i,s,r){const o=this.options;if("mouseout"===e.type)return[];if(!r)return i;const a=this.chart.getElementsAtEventForMode(e,o.mode,o,s);return o.reverse&&a.reverse(),a}_positionChanged(e,i){const{caretX:s,caretY:r,options:o}=this,a=lh[o.position].call(this,e,i);return!1!==a&&(s!==a.x||r!==a.y)}}return h(n,"positioners",lh),n})();var ZW={id:"tooltip",_element:zL,positioners:lh,afterInit(n,t,e){e&&(n.tooltip=new zL({chart:n,options:e}))},beforeUpdate(n,t,e){n.tooltip&&n.tooltip.initialize(e)},reset(n,t,e){n.tooltip&&n.tooltip.initialize(e)},afterDraw(n){const t=n.tooltip;if(t&&t._willRender()){const e={tooltip:t};if(!1===n.notifyPlugins("beforeTooltipDraw",{...e,cancelable:!0}))return;t.draw(n.ctx),n.notifyPlugins("afterTooltipDraw",e)}},afterEvent(n,t){n.tooltip&&n.tooltip.handleEvent(t.event,t.replay,t.inChartArea)&&(t.changed=!0)},defaults:{enabled:!0,external:null,position:"average",backgroundColor:"rgba(0,0,0,0.8)",titleColor:"#fff",titleFont:{weight:"bold"},titleSpacing:2,titleMarginBottom:6,titleAlign:"left",bodyColor:"#fff",bodySpacing:2,bodyFont:{},bodyAlign:"left",footerColor:"#fff",footerSpacing:2,footerMarginTop:6,footerFont:{weight:"bold"},footerAlign:"left",padding:6,caretPadding:2,caretSize:5,cornerRadius:6,boxHeight:(n,t)=>t.bodyFont.size,boxWidth:(n,t)=>t.bodyFont.size,multiKeyBackground:"#fff",displayColors:!0,boxPadding:0,borderColor:"rgba(0,0,0,0)",borderWidth:0,animation:{duration:400,easing:"easeOutQuart"},animations:{numbers:{type:"number",properties:["x","y","width","height","caretX","caretY"]},opacity:{easing:"linear",duration:200}},callbacks:BL},defaultRoutes:{bodyFont:"font",footerFont:"font",titleFont:"font"},descriptors:{_scriptable:n=>"filter"!==n&&"itemSort"!==n&&"external"!==n,_indexable:!1,callbacks:{_scriptable:!1,_indexable:!1},animation:{_fallback:!1},animations:{_fallback:"animation"}},additionalOptionScopes:["interaction"]},QW=Object.freeze({__proto__:null,Colors:dW,Decimation:mW,Filler:RW,Legend:BW,SubTitle:WW,Title:jW,Tooltip:ZW});function jL(n){const t=this.getLabels();return n>=0&&n{class n extends ul{constructor(e){super(e),this._startValue=void 0,this._valueRange=0,this._addedLabels=[]}init(e){const i=this._addedLabels;if(i.length){const s=this.getLabels();for(const{index:r,label:o}of i)s[r]===o&&s.splice(r,1);this._addedLabels=[]}super.init(e)}parse(e,i){if(Tt(e))return null;const s=this.getLabels();return((n,t)=>null===n?null:ni(Math.round(n),0,t))(i=isFinite(i)&&s[i]===e?i:function tU(n,t,e,i){const s=n.indexOf(t);return-1===s?((n,t,e,i)=>("string"==typeof t?(e=n.push(t)-1,i.unshift({index:e,label:t})):isNaN(t)&&(e=null),e))(n,t,e,i):s!==n.lastIndexOf(t)?e:s}(s,e,it(i,e),this._addedLabels),s.length-1)}determineDataLimits(){const{minDefined:e,maxDefined:i}=this.getUserBounds();let{min:s,max:r}=this.getMinMax(!0);"ticks"===this.options.bounds&&(e||(s=0),i||(r=this.getLabels().length-1)),this.min=s,this.max=r}buildTicks(){const e=this.min,i=this.max,s=this.options.offset,r=[];let o=this.getLabels();o=0===e&&i===o.length-1?o:o.slice(e,i+1),this._valueRange=Math.max(o.length-(s?0:1),1),this._startValue=this.min-(s?.5:0);for(let a=e;a<=i;a++)r.push({value:a});return r}getLabelForValue(e){return jL.call(this,e)}configure(){super.configure(),this.isHorizontal()||(this._reversePixels=!this._reversePixels)}getPixelForValue(e){return"number"!=typeof e&&(e=this.parse(e)),null===e?NaN:this.getPixelForDecimal((e-this._startValue)/this._valueRange)}getPixelForTick(e){const i=this.ticks;return e<0||e>i.length-1?null:this.getPixelForValue(i[e].value)}getValueForPixel(e){return Math.round(this._startValue+this.getDecimalForPixel(e)*this._valueRange)}getBasePixel(){return this.bottom}}return h(n,"id","category"),h(n,"defaults",{ticks:{callback:jL}}),n})();function WL(n,t,{horizontal:e,minRotation:i}){const s=lr(i),r=(e?Math.sin(s):Math.cos(s))||.001;return Math.min(t/r,.75*t*(""+n).length)}class $m extends ul{constructor(t){super(t),this.start=void 0,this.end=void 0,this._startValue=void 0,this._endValue=void 0,this._valueRange=0}parse(t,e){return Tt(t)||("number"==typeof t||t instanceof Number)&&!isFinite(+t)?null:+t}handleTickRangeOptions(){const{beginAtZero:t}=this.options,{minDefined:e,maxDefined:i}=this.getUserBounds();let{min:s,max:r}=this;const o=l=>s=e?s:l,a=l=>r=i?r:l;if(t){const l=Ar(s),c=Ar(r);l<0&&c<0?a(0):l>0&&c>0&&o(0)}if(s===r){let l=0===r?1:Math.abs(.05*r);a(r+l),t||o(s-l)}this.min=s,this.max=r}getTickLimit(){const t=this.options.ticks;let s,{maxTicksLimit:e,stepSize:i}=t;return i?(s=Math.ceil(this.max/i)-Math.floor(this.min/i)+1,s>1e3&&(console.warn(`scales.${this.id}.ticks.stepSize: ${i} would result generating up to ${s} ticks. Limiting to 1000.`),s=1e3)):(s=this.computeTickLimit(),e=e||11),e&&(s=Math.min(e,s)),s}computeTickLimit(){return Number.POSITIVE_INFINITY}buildTicks(){const t=this.options,e=t.ticks;let i=this.getTickLimit();i=Math.max(2,i);const o=function sU(n,t){const e=[],{bounds:s,step:r,min:o,max:a,precision:l,count:c,maxTicks:u,maxDigits:f,includeBounds:p}=n,g=r||1,v=u-1,{min:M,max:S}=t,L=!Tt(o),E=!Tt(a),H=!Tt(c),B=(S-M)/(f+1);let $,ne,ee,re,z=jE((S-M)/v/g)*g;if(z<1e-14&&!L&&!E)return[{value:M},{value:S}];re=Math.ceil(S/z)-Math.floor(M/z),re>v&&(z=jE(re*z/v/g)*g),Tt(l)||($=Math.pow(10,l),z=Math.ceil(z*$)/$),"ticks"===s?(ne=Math.floor(M/z)*z,ee=Math.ceil(S/z)*z):(ne=M,ee=S),L&&E&&r&&function qV(n,t){const e=Math.round(n);return e-t<=n&&e+t>=n}((a-o)/r,z/1e3)?(re=Math.round(Math.min((a-o)/z,u)),z=(a-o)/re,ne=o,ee=a):H?(ne=L?o:ne,ee=E?a:ee,re=c-1,z=(ee-ne)/re):(re=(ee-ne)/z,re=Gd(re,Math.round(re),z/1e3)?Math.round(re):Math.ceil(re));const Te=Math.max(UE(z),UE(ne));$=Math.pow(10,Tt(l)?Te:l),ne=Math.round(ne*$)/$,ee=Math.round(ee*$)/$;let Pe=0;for(L&&(p&&ne!==o?(e.push({value:o}),nea)break;e.push({value:Ze})}return E&&p&&ee!==a?e.length&&Gd(e[e.length-1].value,a,WL(a,B,n))?e[e.length-1].value=a:e.push({value:a}):(!E||ee===a)&&e.push({value:ee}),e}({maxTicks:i,bounds:t.bounds,min:t.min,max:t.max,precision:e.precision,step:e.stepSize,count:e.count,maxDigits:this._maxDigits(),horizontal:this.isHorizontal(),minRotation:e.minRotation||0,includeBounds:!1!==e.includeBounds},this._range||this);return"ticks"===t.bounds&&WE(o,this,"value"),t.reverse?(o.reverse(),this.start=this.max,this.end=this.min):(this.start=this.min,this.end=this.max),o}configure(){const t=this.ticks;let e=this.min,i=this.max;if(super.configure(),this.options.offset&&t.length){const s=(i-e)/Math.max(t.length-1,1)/2;e-=s,i+=s}this._startValue=e,this._endValue=i,this._valueRange=i-e}getLabelForValue(t){return Kd(t,this.chart.options.locale,this.options.ticks.format)}}class Qb extends $m{determineDataLimits(){const{min:t,max:e}=this.getMinMax(!0);this.min=Tn(t)?t:0,this.max=Tn(e)?e:1,this.handleTickRangeOptions()}computeTickLimit(){const t=this.isHorizontal(),e=t?this.width:this.height,i=lr(this.options.ticks.minRotation),s=(t?Math.sin(i):Math.cos(i))||.001,r=this._resolveTickFontOptions(0);return Math.ceil(e/Math.min(40,r.lineHeight/s))}getPixelForValue(t){return null===t?NaN:this.getPixelForDecimal((t-this._startValue)/this._valueRange)}getValueForPixel(t){return this._startValue+this.getDecimalForPixel(t)*this._valueRange}}h(Qb,"id","linear"),h(Qb,"defaults",{ticks:{callback:xm.formatters.numeric}});const ch=n=>Math.floor(oa(n)),dl=(n,t)=>Math.pow(10,ch(n)+t);function UL(n){return n/Math.pow(10,ch(n))==1}function GL(n,t,e){const i=Math.pow(10,e),s=Math.floor(n/i);return Math.ceil(t/i)-s}class e1 extends ul{constructor(t){super(t),this.start=void 0,this.end=void 0,this._startValue=void 0,this._valueRange=0}parse(t,e){const i=$m.prototype.parse.apply(this,[t,e]);if(0!==i)return Tn(i)&&i>0?i:null;this._zero=!0}determineDataLimits(){const{min:t,max:e}=this.getMinMax(!0);this.min=Tn(t)?Math.max(0,t):null,this.max=Tn(e)?Math.max(0,e):null,this.options.beginAtZero&&(this._zero=!0),this._zero&&this.min!==this._suggestedMin&&!Tn(this._userMin)&&(this.min=t===dl(this.min,0)?dl(this.min,-1):dl(this.min,0)),this.handleTickRangeOptions()}handleTickRangeOptions(){const{minDefined:t,maxDefined:e}=this.getUserBounds();let i=this.min,s=this.max;const r=a=>i=t?i:a,o=a=>s=e?s:a;i===s&&(i<=0?(r(1),o(10)):(r(dl(i,-1)),o(dl(s,1)))),i<=0&&r(dl(s,-1)),s<=0&&o(dl(i,1)),this.min=i,this.max=s}buildTicks(){const t=this.options,i=function oU(n,{min:t,max:e}){t=ms(n.min,t);const i=[],s=ch(t);let r=function rU(n,t){let i=ch(t-n);for(;GL(n,t,i)>10;)i++;for(;GL(n,t,i)<10;)i--;return Math.min(i,ch(n))}(t,e),o=r<0?Math.pow(10,Math.abs(r)):1;const a=Math.pow(10,r),l=s>r?Math.pow(10,s):0,c=Math.round((t-l)*o)/o,u=Math.floor((t-l)/a/10)*a*10;let f=Math.floor((c-u)/Math.pow(10,r)),p=ms(n.min,Math.round((l+u+f*Math.pow(10,r))*o)/o);for(;p=10?f=f<15?15:20:f++,f>=20&&(r++,f=2,o=r>=0?1:o),p=Math.round((l+u+f*Math.pow(10,r))*o)/o;const g=ms(n.max,p);return i.push({value:g,major:UL(g),significand:f}),i}({min:this._userMin,max:this._userMax},this);return"ticks"===t.bounds&&WE(i,this,"value"),t.reverse?(i.reverse(),this.start=this.max,this.end=this.min):(this.start=this.min,this.end=this.max),i}getLabelForValue(t){return void 0===t?"0":Kd(t,this.chart.options.locale,this.options.ticks.format)}configure(){const t=this.min;super.configure(),this._startValue=oa(t),this._valueRange=oa(this.max)-oa(t)}getPixelForValue(t){return(void 0===t||0===t)&&(t=this.min),null===t||isNaN(t)?NaN:this.getPixelForDecimal(t===this.min?0:(oa(t)-this._startValue)/this._valueRange)}getValueForPixel(t){const e=this.getDecimalForPixel(t);return Math.pow(10,this._startValue+e*this._valueRange)}}function t1(n){const t=n.ticks;if(t.display&&n.display){const e=bi(t.backdropPadding);return it(t.font&&t.font.size,Cn.font.size)+e.height}return 0}function aU(n,t,e){return e=tn(e)?e:[e],{w:dB(n,t.string,e),h:e.length*t.lineHeight}}function $L(n,t,e,i,s){return n===i||n===s?{start:t-e/2,end:t+e/2}:ns?{start:t-e,end:t}:{start:t,end:t+e}}function cU(n,t,e,i,s){const r=Math.abs(Math.sin(e)),o=Math.abs(Math.cos(e));let a=0,l=0;i.startt.r&&(a=(i.end-t.r)/r,n.r=Math.max(n.r,t.r+a)),s.startt.b&&(l=(s.end-t.b)/o,n.b=Math.max(n.b,t.b+l))}function uU(n,t,e){const i=n.drawingArea,{extra:s,additionalAngle:r,padding:o,size:a}=e,l=n.getPointPosition(t,i+s+o,r),c=Math.round(bb(_s(l.angle+Sn))),u=function mU(n,t,e){return 90===e||270===e?n-=t/2:(e>270||e<90)&&(n-=t),n}(l.y,a.h,c),f=function fU(n){return 0===n||180===n?"center":n<180?"left":"right"}(c),p=function pU(n,t,e){return"right"===e?n-=t:"center"===e&&(n-=t/2),n}(l.x,a.w,f);return{visible:!0,x:l.x,y:u,textAlign:f,left:p,top:u,right:p+a.w,bottom:u+a.h}}function dU(n,t){if(!t)return!0;const{left:e,top:i,right:s,bottom:r}=n;return!(vo({x:e,y:i},t)||vo({x:e,y:r},t)||vo({x:s,y:i},t)||vo({x:s,y:r},t))}function _U(n,t,e){const{left:i,top:s,right:r,bottom:o}=e,{backdropColor:a}=t;if(!Tt(a)){const l=rl(t.borderRadius),c=bi(t.backdropPadding);n.fillStyle=a;const u=i-c.left,f=s-c.top,p=r-i+c.width,g=o-s+c.height;Object.values(l).some(v=>0!==v)?(n.beginPath(),Jd(n,{x:u,y:f,w:p,h:g,radius:l}),n.fill()):n.fillRect(u,f,p,g)}}function qL(n,t,e,i){const{ctx:s}=n;if(e)s.arc(n.xCenter,n.yCenter,t,0,nn);else{let r=n.getPointPosition(0,t);s.moveTo(r.x,r.y);for(let o=1;o{const s=Kt(this.options.pointLabels.callback,[e,i],this);return s||0===s?s:""}).filter((e,i)=>this.chart.getDataVisibility(i))}fit(){const t=this.options;t.display&&t.pointLabels.display?function lU(n){const t={l:n.left+n._padding.left,r:n.right-n._padding.right,t:n.top+n._padding.top,b:n.bottom-n._padding.bottom},e=Object.assign({},t),i=[],s=[],r=n._pointLabels.length,o=n.options.pointLabels,a=o.centerPointLabels?an/r:0;for(let l=0;l=0&&t=0;s--){const r=n._pointLabelItems[s];if(!r.visible)continue;const o=i.setContext(n.getPointLabelContext(s));_U(e,o,r);const a=Kn(o.font),{x:l,y:c,textAlign:u}=r;sl(e,n._pointLabels[s],l,c+a.lineHeight/2,a,{color:o.color,textAlign:u,textBaseline:"middle"})}}(this,o),s.display&&this.ticks.forEach((u,f)=>{if(0!==f){l=this.getDistanceFromCenterForValue(u.value);const p=this.getContext(f),g=s.setContext(p),v=r.setContext(p);!function yU(n,t,e,i,s){const r=n.ctx,o=t.circular,{color:a,lineWidth:l}=t;!o&&!i||!a||!l||e<0||(r.save(),r.strokeStyle=a,r.lineWidth=l,r.setLineDash(s.dash),r.lineDashOffset=s.dashOffset,r.beginPath(),qL(n,e,o,i),r.closePath(),r.stroke(),r.restore())}(this,g,l,o,v)}}),i.display){for(t.save(),a=o-1;a>=0;a--){const u=i.setContext(this.getPointLabelContext(a)),{color:f,lineWidth:p}=u;!p||!f||(t.lineWidth=p,t.strokeStyle=f,t.setLineDash(u.borderDash),t.lineDashOffset=u.borderDashOffset,l=this.getDistanceFromCenterForValue(e.ticks.reverse?this.min:this.max),c=this.getPointPosition(a,l),t.beginPath(),t.moveTo(this.xCenter,this.yCenter),t.lineTo(c.x,c.y),t.stroke())}t.restore()}}drawBorder(){}drawLabels(){const t=this.ctx,e=this.options,i=e.ticks;if(!i.display)return;const s=this.getIndexAngle(0);let r,o;t.save(),t.translate(this.xCenter,this.yCenter),t.rotate(s),t.textAlign="center",t.textBaseline="middle",this.ticks.forEach((a,l)=>{if(0===l&&!e.reverse)return;const c=i.setContext(this.getContext(l)),u=Kn(c.font);if(r=this.getDistanceFromCenterForValue(this.ticks[l].value),c.showLabelBackdrop){t.font=u.string,o=t.measureText(a.label).width,t.fillStyle=c.backdropColor;const f=bi(c.backdropPadding);t.fillRect(-o/2-f.left,-r-u.size/2-f.top,o+f.width,u.size+f.height)}sl(t,a.label,0,-r,u,{color:c.color})}),t.restore()}drawTitle(){}}h(uh,"id","radialLinear"),h(uh,"defaults",{display:!0,animate:!0,position:"chartArea",angleLines:{display:!0,lineWidth:1,borderDash:[],borderDashOffset:0},grid:{circular:!1},startAngle:0,ticks:{showLabelBackdrop:!0,callback:xm.formatters.numeric},pointLabels:{backdropColor:void 0,backdropPadding:2,display:!0,font:{size:10},callback:n=>n,padding:5,centerPointLabels:!1}}),h(uh,"defaultRoutes",{"angleLines.color":"borderColor","pointLabels.color":"color","ticks.color":"color"}),h(uh,"descriptors",{angleLines:{_fallback:"grid"}});const qm={millisecond:{common:!0,size:1,steps:1e3},second:{common:!0,size:1e3,steps:60},minute:{common:!0,size:6e4,steps:60},hour:{common:!0,size:36e5,steps:24},day:{common:!0,size:864e5,steps:30},week:{common:!1,size:6048e5,steps:4},month:{common:!0,size:2628e6,steps:12},quarter:{common:!1,size:7884e6,steps:4},year:{common:!0,size:3154e7}},Qi=Object.keys(qm);function bU(n,t){return n-t}function KL(n,t){if(Tt(t))return null;const e=n._adapter,{parser:i,round:s,isoWeekday:r}=n._parseOpts;let o=t;return"function"==typeof i&&(o=i(o)),Tn(o)||(o="string"==typeof i?e.parse(o,i):e.parse(o)),null===o?null:(s&&(o="week"!==s||!Fc(r)&&!0!==r?e.startOf(o,s):e.startOf(o,"isoWeek",r)),+o)}function XL(n,t,e,i){const s=Qi.length;for(let r=Qi.indexOf(n);r=t?e[i]:e[s]]=!0}}else n[t]=!0}function ZL(n,t,e){const i=[],s={},r=t.length;let o,a;for(o=0;o=0&&(t[l].major=!0);return t}(n,i,s,e):i}let n1=(()=>{class n extends ul{constructor(e){super(e),this._cache={data:[],labels:[],all:[]},this._unit="day",this._majorUnit=void 0,this._offsets={},this._normalized=!1,this._parseOpts=void 0}init(e,i={}){const s=e.time||(e.time={}),r=this._adapter=new BI._date(e.adapters.date);r.init(i),Wd(s.displayFormats,r.formats()),this._parseOpts={parser:s.parser,round:s.round,isoWeekday:s.isoWeekday},super.init(e),this._normalized=i.normalized}parse(e,i){return void 0===e?null:KL(this,e)}beforeLayout(){super.beforeLayout(),this._cache={data:[],labels:[],all:[]}}determineDataLimits(){const e=this.options,i=this._adapter,s=e.time.unit||"day";let{min:r,max:o,minDefined:a,maxDefined:l}=this.getUserBounds();function c(u){!a&&!isNaN(u.min)&&(r=Math.min(r,u.min)),!l&&!isNaN(u.max)&&(o=Math.max(o,u.max))}(!a||!l)&&(c(this._getLabelBounds()),("ticks"!==e.bounds||"labels"!==e.ticks.source)&&c(this.getMinMax(!1))),r=Tn(r)&&!isNaN(r)?r:+i.startOf(Date.now(),s),o=Tn(o)&&!isNaN(o)?o:+i.endOf(Date.now(),s)+1,this.min=Math.min(r,o-1),this.max=Math.max(r+1,o)}_getLabelBounds(){const e=this.getLabelTimestamps();let i=Number.POSITIVE_INFINITY,s=Number.NEGATIVE_INFINITY;return e.length&&(i=e[0],s=e[e.length-1]),{min:i,max:s}}buildTicks(){const e=this.options,i=e.time,s=e.ticks,r="labels"===s.source?this.getLabelTimestamps():this._generate();"ticks"===e.bounds&&r.length&&(this.min=this._userMin||r[0],this.max=this._userMax||r[r.length-1]);const o=this.min,l=function ZV(n,t,e){let i=0,s=n.length;for(;ii&&n[s-1]>e;)s--;return i>0||s=Qi.indexOf(e);r--){const o=Qi[r];if(qm[o].common&&n._adapter.diff(s,i,o)>=t-1)return o}return Qi[e?Qi.indexOf(e):0]}(this,l.length,i.minUnit,this.min,this.max)),this._majorUnit=s.major.enabled&&"year"!==this._unit?function MU(n){for(let t=Qi.indexOf(n)+1,e=Qi.length;t+e.value))}initOffsets(e=[]){let r,o,i=0,s=0;this.options.offset&&e.length&&(r=this.getDecimalForValue(e[0]),i=1===e.length?1-r:(this.getDecimalForValue(e[1])-r)/2,o=this.getDecimalForValue(e[e.length-1]),s=1===e.length?o:(o-this.getDecimalForValue(e[e.length-2]))/2);const a=e.length<3?.5:.25;i=ni(i,0,a),s=ni(s,0,a),this._offsets={start:i,end:s,factor:1/(i+1+s)}}_generate(){const e=this._adapter,i=this.min,s=this.max,r=this.options,o=r.time,a=o.unit||XL(o.minUnit,i,s,this._getLabelCapacity(i)),l=it(r.ticks.stepSize,1),c="week"===a&&o.isoWeekday,u=Fc(c)||!0===c,f={};let g,v,p=i;if(u&&(p=+e.startOf(p,"isoWeek",c)),p=+e.startOf(p,u?"day":a),e.diff(s,i,a)>1e5*l)throw new Error(i+" and "+s+" are too far apart with stepSize of "+l+" "+a);const M="data"===r.ticks.source&&this.getDataTimestamps();for(g=p,v=0;gS-L).map(S=>+S)}getLabelForValue(e){const s=this.options.time;return this._adapter.format(e,s.tooltipFormat?s.tooltipFormat:s.displayFormats.datetime)}format(e,i){return this._adapter.format(e,i||this.options.time.displayFormats[this._unit])}_tickFormatFunction(e,i,s,r){const o=this.options,a=o.ticks.callback;if(a)return Kt(a,[e,i,s],this);const l=o.time.displayFormats,c=this._unit,u=this._majorUnit,p=u&&l[u],g=s[i];return this._adapter.format(e,r||(u&&p&&g&&g.major?p:c&&l[c]))}generateTickLabels(e){let i,s,r;for(i=0,s=e.length;i0?l:1}getDataTimestamps(){let i,s,e=this._cache.data||[];if(e.length)return e;const r=this.getMatchingVisibleMetas();if(this._normalized&&r.length)return this._cache.data=r[0].controller.getAllParsedValues(this);for(i=0,s=r.length;i=n[i].pos&&t<=n[s].pos&&({lo:i,hi:s}=yo(n,"pos",t)),({pos:r,time:a}=n[i]),({pos:o,time:l}=n[s])):(t>=n[i].time&&t<=n[s].time&&({lo:i,hi:s}=yo(n,"time",t)),({time:r,pos:a}=n[i]),({time:o,pos:l}=n[s]));const c=o-r;return c?a+(l-a)*(t-r)/c:a}class s1 extends n1{constructor(t){super(t),this._table=[],this._minPos=void 0,this._tableRange=void 0}initOffsets(){const t=this._getTimestampsForTable(),e=this._table=this.buildLookupTable(t);this._minPos=Km(e,this.min),this._tableRange=Km(e,this.max)-this._minPos,super.initOffsets(t)}buildLookupTable(t){const{min:e,max:i}=this,s=[],r=[];let o,a,l,c,u;for(o=0,a=t.length;o=e&&c<=i&&s.push(c);if(s.length<2)return[{time:e,pos:0},{time:i,pos:1}];for(o=0,a=s.length;ot[i]),keys:e}}}return{args:n,keys:null}}const{isArray:PU}=Array;function eP(n){return nt(t=>function AU(n,t){return PU(t)?n(...t):n(t)}(n,t))}function tP(n,t){return n.reduce((e,i,s)=>(e[i]=t[s],e),{})}let nP=(()=>{class n{constructor(e,i){this._renderer=e,this._elementRef=i,this.onChange=s=>{},this.onTouched=()=>{}}setProperty(e,i){this._renderer.setProperty(this._elementRef.nativeElement,e,i)}registerOnTouched(e){this.onTouched=e}registerOnChange(e){this.onChange=e}setDisabledState(e){this.setProperty("disabled",e)}}return n.\u0275fac=function(e){return new(e||n)(W(oi),W(Gt))},n.\u0275dir=Ae({type:n}),n})(),hl=(()=>{class n extends nP{}return n.\u0275fac=function(){let t;return function(i){return(t||(t=ft(n)))(i||n)}}(),n.\u0275dir=Ae({type:n,features:[Ve]}),n})();const ii=new Se("NgValueAccessor"),FU={provide:ii,useExisting:ut(()=>Xm),multi:!0},HU=new Se("CompositionEventMode");let Xm=(()=>{class n extends nP{constructor(e,i,s){super(e,i),this._compositionMode=s,this._composing=!1,null==this._compositionMode&&(this._compositionMode=!function NU(){const n=ea()?ea().getUserAgent():"";return/android (\d+)/.test(n.toLowerCase())}())}writeValue(e){this.setProperty("value",e??"")}_handleInput(e){(!this._compositionMode||this._compositionMode&&!this._composing)&&this.onChange(e)}_compositionStart(){this._composing=!0}_compositionEnd(e){this._composing=!1,this._compositionMode&&this.onChange(e)}}return n.\u0275fac=function(e){return new(e||n)(W(oi),W(Gt),W(HU,8))},n.\u0275dir=Ae({type:n,selectors:[["input","formControlName","",3,"type","checkbox"],["textarea","formControlName",""],["input","formControl","",3,"type","checkbox"],["textarea","formControl",""],["input","ngModel","",3,"type","checkbox"],["textarea","ngModel",""],["","ngDefaultControl",""]],hostBindings:function(e,i){1&e&&de("input",function(r){return i._handleInput(r.target.value)})("blur",function(){return i.onTouched()})("compositionstart",function(){return i._compositionStart()})("compositionend",function(r){return i._compositionEnd(r.target.value)})},features:[Mt([FU]),Ve]}),n})();const Mi=new Se("NgValidators"),da=new Se("NgAsyncValidators");function fP(n){return null!=n}function pP(n){return Td(n)?dn(n):n}function mP(n){let t={};return n.forEach(e=>{t=null!=e?{...t,...e}:t}),0===Object.keys(t).length?null:t}function _P(n,t){return t.map(e=>e(n))}function gP(n){return n.map(t=>function VU(n){return!n.validate}(t)?t:e=>t.validate(e))}function r1(n){return null!=n?function yP(n){if(!n)return null;const t=n.filter(fP);return 0==t.length?null:function(e){return mP(_P(e,t))}}(gP(n)):null}function o1(n){return null!=n?function vP(n){if(!n)return null;const t=n.filter(fP);return 0==t.length?null:function(e){return function OU(...n){const t=cf(n),{args:e,keys:i}=QL(n),s=new cn(r=>{const{length:o}=e;if(!o)return void r.complete();const a=new Array(o);let l=o,c=o;for(let u=0;u{f||(f=!0,c--),a[u]=p},()=>l--,void 0,()=>{(!l||!f)&&(c||r.next(i?tP(i,a):a),r.complete())}))}});return t?s.pipe(eP(t)):s}(_P(e,t).map(pP)).pipe(nt(mP))}}(gP(n)):null}function bP(n,t){return null===n?[t]:Array.isArray(n)?[...n,t]:[n,t]}function wP(n){return n._rawValidators}function MP(n){return n._rawAsyncValidators}function a1(n){return n?Array.isArray(n)?n:[n]:[]}function Zm(n,t){return Array.isArray(n)?n.includes(t):n===t}function TP(n,t){const e=a1(t);return a1(n).forEach(s=>{Zm(e,s)||e.push(s)}),e}function SP(n,t){return a1(t).filter(e=>!Zm(n,e))}class CP{constructor(){this._rawValidators=[],this._rawAsyncValidators=[],this._onDestroyCallbacks=[]}get value(){return this.control?this.control.value:null}get valid(){return this.control?this.control.valid:null}get invalid(){return this.control?this.control.invalid:null}get pending(){return this.control?this.control.pending:null}get disabled(){return this.control?this.control.disabled:null}get enabled(){return this.control?this.control.enabled:null}get errors(){return this.control?this.control.errors:null}get pristine(){return this.control?this.control.pristine:null}get dirty(){return this.control?this.control.dirty:null}get touched(){return this.control?this.control.touched:null}get status(){return this.control?this.control.status:null}get untouched(){return this.control?this.control.untouched:null}get statusChanges(){return this.control?this.control.statusChanges:null}get valueChanges(){return this.control?this.control.valueChanges:null}get path(){return null}_setValidators(t){this._rawValidators=t||[],this._composedValidatorFn=r1(this._rawValidators)}_setAsyncValidators(t){this._rawAsyncValidators=t||[],this._composedAsyncValidatorFn=o1(this._rawAsyncValidators)}get validator(){return this._composedValidatorFn||null}get asyncValidator(){return this._composedAsyncValidatorFn||null}_registerOnDestroy(t){this._onDestroyCallbacks.push(t)}_invokeOnDestroyCallbacks(){this._onDestroyCallbacks.forEach(t=>t()),this._onDestroyCallbacks=[]}reset(t=void 0){this.control&&this.control.reset(t)}hasError(t,e){return!!this.control&&this.control.hasError(t,e)}getError(t,e){return this.control?this.control.getError(t,e):null}}class Yi extends CP{get formDirective(){return null}get path(){return null}}class Fr extends CP{constructor(){super(...arguments),this._parent=null,this.name=null,this.valueAccessor=null}}class DP{constructor(t){this._cd=t}get isTouched(){return!!this._cd?.control?.touched}get isUntouched(){return!!this._cd?.control?.untouched}get isPristine(){return!!this._cd?.control?.pristine}get isDirty(){return!!this._cd?.control?.dirty}get isValid(){return!!this._cd?.control?.valid}get isInvalid(){return!!this._cd?.control?.invalid}get isPending(){return!!this._cd?.control?.pending}get isSubmitted(){return!!this._cd?.submitted}}let Qm=(()=>{class n extends DP{constructor(e){super(e)}}return n.\u0275fac=function(e){return new(e||n)(W(Fr,2))},n.\u0275dir=Ae({type:n,selectors:[["","formControlName",""],["","ngModel",""],["","formControl",""]],hostVars:14,hostBindings:function(e,i){2&e&&lo("ng-untouched",i.isUntouched)("ng-touched",i.isTouched)("ng-pristine",i.isPristine)("ng-dirty",i.isDirty)("ng-valid",i.isValid)("ng-invalid",i.isInvalid)("ng-pending",i.isPending)},features:[Ve]}),n})();const dh="VALID",t_="INVALID",Bc="PENDING",hh="DISABLED";function n_(n){return null!=n&&!Array.isArray(n)&&"object"==typeof n}class IP{constructor(t,e){this._pendingDirty=!1,this._hasOwnPendingAsyncValidator=!1,this._pendingTouched=!1,this._onCollectionChange=()=>{},this._parent=null,this.pristine=!0,this.touched=!1,this._onDisabledChange=[],this._assignValidators(t),this._assignAsyncValidators(e)}get validator(){return this._composedValidatorFn}set validator(t){this._rawValidators=this._composedValidatorFn=t}get asyncValidator(){return this._composedAsyncValidatorFn}set asyncValidator(t){this._rawAsyncValidators=this._composedAsyncValidatorFn=t}get parent(){return this._parent}get valid(){return this.status===dh}get invalid(){return this.status===t_}get pending(){return this.status==Bc}get disabled(){return this.status===hh}get enabled(){return this.status!==hh}get dirty(){return!this.pristine}get untouched(){return!this.touched}get updateOn(){return this._updateOn?this._updateOn:this.parent?this.parent.updateOn:"change"}setValidators(t){this._assignValidators(t)}setAsyncValidators(t){this._assignAsyncValidators(t)}addValidators(t){this.setValidators(TP(t,this._rawValidators))}addAsyncValidators(t){this.setAsyncValidators(TP(t,this._rawAsyncValidators))}removeValidators(t){this.setValidators(SP(t,this._rawValidators))}removeAsyncValidators(t){this.setAsyncValidators(SP(t,this._rawAsyncValidators))}hasValidator(t){return Zm(this._rawValidators,t)}hasAsyncValidator(t){return Zm(this._rawAsyncValidators,t)}clearValidators(){this.validator=null}clearAsyncValidators(){this.asyncValidator=null}markAsTouched(t={}){this.touched=!0,this._parent&&!t.onlySelf&&this._parent.markAsTouched(t)}markAllAsTouched(){this.markAsTouched({onlySelf:!0}),this._forEachChild(t=>t.markAllAsTouched())}markAsUntouched(t={}){this.touched=!1,this._pendingTouched=!1,this._forEachChild(e=>{e.markAsUntouched({onlySelf:!0})}),this._parent&&!t.onlySelf&&this._parent._updateTouched(t)}markAsDirty(t={}){this.pristine=!1,this._parent&&!t.onlySelf&&this._parent.markAsDirty(t)}markAsPristine(t={}){this.pristine=!0,this._pendingDirty=!1,this._forEachChild(e=>{e.markAsPristine({onlySelf:!0})}),this._parent&&!t.onlySelf&&this._parent._updatePristine(t)}markAsPending(t={}){this.status=Bc,!1!==t.emitEvent&&this.statusChanges.emit(this.status),this._parent&&!t.onlySelf&&this._parent.markAsPending(t)}disable(t={}){const e=this._parentMarkedDirty(t.onlySelf);this.status=hh,this.errors=null,this._forEachChild(i=>{i.disable({...t,onlySelf:!0})}),this._updateValue(),!1!==t.emitEvent&&(this.valueChanges.emit(this.value),this.statusChanges.emit(this.status)),this._updateAncestors({...t,skipPristineCheck:e}),this._onDisabledChange.forEach(i=>i(!0))}enable(t={}){const e=this._parentMarkedDirty(t.onlySelf);this.status=dh,this._forEachChild(i=>{i.enable({...t,onlySelf:!0})}),this.updateValueAndValidity({onlySelf:!0,emitEvent:t.emitEvent}),this._updateAncestors({...t,skipPristineCheck:e}),this._onDisabledChange.forEach(i=>i(!1))}_updateAncestors(t){this._parent&&!t.onlySelf&&(this._parent.updateValueAndValidity(t),t.skipPristineCheck||this._parent._updatePristine(),this._parent._updateTouched())}setParent(t){this._parent=t}getRawValue(){return this.value}updateValueAndValidity(t={}){this._setInitialStatus(),this._updateValue(),this.enabled&&(this._cancelExistingSubscription(),this.errors=this._runValidator(),this.status=this._calculateStatus(),(this.status===dh||this.status===Bc)&&this._runAsyncValidator(t.emitEvent)),!1!==t.emitEvent&&(this.valueChanges.emit(this.value),this.statusChanges.emit(this.status)),this._parent&&!t.onlySelf&&this._parent.updateValueAndValidity(t)}_updateTreeValidity(t={emitEvent:!0}){this._forEachChild(e=>e._updateTreeValidity(t)),this.updateValueAndValidity({onlySelf:!0,emitEvent:t.emitEvent})}_setInitialStatus(){this.status=this._allControlsDisabled()?hh:dh}_runValidator(){return this.validator?this.validator(this):null}_runAsyncValidator(t){if(this.asyncValidator){this.status=Bc,this._hasOwnPendingAsyncValidator=!0;const e=pP(this.asyncValidator(this));this._asyncValidationSubscription=e.subscribe(i=>{this._hasOwnPendingAsyncValidator=!1,this.setErrors(i,{emitEvent:t})})}}_cancelExistingSubscription(){this._asyncValidationSubscription&&(this._asyncValidationSubscription.unsubscribe(),this._hasOwnPendingAsyncValidator=!1)}setErrors(t,e={}){this.errors=t,this._updateControlsErrors(!1!==e.emitEvent)}get(t){let e=t;return null==e||(Array.isArray(e)||(e=e.split(".")),0===e.length)?null:e.reduce((i,s)=>i&&i._find(s),this)}getError(t,e){const i=e?this.get(e):this;return i&&i.errors?i.errors[t]:null}hasError(t,e){return!!this.getError(t,e)}get root(){let t=this;for(;t._parent;)t=t._parent;return t}_updateControlsErrors(t){this.status=this._calculateStatus(),t&&this.statusChanges.emit(this.status),this._parent&&this._parent._updateControlsErrors(t)}_initObservables(){this.valueChanges=new ce,this.statusChanges=new ce}_calculateStatus(){return this._allControlsDisabled()?hh:this.errors?t_:this._hasOwnPendingAsyncValidator||this._anyControlsHaveStatus(Bc)?Bc:this._anyControlsHaveStatus(t_)?t_:dh}_anyControlsHaveStatus(t){return this._anyControls(e=>e.status===t)}_anyControlsDirty(){return this._anyControls(t=>t.dirty)}_anyControlsTouched(){return this._anyControls(t=>t.touched)}_updatePristine(t={}){this.pristine=!this._anyControlsDirty(),this._parent&&!t.onlySelf&&this._parent._updatePristine(t)}_updateTouched(t={}){this.touched=this._anyControlsTouched(),this._parent&&!t.onlySelf&&this._parent._updateTouched(t)}_registerOnCollectionChange(t){this._onCollectionChange=t}_setUpdateStrategy(t){n_(t)&&null!=t.updateOn&&(this._updateOn=t.updateOn)}_parentMarkedDirty(t){return!t&&!(!this._parent||!this._parent.dirty)&&!this._parent._anyControlsDirty()}_find(t){return null}_assignValidators(t){this._rawValidators=Array.isArray(t)?t.slice():t,this._composedValidatorFn=function UU(n){return Array.isArray(n)?r1(n):n||null}(this._rawValidators)}_assignAsyncValidators(t){this._rawAsyncValidators=Array.isArray(t)?t.slice():t,this._composedAsyncValidatorFn=function GU(n){return Array.isArray(n)?o1(n):n||null}(this._rawAsyncValidators)}}const fl=new Se("CallSetDisabledState",{providedIn:"root",factory:()=>fh}),fh="always";function ph(n,t,e=fh){(function f1(n,t){const e=wP(n);null!==t.validator?n.setValidators(bP(e,t.validator)):"function"==typeof e&&n.setValidators([e]);const i=MP(n);null!==t.asyncValidator?n.setAsyncValidators(bP(i,t.asyncValidator)):"function"==typeof i&&n.setAsyncValidators([i]);const s=()=>n.updateValueAndValidity();r_(t._rawValidators,s),r_(t._rawAsyncValidators,s)})(n,t),t.valueAccessor.writeValue(n.value),(n.disabled||"always"===e)&&t.valueAccessor.setDisabledState?.(n.disabled),function KU(n,t){t.valueAccessor.registerOnChange(e=>{n._pendingValue=e,n._pendingChange=!0,n._pendingDirty=!0,"change"===n.updateOn&&LP(n,t)})}(n,t),function JU(n,t){const e=(i,s)=>{t.valueAccessor.writeValue(i),s&&t.viewToModelUpdate(i)};n.registerOnChange(e),t._registerOnDestroy(()=>{n._unregisterOnChange(e)})}(n,t),function XU(n,t){t.valueAccessor.registerOnTouched(()=>{n._pendingTouched=!0,"blur"===n.updateOn&&n._pendingChange&&LP(n,t),"submit"!==n.updateOn&&n.markAsTouched()})}(n,t),function qU(n,t){if(t.valueAccessor.setDisabledState){const e=i=>{t.valueAccessor.setDisabledState(i)};n.registerOnDisabledChange(e),t._registerOnDestroy(()=>{n._unregisterOnDisabledChange(e)})}}(n,t)}function s_(n,t,e=!0){const i=()=>{};t.valueAccessor&&(t.valueAccessor.registerOnChange(i),t.valueAccessor.registerOnTouched(i)),function o_(n,t){let e=!1;if(null!==n){if(null!==t.validator){const s=wP(n);if(Array.isArray(s)&&s.length>0){const r=s.filter(o=>o!==t.validator);r.length!==s.length&&(e=!0,n.setValidators(r))}}if(null!==t.asyncValidator){const s=MP(n);if(Array.isArray(s)&&s.length>0){const r=s.filter(o=>o!==t.asyncValidator);r.length!==s.length&&(e=!0,n.setAsyncValidators(r))}}}const i=()=>{};return r_(t._rawValidators,i),r_(t._rawAsyncValidators,i),e}(n,t),n&&(t._invokeOnDestroyCallbacks(),n._registerOnCollectionChange(()=>{}))}function r_(n,t){n.forEach(e=>{e.registerOnValidatorChange&&e.registerOnValidatorChange(t)})}function LP(n,t){n._pendingDirty&&n.markAsDirty(),n.setValue(n._pendingValue,{emitModelToViewChange:!1}),t.viewToModelUpdate(n._pendingValue),n._pendingChange=!1}function m1(n,t){if(!n.hasOwnProperty("model"))return!1;const e=n.model;return!!e.isFirstChange()||!Object.is(t,e.currentValue)}function _1(n,t){if(!t)return null;let e,i,s;return Array.isArray(t),t.forEach(r=>{r.constructor===Xm?e=r:function eG(n){return Object.getPrototypeOf(n.constructor)===hl}(r)?i=r:s=r}),s||i||e||null}function OP(n,t){const e=n.indexOf(t);e>-1&&n.splice(e,1)}function RP(n){return"object"==typeof n&&null!==n&&2===Object.keys(n).length&&"value"in n&&"disabled"in n}const y1=class extends IP{constructor(t=null,e,i){super(function u1(n){return(n_(n)?n.validators:n)||null}(e),function d1(n,t){return(n_(t)?t.asyncValidators:n)||null}(i,e)),this.defaultValue=null,this._onChange=[],this._pendingChange=!1,this._applyFormState(t),this._setUpdateStrategy(e),this._initObservables(),this.updateValueAndValidity({onlySelf:!0,emitEvent:!!this.asyncValidator}),n_(e)&&(e.nonNullable||e.initialValueIsDefault)&&(this.defaultValue=RP(t)?t.value:t)}setValue(t,e={}){this.value=this._pendingValue=t,this._onChange.length&&!1!==e.emitModelToViewChange&&this._onChange.forEach(i=>i(this.value,!1!==e.emitViewToModelChange)),this.updateValueAndValidity(e)}patchValue(t,e={}){this.setValue(t,e)}reset(t=this.defaultValue,e={}){this._applyFormState(t),this.markAsPristine(e),this.markAsUntouched(e),this.setValue(this.value,e),this._pendingChange=!1}_updateValue(){}_anyControls(t){return!1}_allControlsDisabled(){return this.disabled}registerOnChange(t){this._onChange.push(t)}_unregisterOnChange(t){OP(this._onChange,t)}registerOnDisabledChange(t){this._onDisabledChange.push(t)}_unregisterOnDisabledChange(t){OP(this._onDisabledChange,t)}_forEachChild(t){}_syncPendingControls(){return!("submit"!==this.updateOn||(this._pendingDirty&&this.markAsDirty(),this._pendingTouched&&this.markAsTouched(),!this._pendingChange)||(this.setValue(this._pendingValue,{onlySelf:!0,emitModelToViewChange:!1}),0))}_applyFormState(t){RP(t)?(this.value=this._pendingValue=t.value,t.disabled?this.disable({onlySelf:!0,emitEvent:!1}):this.enable({onlySelf:!0,emitEvent:!1})):this.value=this._pendingValue=t}},rG={provide:Fr,useExisting:ut(()=>_h)},HP=(()=>Promise.resolve())();let _h=(()=>{class n extends Fr{constructor(e,i,s,r,o,a){super(),this._changeDetectorRef=o,this.callSetDisabledState=a,this.control=new y1,this._registered=!1,this.name="",this.update=new ce,this._parent=e,this._setValidators(i),this._setAsyncValidators(s),this.valueAccessor=_1(0,r)}ngOnChanges(e){if(this._checkForErrors(),!this._registered||"name"in e){if(this._registered&&(this._checkName(),this.formDirective)){const i=e.name.previousValue;this.formDirective.removeControl({name:i,path:this._getPath(i)})}this._setUpControl()}"isDisabled"in e&&this._updateDisabled(e),m1(e,this.viewModel)&&(this._updateValue(this.model),this.viewModel=this.model)}ngOnDestroy(){this.formDirective&&this.formDirective.removeControl(this)}get path(){return this._getPath(this.name)}get formDirective(){return this._parent?this._parent.formDirective:null}viewToModelUpdate(e){this.viewModel=e,this.update.emit(e)}_setUpControl(){this._setUpdateStrategy(),this._isStandalone()?this._setUpStandalone():this.formDirective.addControl(this),this._registered=!0}_setUpdateStrategy(){this.options&&null!=this.options.updateOn&&(this.control._updateOn=this.options.updateOn)}_isStandalone(){return!this._parent||!(!this.options||!this.options.standalone)}_setUpStandalone(){ph(this.control,this,this.callSetDisabledState),this.control.updateValueAndValidity({emitEvent:!1})}_checkForErrors(){this._isStandalone()||this._checkParentType(),this._checkName()}_checkParentType(){}_checkName(){this.options&&this.options.name&&(this.name=this.options.name),this._isStandalone()}_updateValue(e){HP.then(()=>{this.control.setValue(e,{emitViewToModelChange:!1}),this._changeDetectorRef?.markForCheck()})}_updateDisabled(e){const i=e.isDisabled.currentValue,s=0!==i&&Pc(i);HP.then(()=>{s&&!this.control.disabled?this.control.disable():!s&&this.control.disabled&&this.control.enable(),this._changeDetectorRef?.markForCheck()})}_getPath(e){return this._parent?function i_(n,t){return[...t.path,n]}(e,this._parent):[e]}}return n.\u0275fac=function(e){return new(e||n)(W(Yi,9),W(Mi,10),W(da,10),W(ii,10),W(ti,8),W(fl,8))},n.\u0275dir=Ae({type:n,selectors:[["","ngModel","",3,"formControlName","",3,"formControl",""]],inputs:{name:"name",isDisabled:["disabled","isDisabled"],model:["ngModel","model"],options:["ngModelOptions","options"]},outputs:{update:"ngModelChange"},exportAs:["ngModel"],features:[Mt([rG]),Ve,In]}),n})(),VP=(()=>{class n{}return n.\u0275fac=function(e){return new(e||n)},n.\u0275mod=pt({type:n}),n.\u0275inj=ht({}),n})();const v1=new Se("NgModelWithFormControlWarning"),dG={provide:Fr,useExisting:ut(()=>b1)};let b1=(()=>{class n extends Fr{set isDisabled(e){}constructor(e,i,s,r,o){super(),this._ngModelWarningConfig=r,this.callSetDisabledState=o,this.update=new ce,this._ngModelWarningSent=!1,this._setValidators(e),this._setAsyncValidators(i),this.valueAccessor=_1(0,s)}ngOnChanges(e){if(this._isControlChanged(e)){const i=e.form.previousValue;i&&s_(i,this,!1),ph(this.form,this,this.callSetDisabledState),this.form.updateValueAndValidity({emitEvent:!1})}m1(e,this.viewModel)&&(this.form.setValue(this.model),this.viewModel=this.model)}ngOnDestroy(){this.form&&s_(this.form,this,!1)}get path(){return[]}get control(){return this.form}viewToModelUpdate(e){this.viewModel=e,this.update.emit(e)}_isControlChanged(e){return e.hasOwnProperty("form")}}return n._ngModelWarningSentOnce=!1,n.\u0275fac=function(e){return new(e||n)(W(Mi,10),W(da,10),W(ii,10),W(v1,8),W(fl,8))},n.\u0275dir=Ae({type:n,selectors:[["","formControl",""]],inputs:{form:["formControl","form"],isDisabled:["disabled","isDisabled"],model:["ngModel","model"]},outputs:{update:"ngModelChange"},exportAs:["ngForm"],features:[Mt([dG]),Ve,In]}),n})(),nA=(()=>{class n{}return n.\u0275fac=function(e){return new(e||n)},n.\u0275mod=pt({type:n}),n.\u0275inj=ht({imports:[VP]}),n})(),gh=(()=>{class n{static withConfig(e){return{ngModule:n,providers:[{provide:fl,useValue:e.callSetDisabledState??fh}]}}}return n.\u0275fac=function(e){return new(e||n)},n.\u0275mod=pt({type:n}),n.\u0275inj=ht({imports:[nA]}),n})(),LG=(()=>{class n{static withConfig(e){return{ngModule:n,providers:[{provide:v1,useValue:e.warnOnNgModelWithFormControl??"always"},{provide:fl,useValue:e.callSetDisabledState??fh}]}}}return n.\u0275fac=function(e){return new(e||n)},n.\u0275mod=pt({type:n}),n.\u0275inj=ht({imports:[nA]}),n})();function iA(n,t,e,i,s,r,o){try{var a=n[r](o),l=a.value}catch(c){return void e(c)}a.done?t(l):Promise.resolve(l).then(i,s)}function oe(n){return function(){var t=this,e=arguments;return new Promise(function(i,s){var r=n.apply(t,e);function o(l){iA(r,i,s,o,a,"next",l)}function a(l){iA(r,i,s,o,a,"throw",l)}o(void 0)})}}class AG{constructor(){this._listeners=new Map}addEventListener(t,e){this.removeEventListener(t,e);let i=this._listeners.get(t);i||(i=[],this._listeners.set(t,i)),i.push(e)}dispatchEvent(t,e){const i=this._listeners.get(t);i&&i.forEach(s=>s(e))}hasEventListener(t){return!!this._listeners.get(t)}removeAllEventListeners(t){t?this._listeners.delete(t):this._listeners=new Map}removeEventListener(t,e){const i=this._listeners.get(t);if(!i)return;const s=i.length,r=i.indexOf(e);r<0||(1===s?this._listeners.delete(t):i.splice(r,1))}}const yh="generated",x1="pointerleave",ml="pointermove",sA="touchend",ur="tsParticles - Error";class gs{constructor(t,e,i){if(this._updateFromAngle=(s,r)=>{this.x=Math.cos(s)*r,this.y=Math.sin(s)*r},"number"!=typeof t&&t)this.x=t.x,this.y=t.y,this.z=t.z?t.z:0;else{if(void 0===t||void 0===e)throw new Error(`${ur} Vector3d not initialized correctly`);this.x=t,this.y=e,this.z=i??0}}static get origin(){return gs.create(0,0,0)}get angle(){return Math.atan2(this.y,this.x)}set angle(t){this._updateFromAngle(t,this.length)}get length(){return Math.sqrt(this.getLengthSq())}set length(t){this._updateFromAngle(this.angle,t)}static clone(t){return gs.create(t.x,t.y,t.z)}static create(t,e,i){return new gs(t,e,i)}add(t){return gs.create(this.x+t.x,this.y+t.y,this.z+t.z)}addTo(t){this.x+=t.x,this.y+=t.y,this.z+=t.z}copy(){return gs.clone(this)}distanceTo(t){return this.sub(t).length}distanceToSq(t){return this.sub(t).getLengthSq()}div(t){return gs.create(this.x/t,this.y/t,this.z/t)}divTo(t){this.x/=t,this.y/=t,this.z/=t}getLengthSq(){return this.x**2+this.y**2}mult(t){return gs.create(this.x*t,this.y*t,this.z*t)}multTo(t){this.x*=t,this.y*=t,this.z*=t}rotate(t){return gs.create(this.x*Math.cos(t)-this.y*Math.sin(t),this.x*Math.sin(t)+this.y*Math.cos(t),0)}setTo(t){this.x=t.x,this.y=t.y,this.z=t.z?t.z:0}sub(t){return gs.create(this.x-t.x,this.y-t.y,this.z-t.z)}subFrom(t){this.x-=t.x,this.y-=t.y,this.z-=t.z}}class Xt extends gs{constructor(t,e){super(t,e,0)}static get origin(){return Xt.create(0,0)}static clone(t){return Xt.create(t.x,t.y)}static create(t,e){return new Xt(t,e)}}let rA=Math.random;const k1=new Map;function oA(n){return k1.get(n)||(t=>t)}function tt(){return dr(rA(),0,1-1e-16)}function dr(n,t,e){return Math.min(Math.max(n,t),e)}function E1(n,t,e,i){return Math.floor((n*e+t*i)/(e+i))}function si(n){const t=ha(n);let e=I1(n);return t===e&&(e=0),tt()*(t-e)+e}function fe(n){return"number"==typeof n?n:si(n)}function I1(n){return"number"==typeof n?n:n.min}function ha(n){return"number"==typeof n?n:n.max}function Le(n,t){if(n===t||void 0===t&&"number"==typeof n)return n;const e=I1(n),i=ha(n);return void 0!==t?{min:Math.min(e,t),max:Math.max(i,t)}:Le(e,i)}function Mo(n){const t=n.random,{enable:e,minimumValue:i}="boolean"==typeof t?{enable:t,minimumValue:0}:t;return fe(e?Le(n.value,i):n.value)}function Ti(n,t){const e=n.x-t.x,i=n.y-t.y;return{dx:e,dy:i,distance:Math.sqrt(e**2+i**2)}}function Vi(n,t){return Ti(n,t).distance}function aA(n,t,e,i){return Xt.create(n.x*(e-i)/(e+i)+2*t.x*i/(e+i),n.y)}function lA(n){return{x:(n.position?.x??100*tt())*n.size.width/100,y:(n.position?.y??100*tt())*n.size.height/100}}function cA(n){const t={x:void 0!==n.position?.x?fe(n.position.x):void 0,y:void 0!==n.position?.y?fe(n.position.y):void 0};return lA({size:n.size,position:t})}function dA(n){return n?n.endsWith("%")?parseFloat(n)/100:parseFloat(n):1}function hA(n){const t={bounced:!1},{pSide:e,pOtherSide:i,rectSide:s,rectOtherSide:r,velocity:o,factor:a}=n;return i.minr.max||i.maxr.max||(e.max>=s.min&&e.max<=(s.max+s.min)/2&&o>0||e.min<=s.max&&e.min>(s.max+s.min)/2&&o<0)&&(t.velocity=o*-a,t.bounced=!0),t}function fa(){return typeof window>"u"||!window||typeof window.document>"u"||!window.document}function fA(n){if(function GG(){return!fa()&&typeof matchMedia<"u"}())return matchMedia(n)}function sn(n,t){return n===t||t instanceof Array&&t.indexOf(n)>-1}function L1(){return(L1=oe(function*(n,t){try{yield document.fonts.load(`${t??"400"} 36px '${n??"Verdana"}'`)}catch{}})).apply(this,arguments)}function pA(n){return Math.floor(tt()*n.length)}function vh(n,t,e=!0){return n[void 0!==t&&e?t%n.length:pA(n)]}function bh(n,t,e,i,s){return function XG(n,t,e,i){let s=!0;return(!i||"bottom"===i)&&(s=n.tope.x),s&&(!i||"right"===i)&&(s=n.lefte.y),s}(wh(n,i??0),t,e,s)}function wh(n,t){return{bottom:n.y+t,left:n.x-t,right:n.x+t,top:n.y-t}}function An(n,...t){for(const e of t){if(null==e)continue;if("object"!=typeof e){n=e;continue}const i=Array.isArray(e);!i||"object"==typeof n&&n&&Array.isArray(n)?!i&&("object"!=typeof n||!n||Array.isArray(n))&&(n={}):n=[];for(const s in e){if("__proto__"===s)continue;const o=e[s],l=n;l[s]="object"==typeof o&&Array.isArray(o)?o.map(c=>An(l[s],c)):An(l[s],o)}}return n}function P1(n,t){return!!gA(t,e=>e.enable&&sn(n,e.mode))}function A1(n,t,e){rn(t,i=>{i.enable&&sn(n,i.mode)&&function JG(n,t){rn(n.selectors,i=>{t(i,n)})}(i,e)})}function mA(n,t){if(t&&n)return gA(n,e=>function UG(n,t){const e=rn(t,i=>n.matches(i));return e instanceof Array?e.some(i=>i):e}(t,e.selectors))}function O1(n){return{position:n.getPosition(),radius:n.getRadius(),mass:n.getMass(),velocity:n.velocity,factor:Xt.create(Mo(n.options.bounce.horizontal),Mo(n.options.bounce.vertical))}}function _A(n,t){const{x:e,y:i}=n.velocity.sub(t.velocity),[s,r]=[n.position,t.position],{dx:o,dy:a}=Ti(r,s);if(e*o+i*a<0)return;const l=-Math.atan2(a,o),c=n.mass,u=t.mass,f=n.velocity.rotate(l),p=t.velocity.rotate(l),g=aA(f,p,c,u),v=aA(p,f,c,u),M=g.rotate(-l),S=v.rotate(-l);n.velocity.x=M.x*n.factor.x,n.velocity.y=M.y*n.factor.y,t.velocity.x=S.x*t.factor.x,t.velocity.y=S.y*t.factor.y}function ZG(n,t){const s=wh(n.getPosition(),n.getRadius()),r=hA({pSide:{min:s.left,max:s.right},pOtherSide:{min:s.top,max:s.bottom},rectSide:{min:t.left,max:t.right},rectOtherSide:{min:t.top,max:t.bottom},velocity:n.velocity.x,factor:Mo(n.options.bounce.horizontal)});r.bounced&&(void 0!==r.velocity&&(n.velocity.x=r.velocity),void 0!==r.position&&(n.position.x=r.position));const o=hA({pSide:{min:s.top,max:s.bottom},pOtherSide:{min:s.left,max:s.right},rectSide:{min:t.top,max:t.bottom},rectOtherSide:{min:t.left,max:t.right},velocity:n.velocity.y,factor:Mo(n.options.bounce.vertical)});o.bounced&&(void 0!==o.velocity&&(n.velocity.y=o.velocity),void 0!==o.position&&(n.position.y=o.position))}function rn(n,t){return n instanceof Array?n.map((e,i)=>t(e,i)):t(n,0)}function ys(n,t,e){return n instanceof Array?vh(n,t,e):n}function gA(n,t){return n instanceof Array?n.find((e,i)=>t(e,i)):t(n,0)?n:void 0}function yA(n,t){const e=n.value,i=n.animation,s={delayTime:1e3*fe(i.delay),enable:i.enable,value:fe(n.value)*t,max:ha(e)*t,min:I1(e)*t,loops:0,maxLoops:fe(i.count),time:0};if(i.enable){switch(s.decay=1-fe(i.decay),i.mode){case"increase":s.status="increasing";break;case"decrease":s.status="decreasing";break;case"random":s.status=tt()>=.5?"increasing":"decreasing"}const r="auto"===i.mode;switch(i.startValue){case"min":s.value=s.min,r&&(s.status="increasing");break;case"max":s.value=s.max,r&&(s.status="decreasing");break;default:s.value=si(s),r&&(s.status=tt()>=.5?"increasing":"decreasing")}}return s.initialValue=s.value,s}const a_="random",l_="mid",c_=new Map;function vA(n){c_.set(n.key,n)}function R1(n,t,e){return e<0&&(e+=1),e>1&&(e-=1),e<1/6?n+6*(t-n)*e:e<.5?t:e<2/3?n+(t-n)*(2/3-e)*6:n}function Hs(n,t,e=!0){if(!n)return;const i="string"==typeof n?{value:n}:n;if("string"==typeof i.value)return F1(i.value,t,e);if(i.value instanceof Array)return Hs({value:vh(i.value,t,e)});for(const[,s]of c_){const r=s.handleRangeColor(i);if(r)return r}}function F1(n,t,e=!0){if(!n)return;const i="string"==typeof n?{value:n}:n;if("string"==typeof i.value)return i.value===a_?wA():function QG(n){return function bA(n){for(const[,r]of c_)if(n.startsWith(r.stringPrefix))return r.parseString(n);const e=n.replace(/^#?([a-f\d])([a-f\d])([a-f\d])([a-f\d])?$/i,(r,o,a,l,c)=>o+o+a+a+l+l+(void 0!==c?c+c:"")),s=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i.exec(e);return s?{a:void 0!==s[4]?parseInt(s[4],16)/255:1,b:parseInt(s[3],16),g:parseInt(s[2],16),r:parseInt(s[1],16)}:void 0}(n)}(i.value);if(i.value instanceof Array)return F1({value:vh(i.value,t,e)});for(const[,s]of c_){const r=s.handleColor(i);if(r)return r}}function pa(n,t,e=!0){const i=Hs(n,t,e);return i?N1(i):void 0}function N1(n){const t=n.r/255,e=n.g/255,i=n.b/255,s=Math.max(t,e,i),r=Math.min(t,e,i),o={h:0,l:(s+r)/2,s:0};return s!==r&&(o.s=o.l<.5?(s-r)/(s+r):(s-r)/(2-s-r),o.h=t===s?(e-i)/(s-r):o.h=e===s?2+(i-t)/(s-r):4+(t-e)/(s-r)),o.l*=100,o.s*=100,o.h*=60,o.h<0&&(o.h+=360),o.h>=360&&(o.h-=360),o}function zc(n){const t={b:0,g:0,r:0},e={h:n.h/360,l:n.l/100,s:n.s/100};if(e.s){const i=e.l<.5?e.l*(1+e.s):e.l+e.s-e.l*e.s,s=2*e.l-i;t.r=R1(s,i,e.h+1/3),t.g=R1(s,i,e.h),t.b=R1(s,i,e.h-1/3)}else t.r=t.g=t.b=e.l;return t.r=Math.floor(255*t.r),t.g=Math.floor(255*t.g),t.b=Math.floor(255*t.b),t}function wA(n){const t=n??0;return{b:Math.floor(si(Le(t,256))),g:Math.floor(si(Le(t,256))),r:Math.floor(si(Le(t,256)))}}function Nr(n,t){return`rgba(${n.r}, ${n.g}, ${n.b}, ${t??1})`}function jc(n,t){return`hsla(${n.h}, ${n.s}%, ${n.l}%, ${t??1})`}function H1(n,t,e,i){let s=n,r=t;return void 0===s.r&&(s=zc(n)),void 0===r.r&&(r=zc(t)),{b:E1(s.b,r.b,e,i),g:E1(s.g,r.g,e,i),r:E1(s.r,r.r,e,i)}}function Y1(n,t,e){if(e===a_)return wA();if(e!==l_)return e;{const i=n.getFillColor()??n.getStrokeColor(),s=t?.getFillColor()??t?.getStrokeColor();if(i&&s&&t)return H1(i,s,n.getRadius(),t.getRadius());{const r=i??s;if(r)return zc(r)}}}function MA(n,t,e){const i="string"==typeof n?n:n.value;return i===a_?e?Hs({value:i}):t?a_:l_:i===l_?l_:Hs({value:i})}function TA(n){return void 0!==n?{h:n.h.value,s:n.s.value,l:n.l.value}:void 0}function SA(n,t,e){const i={h:{enable:!1,value:n.h},s:{enable:!1,value:n.s},l:{enable:!1,value:n.l}};return t&&(V1(i.h,t.h,e),V1(i.s,t.s,e),V1(i.l,t.l,e)),i}function V1(n,t,e){n.enable=t.enable,n.enable?(n.velocity=fe(t.speed)/100*e,n.decay=1-fe(t.decay),n.status="increasing",n.loops=0,n.maxLoops=fe(t.count),n.time=0,n.delayTime=1e3*fe(t.delay),t.sync||(n.velocity*=tt(),n.value*=tt()),n.initialValue=n.value):n.velocity=0}function Mh(n,t,e){n.beginPath(),n.moveTo(t.x,t.y),n.lineTo(e.x,e.y),n.closePath()}function B1(n,t){n.clearRect(0,0,t.width,t.height)}function u$(n,t,e){const i=t[e];void 0!==i&&(n[e]=(n[e]??1)*i)}class d${constructor(t){var e=this;this.container=t,this._applyPostDrawUpdaters=i=>{for(const s of this._postDrawUpdaters)s.afterDraw&&s.afterDraw(i)},this._applyPreDrawUpdaters=(i,s,r,o,a,l)=>{for(const c of this._preDrawUpdaters){if(c.getColorStyles){const{fill:u,stroke:f}=c.getColorStyles(s,i,r,o);u&&(a.fill=u),f&&(a.stroke=f)}if(c.getTransformValues){const u=c.getTransformValues(s);for(const f in u)u$(l,u,f)}c.beforeDraw&&c.beforeDraw(s)}},this._applyResizePlugins=()=>{for(const i of this._resizePlugins)i.resize&&i.resize()},this._getPluginParticleColors=i=>{let s,r;for(const o of this._colorPlugins)if(!s&&o.particleFillColor&&(s=pa(o.particleFillColor(i))),!r&&o.particleStrokeColor&&(r=pa(o.particleStrokeColor(i))),s&&r)break;return[s,r]},this._initCover=()=>{const s=this.container.actualOptions.backgroundMask.cover,o=Hs(s.color);if(o){const a={...o,a:s.opacity};this._coverColorStyle=Nr(a,a.a)}},this._initStyle=()=>{const i=this.element,s=this.container.actualOptions;if(i){this._fullScreen?(this._originalStyle=An({},i.style),this._setFullScreenStyle()):this._resetOriginalStyle();for(const r in s.style){if(!r||!s.style)continue;const o=s.style[r];o&&i.style.setProperty(r,o,"important")}}},this._initTrail=oe(function*(){const i=e.container.actualOptions,s=i.particles.move.trail,r=s.fill;if(s.enable)if(r.color){const o=Hs(r.color);if(!o)return;const a=i.particles.move.trail;e._trailFill={color:{...o},opacity:1/a.length}}else yield new Promise((o,a)=>{if(!r.image)return;const l=document.createElement("img");l.addEventListener("load",()=>{e._trailFill={image:l,opacity:1/s.length},o()}),l.addEventListener("error",c=>{a(c.error)}),l.src=r.image})}),this._paintBase=i=>{this.draw(s=>function n$(n,t,e){n.fillStyle=e??"rgba(0,0,0,0)",n.fillRect(0,0,t.width,t.height)}(s,this.size,i))},this._paintImage=(i,s)=>{this.draw(r=>function i$(n,t,e,i){e&&(n.globalAlpha=i,n.drawImage(e,0,0,t.width,t.height),n.globalAlpha=1)}(r,this.size,i,s))},this._repairStyle=()=>{const i=this.element;i&&(this._safeMutationObserver(s=>s.disconnect()),this._initStyle(),this.initBackground(),this._safeMutationObserver(s=>s.observe(i,{attributes:!0})))},this._resetOriginalStyle=()=>{const i=this.element,s=this._originalStyle;if(!i||!s)return;const r=i.style;r.position=s.position,r.zIndex=s.zIndex,r.top=s.top,r.left=s.left,r.width=s.width,r.height=s.height},this._safeMutationObserver=i=>{this._mutationObserver&&i(this._mutationObserver)},this._setFullScreenStyle=()=>{const i=this.element;if(!i)return;const s="important",r=i.style;r.setProperty("position","fixed",s),r.setProperty("z-index",this.container.actualOptions.fullScreen.zIndex.toString(10),s),r.setProperty("top","0",s),r.setProperty("left","0",s),r.setProperty("width","100%",s),r.setProperty("height","100%",s)},this.size={height:0,width:0},this._context=null,this._generated=!1,this._preDrawUpdaters=[],this._postDrawUpdaters=[],this._resizePlugins=[],this._colorPlugins=[],this._mutationObserver=!fa()&&typeof MutationObserver<"u"?new MutationObserver(i=>{for(const s of i)"attributes"===s.type&&"style"===s.attributeName&&this._repairStyle()}):void 0}get _fullScreen(){return this.container.actualOptions.fullScreen.enable}clear(){const t=this.container.actualOptions,e=t.particles.move.trail,i=this._trailFill;t.backgroundMask.enable?this.paint():e.enable&&e.length>0&&i?i.color?this._paintBase(Nr(i.color,i.opacity)):i.image&&this._paintImage(i.image,i.opacity):this.draw(s=>{B1(s,this.size)})}destroy(){if(this._safeMutationObserver(t=>t.disconnect()),this._generated){const t=this.element;t&&t.remove()}else this._resetOriginalStyle();this.stop(),this._preDrawUpdaters=[],this._postDrawUpdaters=[],this._resizePlugins=[],this._colorPlugins=[]}draw(t){const e=this._context;if(e)return t(e)}drawParticle(t,e){if(t.spawning||t.destroyed)return;const i=t.getRadius();if(i<=0)return;const s=t.getFillColor(),r=t.getStrokeColor()??s;let[o,a]=this._getPluginParticleColors(t);o||(o=s),a||(a=r),(o||a)&&this.draw(l=>{const c=this.container,u=c.actualOptions,f=t.options.zIndex,p=(1-t.zIndexFactor)**f.opacityRate,g=t.bubble.opacity??t.opacity?.value??1,M=g*p,S=(t.strokeOpacity??g)*p,L={},E={fill:o?jc(o,M):void 0};E.stroke=a?jc(a,S):E.fill,this._applyPreDrawUpdaters(l,t,i,M,E,L),function s$(n){const{container:t,context:e,particle:i,delta:s,colorStyles:r,backgroundMask:o,composite:a,radius:l,opacity:c,shadow:u,transform:f}=n,p=i.getPosition(),g=i.rotation+(i.pathRotation?i.velocity.angle:0),v_sin=Math.sin(g),v_cos=Math.cos(g),M={a:v_cos*(f.a??1),b:v_sin*(f.b??1),c:-v_sin*(f.c??1),d:v_cos*(f.d??1)};e.setTransform(M.a,M.b,M.c,M.d,p.x,p.y),e.beginPath(),o&&(e.globalCompositeOperation=a);const S=i.shadowColor;u.enable&&S&&(e.shadowBlur=u.blur,e.shadowColor=Nr(S),e.shadowOffsetX=u.offset.x,e.shadowOffsetY=u.offset.y),r.fill&&(e.fillStyle=r.fill);const L=i.strokeWidth??0;e.lineWidth=L,r.stroke&&(e.strokeStyle=r.stroke),function r$(n,t,e,i,s,r){if(!e.shape)return;const o=n.drawers.get(e.shape);o&&o.draw(t,e,i,s,r,n.retina.pixelRatio)}(t,e,i,l,c,s),L>0&&e.stroke(),i.close&&e.closePath(),i.fill&&e.fill(),function o$(n,t,e,i,s,r){if(!e.shape)return;const o=n.drawers.get(e.shape);!o||!o.afterEffect||o.afterEffect(t,e,i,s,r,n.retina.pixelRatio)}(t,e,i,l,c,s),e.globalCompositeOperation="source-over",e.setTransform(1,0,0,1,0,0)}({container:c,context:l,particle:t,delta:e,colorStyles:E,backgroundMask:u.backgroundMask.enable,composite:u.backgroundMask.composite,radius:i*(1-t.zIndexFactor)**f.sizeRate,opacity:M,shadow:t.options.shadow,transform:L}),this._applyPostDrawUpdaters(t)})}drawParticlePlugin(t,e,i){this.draw(s=>function l$(n,t,e,i){t.drawParticle&&t.drawParticle(n,e,i)}(s,t,e,i))}drawPlugin(t,e){this.draw(i=>function a$(n,t,e){t.draw&&t.draw(n,e)}(i,t,e))}init(){var t=this;return oe(function*(){t.resize(),t._initStyle(),t._initCover();try{yield t._initTrail()}catch(e){console.error(e)}t.initBackground(),t._safeMutationObserver(e=>{t.element&&e.observe(t.element,{attributes:!0})}),t.initUpdaters(),t.initPlugins(),t.paint()})()}initBackground(){const e=this.container.actualOptions.background,i=this.element;if(!i)return;const s=i.style;if(s){if(e.color){const r=Hs(e.color);s.backgroundColor=r?Nr(r,e.opacity):""}else s.backgroundColor="";s.backgroundImage=e.image||"",s.backgroundPosition=e.position||"",s.backgroundRepeat=e.repeat||"",s.backgroundSize=e.size||""}}initPlugins(){this._resizePlugins=[];for(const[,t]of this.container.plugins)t.resize&&this._resizePlugins.push(t),(t.particleFillColor||t.particleStrokeColor)&&this._colorPlugins.push(t)}initUpdaters(){this._preDrawUpdaters=[],this._postDrawUpdaters=[];for(const t of this.container.particles.updaters)t.afterDraw&&this._postDrawUpdaters.push(t),(t.getColorStyles||t.getTransformValues||t.beforeDraw)&&this._preDrawUpdaters.push(t)}loadCanvas(t){this._generated&&this.element&&this.element.remove(),this._generated=t.dataset&&yh in t.dataset?"true"===t.dataset[yh]:this._generated,this.element=t,this.element.ariaHidden="true",this._originalStyle=An({},this.element.style),this.size.height=t.offsetHeight,this.size.width=t.offsetWidth,this._context=this.element.getContext("2d"),this._safeMutationObserver(e=>{this.element&&e.observe(this.element,{attributes:!0})}),this.container.retina.init(),this.initBackground()}paint(){const t=this.container.actualOptions;this.draw(e=>{t.backgroundMask.enable&&t.backgroundMask.cover?(B1(e,this.size),this._paintBase(this._coverColorStyle)):this._paintBase()})}resize(){if(!this.element)return!1;const t=this.container,e=t.retina.pixelRatio,i=t.canvas.size,s_width=this.element.offsetWidth*e,s_height=this.element.offsetHeight*e;if(s_height===i.height&&s_width===i.width&&s_height===this.element.height&&s_width===this.element.width)return!1;const r={...i};return this.element.width=i.width=this.element.offsetWidth*e,this.element.height=i.height=this.element.offsetHeight*e,this.container.started&&(this.resizeFactor={width:i.width/r.width,height:i.height/r.height}),!0}stop(){this.draw(t=>B1(t,this.size))}windowResize(){var t=this;return oe(function*(){if(!t.element||!t.resize())return;const e=t.container,i=e.updateActualOptions();e.particles.setDensity(),t._applyResizePlugins(),i&&(yield e.refresh())})()}}function Ys(n,t,e,i,s){if(i){let r={passive:!0};"boolean"==typeof s?r.capture=s:void 0!==s&&(r=s),n.addEventListener(t,e,r)}else n.removeEventListener(t,e,s)}class h${constructor(t){var e=this;this.container=t,this._doMouseTouchClick=i=>{const s=this.container,r=s.actualOptions;if(this._canPush){const o=s.interactivity.mouse,a=o.position;if(!a)return;o.clickPosition={...a},o.clickTime=(new Date).getTime(),rn(r.interactivity.events.onClick.mode,c=>this.container.handleClickMode(c))}"touchend"===i.type&&setTimeout(()=>this._mouseTouchFinish(),500)},this._handleThemeChange=i=>{const r=this.container,o=r.options,a=o.defaultThemes,l=i.matches?a.dark:a.light,c=o.themes.find(u=>u.name===l);c&&c.default.auto&&r.loadTheme(l)},this._handleVisibilityChange=()=>{const i=this.container,s=i.actualOptions;this._mouseTouchFinish(),s.pauseOnBlur&&(document&&document.hidden?(i.pageHidden=!0,i.pause()):(i.pageHidden=!1,i.getAnimationStatus()?i.play(!0):i.draw(!0)))},this._handleWindowResize=oe(function*(){e._resizeTimeout&&(clearTimeout(e._resizeTimeout),delete e._resizeTimeout),e._resizeTimeout=setTimeout(oe(function*(){const i=e.container.canvas;i&&(yield i.windowResize())}),1e3*e.container.actualOptions.interactivity.events.resize.delay)}),this._manageInteractivityListeners=(i,s)=>{const r=this._handlers,o=this.container,a=o.actualOptions,l=o.interactivity.element;if(!l)return;const u=o.canvas.element;u&&(u.style.pointerEvents=l===u?"initial":"none"),(a.interactivity.events.onHover.enable||a.interactivity.events.onClick.enable)&&(Ys(l,ml,r.mouseMove,s),Ys(l,"touchstart",r.touchStart,s),Ys(l,"touchmove",r.touchMove,s),a.interactivity.events.onClick.enable?(Ys(l,sA,r.touchEndClick,s),Ys(l,"pointerup",r.mouseUp,s),Ys(l,"pointerdown",r.mouseDown,s)):Ys(l,sA,r.touchEnd,s),Ys(l,i,r.mouseLeave,s),Ys(l,"touchcancel",r.touchCancel,s))},this._manageListeners=i=>{const s=this._handlers,r=this.container,a=r.actualOptions.interactivity.detectsOn,l=r.canvas.element;let c=x1;"window"===a?(r.interactivity.element=window,c="pointerout"):r.interactivity.element="parent"===a&&l?l.parentElement??l.parentNode:l,this._manageMediaMatch(i),this._manageResize(i),this._manageInteractivityListeners(c,i),document&&Ys(document,"visibilitychange",s.visibilityChange,i,!1)},this._manageMediaMatch=i=>{const s=this._handlers,r=fA("(prefers-color-scheme: dark)");if(r){if(void 0!==r.addEventListener)return void Ys(r,"change",s.themeChange,i);void 0!==r.addListener&&(i?r.addListener(s.oldThemeChange):r.removeListener(s.oldThemeChange))}},this._manageResize=i=>{const r=this.container;if(!r.actualOptions.interactivity.events.resize)return;if(typeof ResizeObserver>"u")return void Ys(window,"resize",this._handlers.resize,i);const a=r.canvas.element;this._resizeObserver&&!i?(a&&this._resizeObserver.unobserve(a),this._resizeObserver.disconnect(),delete this._resizeObserver):!this._resizeObserver&&i&&a&&(this._resizeObserver=new ResizeObserver(function(){var l=oe(function*(c){c.find(f=>f.target===a)&&(yield e._handleWindowResize())});return function(c){return l.apply(this,arguments)}}()),this._resizeObserver.observe(a))},this._mouseDown=()=>{const{interactivity:i}=this.container;if(!i)return;const{mouse:s}=i;s.clicking=!0,s.downPosition=s.position},this._mouseTouchClick=i=>{const s=this.container,r=s.actualOptions,{mouse:o}=s.interactivity;o.inside=!0;let a=!1;const l=o.position;if(l&&r.interactivity.events.onClick.enable){for(const[,c]of s.plugins)if(c.clickPositionValid&&(a=c.clickPositionValid(l),a))break;a||this._doMouseTouchClick(i),o.clicking=!1}},this._mouseTouchFinish=()=>{const i=this.container.interactivity;if(!i)return;const s=i.mouse;delete s.position,delete s.clickPosition,delete s.downPosition,i.status=x1,s.inside=!1,s.clicking=!1},this._mouseTouchMove=i=>{const s=this.container,r=s.actualOptions,o=s.interactivity,a=s.canvas.element;if(!o||!o.element)return;let l;if(o.mouse.inside=!0,i.type.startsWith("pointer")){this._canPush=!0;const u=i;if(o.element===window){if(a){const f=a.getBoundingClientRect();l={x:u.clientX-f.left,y:u.clientY-f.top}}}else if("parent"===r.interactivity.detectsOn){const f=u.target,p=u.currentTarget;if(f&&p&&a){const g=f.getBoundingClientRect(),v=p.getBoundingClientRect(),M=a.getBoundingClientRect();l={x:u.offsetX+2*g.left-(v.left+M.left),y:u.offsetY+2*g.top-(v.top+M.top)}}else l={x:u.offsetX??u.clientX,y:u.offsetY??u.clientY}}else u.target===a&&(l={x:u.offsetX??u.clientX,y:u.offsetY??u.clientY})}else if(this._canPush="touchmove"!==i.type,a){const f=i.touches[i.touches.length-1],p=a.getBoundingClientRect();l={x:f.clientX-(p.left??0),y:f.clientY-(p.top??0)}}const c=s.retina.pixelRatio;l&&(l.x*=c,l.y*=c),o.mouse.position=l,o.status=ml},this._touchEnd=i=>{const r=Array.from(i.changedTouches);for(const o of r)this._touches.delete(o.identifier);this._mouseTouchFinish()},this._touchEndClick=i=>{const r=Array.from(i.changedTouches);for(const o of r)this._touches.delete(o.identifier);this._mouseTouchClick(i)},this._touchStart=i=>{const r=Array.from(i.changedTouches);for(const o of r)this._touches.set(o.identifier,performance.now());this._mouseTouchMove(i)},this._canPush=!0,this._touches=new Map,this._handlers={mouseDown:()=>this._mouseDown(),mouseLeave:()=>this._mouseTouchFinish(),mouseMove:i=>this._mouseTouchMove(i),mouseUp:i=>this._mouseTouchClick(i),touchStart:i=>this._touchStart(i),touchMove:i=>this._mouseTouchMove(i),touchEnd:i=>this._touchEnd(i),touchCancel:i=>this._touchEnd(i),touchEndClick:i=>this._touchEndClick(i),visibilityChange:()=>this._handleVisibilityChange(),themeChange:i=>this._handleThemeChange(i),oldThemeChange:i=>this._handleThemeChange(i),resize:()=>{this._handleWindowResize()}}}addListeners(){this._manageListeners(!0)}removeListeners(){this._manageListeners(!1)}}class p${constructor(t){this.container=t}nextFrame(t){var e=this;return oe(function*(){try{const i=e.container;if(!i.smooth&&void 0!==i.lastFrameTime&&t1e3)return void i.draw(!1);if(yield i.particles.draw(s),!i.alive())return void i.destroy();i.getAnimationStatus()&&i.draw(!1)}catch(i){console.error(`${ur} in animation loop`,i)}})()}}class Dn{constructor(){this.value=""}static create(t,e){const i=new Dn;return i.load(t),void 0!==e&&i.load("string"==typeof e||e instanceof Array?{value:e}:e),i}load(t){void 0!==t?.value&&(this.value=t.value)}}class m${constructor(){this.color=new Dn,this.color.value="",this.image="",this.position="",this.repeat="",this.size="",this.opacity=1}load(t){t&&(void 0!==t.color&&(this.color=Dn.create(this.color,t.color)),void 0!==t.image&&(this.image=t.image),void 0!==t.position&&(this.position=t.position),void 0!==t.repeat&&(this.repeat=t.repeat),void 0!==t.size&&(this.size=t.size),void 0!==t.opacity&&(this.opacity=t.opacity))}}class _${constructor(){this.color=new Dn,this.color.value="#fff",this.opacity=1}load(t){t&&(void 0!==t.color&&(this.color=Dn.create(this.color,t.color)),void 0!==t.opacity&&(this.opacity=t.opacity))}}class g${constructor(){this.composite="destination-out",this.cover=new _$,this.enable=!1}load(t){if(t){if(void 0!==t.composite&&(this.composite=t.composite),void 0!==t.cover){const e=t.cover;this.cover.load(void 0!==e.color?e:{color:"string"==typeof t.cover?{color:t.cover}:t.cover})}void 0!==t.enable&&(this.enable=t.enable)}}}class y${constructor(){this.enable=!0,this.zIndex=0}load(t){t&&(void 0!==t.enable&&(this.enable=t.enable),void 0!==t.zIndex&&(this.zIndex=t.zIndex))}}class v${constructor(){this.enable=!1,this.mode=[]}load(t){t&&(void 0!==t.enable&&(this.enable=t.enable),void 0!==t.mode&&(this.mode=t.mode))}}class CA{constructor(){this.selectors=[],this.enable=!1,this.mode=[],this.type="circle"}get el(){return this.elementId}set el(t){this.elementId=t}get elementId(){return this.ids}set elementId(t){this.ids=t}get ids(){return rn(this.selectors,t=>t.replace("#",""))}set ids(t){this.selectors=rn(t,e=>`#${e}`)}load(t){if(!t)return;const e=t.ids??t.elementId??t.el;void 0!==e&&(this.ids=e),void 0!==t.selectors&&(this.selectors=t.selectors),void 0!==t.enable&&(this.enable=t.enable),void 0!==t.mode&&(this.mode=t.mode),void 0!==t.type&&(this.type=t.type)}}class b${constructor(){this.enable=!1,this.force=2,this.smooth=10}load(t){t&&(void 0!==t.enable&&(this.enable=t.enable),void 0!==t.force&&(this.force=t.force),void 0!==t.smooth&&(this.smooth=t.smooth))}}class w${constructor(){this.enable=!1,this.mode=[],this.parallax=new b$}load(t){t&&(void 0!==t.enable&&(this.enable=t.enable),void 0!==t.mode&&(this.mode=t.mode),this.parallax.load(t.parallax))}}class M${constructor(){this.delay=.5,this.enable=!0}load(t){void 0!==t&&(void 0!==t.delay&&(this.delay=t.delay),void 0!==t.enable&&(this.enable=t.enable))}}class T${constructor(){this.onClick=new v$,this.onDiv=new CA,this.onHover=new w$,this.resize=new M$}get onclick(){return this.onClick}set onclick(t){this.onClick=t}get ondiv(){return this.onDiv}set ondiv(t){this.onDiv=t}get onhover(){return this.onHover}set onhover(t){this.onHover=t}load(t){if(!t)return;this.onClick.load(t.onClick??t.onclick);const e=t.onDiv??t.ondiv;void 0!==e&&(this.onDiv=rn(e,i=>{const s=new CA;return s.load(i),s})),this.onHover.load(t.onHover??t.onhover),"boolean"==typeof t.resize?this.resize.enable=t.resize:this.resize.load(t.resize)}}class S${constructor(t,e){this._engine=t,this._container=e}load(t){if(!t||!this._container)return;const e=this._engine.plugins.interactors.get(this._container);if(e)for(const i of e)i.loadModeOptions&&i.loadModeOptions(this,t)}}class DA{constructor(t,e){this.detectsOn="window",this.events=new T$,this.modes=new S$(t,e)}get detect_on(){return this.detectsOn}set detect_on(t){this.detectsOn=t}load(t){if(!t)return;const e=t.detectsOn??t.detect_on;void 0!==e&&(this.detectsOn=e),this.events.load(t.events),this.modes.load(t.modes)}}class C${load(t){t&&(t.position&&(this.position={x:t.position.x??50,y:t.position.y??50,mode:t.position.mode??"percent"}),t.options&&(this.options=An({},t.options)))}}class D${constructor(){this.maxWidth=1/0,this.options={},this.mode="canvas"}load(t){t&&(void 0!==t.maxWidth&&(this.maxWidth=t.maxWidth),void 0!==t.mode&&(this.mode="screen"===t.mode?"screen":"canvas"),void 0!==t.options&&(this.options=An({},t.options)))}}class x${constructor(){this.auto=!1,this.mode="any",this.value=!1}load(t){t&&(void 0!==t.auto&&(this.auto=t.auto),void 0!==t.mode&&(this.mode=t.mode),void 0!==t.value&&(this.value=t.value))}}class k${constructor(){this.name="",this.default=new x$}load(t){t&&(void 0!==t.name&&(this.name=t.name),this.default.load(t.default),void 0!==t.options&&(this.options=An({},t.options)))}}class z1{constructor(){this.count=0,this.enable=!1,this.offset=0,this.speed=1,this.delay=0,this.decay=0,this.sync=!0}load(t){t&&(void 0!==t.count&&(this.count=Le(t.count)),void 0!==t.enable&&(this.enable=t.enable),void 0!==t.offset&&(this.offset=Le(t.offset)),void 0!==t.speed&&(this.speed=Le(t.speed)),void 0!==t.decay&&(this.decay=Le(t.decay)),void 0!==t.delay&&(this.delay=Le(t.delay)),void 0!==t.sync&&(this.sync=t.sync))}}class E${constructor(){this.h=new z1,this.s=new z1,this.l=new z1}load(t){t&&(this.h.load(t.h),this.s.load(t.s),this.l.load(t.l))}}class Wc extends Dn{constructor(){super(),this.animation=new E$}static create(t,e){const i=new Wc;return i.load(t),void 0!==e&&i.load("string"==typeof e||e instanceof Array?{value:e}:e),i}load(t){if(super.load(t),!t)return;const e=t.animation;void 0!==e&&(void 0!==e.enable?this.animation.h.load(e):this.animation.load(t.animation))}}class I${constructor(){this.speed=2}load(t){t&&void 0!==t.speed&&(this.speed=t.speed)}}class L${constructor(){this.enable=!0,this.retries=0}load(t){t&&(void 0!==t.enable&&(this.enable=t.enable),void 0!==t.retries&&(this.retries=t.retries))}}class P${constructor(){this.count=0,this.enable=!1,this.speed=1,this.decay=0,this.delay=0,this.sync=!1}load(t){t&&(void 0!==t.count&&(this.count=Le(t.count)),void 0!==t.enable&&(this.enable=t.enable),void 0!==t.speed&&(this.speed=Le(t.speed)),void 0!==t.decay&&(this.decay=Le(t.decay)),void 0!==t.delay&&(this.delay=Le(t.delay)),void 0!==t.sync&&(this.sync=t.sync))}}class xA extends P${constructor(){super(),this.mode="auto",this.startValue="random"}load(t){super.load(t),t&&(void 0!==t.minimumValue&&(this.minimumValue=t.minimumValue),void 0!==t.mode&&(this.mode=t.mode),void 0!==t.startValue&&(this.startValue=t.startValue))}}class A${constructor(){this.enable=!1,this.minimumValue=0}load(t){t&&(void 0!==t.enable&&(this.enable=t.enable),void 0!==t.minimumValue&&(this.minimumValue=t.minimumValue))}}class Vs{constructor(){this.random=new A$,this.value=0}load(t){t&&("boolean"==typeof t.random?this.random.enable=t.random:this.random.load(t.random),void 0!==t.value&&(this.value=Le(t.value,this.random.enable?this.random.minimumValue:void 0)))}}class kA extends Vs{constructor(){super(),this.random.minimumValue=.1,this.value=1}}class EA{constructor(){this.horizontal=new kA,this.vertical=new kA}load(t){t&&(this.horizontal.load(t.horizontal),this.vertical.load(t.vertical))}}class O${constructor(){this.absorb=new I$,this.bounce=new EA,this.enable=!1,this.maxSpeed=50,this.mode="bounce",this.overlap=new L$}load(t){t&&(this.absorb.load(t.absorb),this.bounce.load(t.bounce),void 0!==t.enable&&(this.enable=t.enable),void 0!==t.maxSpeed&&(this.maxSpeed=Le(t.maxSpeed)),void 0!==t.mode&&(this.mode=t.mode),this.overlap.load(t.overlap))}}class R${constructor(){this.offset=0,this.value=90}load(t){t&&(void 0!==t.offset&&(this.offset=Le(t.offset)),void 0!==t.value&&(this.value=Le(t.value)))}}class F${constructor(){this.distance=200,this.enable=!1,this.rotate={x:3e3,y:3e3}}get rotateX(){return this.rotate.x}set rotateX(t){this.rotate.x=t}get rotateY(){return this.rotate.y}set rotateY(t){this.rotate.y=t}load(t){if(!t)return;void 0!==t.distance&&(this.distance=Le(t.distance)),void 0!==t.enable&&(this.enable=t.enable);const e=t.rotate?.x??t.rotateX;void 0!==e&&(this.rotate.x=e);const i=t.rotate?.y??t.rotateY;void 0!==i&&(this.rotate.y=i)}}class N${constructor(){this.x=50,this.y=50,this.mode="percent",this.radius=0}load(t){t&&(void 0!==t.x&&(this.x=t.x),void 0!==t.y&&(this.y=t.y),void 0!==t.mode&&(this.mode=t.mode),void 0!==t.radius&&(this.radius=t.radius))}}class H${constructor(){this.acceleration=9.81,this.enable=!1,this.inverse=!1,this.maxSpeed=50}load(t){t&&(void 0!==t.acceleration&&(this.acceleration=Le(t.acceleration)),void 0!==t.enable&&(this.enable=t.enable),void 0!==t.inverse&&(this.inverse=t.inverse),void 0!==t.maxSpeed&&(this.maxSpeed=Le(t.maxSpeed)))}}class Y${constructor(){this.clamp=!0,this.delay=new Vs,this.enable=!1,this.options={}}load(t){t&&(void 0!==t.clamp&&(this.clamp=t.clamp),this.delay.load(t.delay),void 0!==t.enable&&(this.enable=t.enable),this.generator=t.generator,t.options&&(this.options=An(this.options,t.options)))}}class V${load(t){t&&(void 0!==t.color&&(this.color=Dn.create(this.color,t.color)),void 0!==t.image&&(this.image=t.image))}}class B${constructor(){this.enable=!1,this.length=10,this.fill=new V$}get fillColor(){return this.fill.color}set fillColor(t){this.fill.load({color:t})}load(t){t&&(void 0!==t.enable&&(this.enable=t.enable),(void 0!==t.fill||void 0!==t.fillColor)&&this.fill.load(t.fill||{color:t.fillColor}),void 0!==t.length&&(this.length=t.length))}}class z${constructor(){this.default="out"}load(t){t&&(void 0!==t.default&&(this.default=t.default),this.bottom=t.bottom??t.default,this.left=t.left??t.default,this.right=t.right??t.default,this.top=t.top??t.default)}}class j${constructor(){this.acceleration=0,this.enable=!1}load(t){t&&(void 0!==t.acceleration&&(this.acceleration=Le(t.acceleration)),void 0!==t.enable&&(this.enable=t.enable),t.position&&(this.position=An({},t.position)))}}class W${constructor(){this.angle=new R$,this.attract=new F$,this.center=new N$,this.decay=0,this.distance={},this.direction="none",this.drift=0,this.enable=!1,this.gravity=new H$,this.path=new Y$,this.outModes=new z$,this.random=!1,this.size=!1,this.speed=2,this.spin=new j$,this.straight=!1,this.trail=new B$,this.vibrate=!1,this.warp=!1}get bounce(){return this.collisions}set bounce(t){this.collisions=t}get collisions(){return!1}set collisions(t){}get noise(){return this.path}set noise(t){this.path=t}get outMode(){return this.outModes.default}set outMode(t){this.outModes.default=t}get out_mode(){return this.outMode}set out_mode(t){this.outMode=t}load(t){if(!t)return;this.angle.load("number"==typeof t.angle?{value:t.angle}:t.angle),this.attract.load(t.attract),this.center.load(t.center),void 0!==t.decay&&(this.decay=Le(t.decay)),void 0!==t.direction&&(this.direction=t.direction),void 0!==t.distance&&(this.distance="number"==typeof t.distance?{horizontal:t.distance,vertical:t.distance}:{...t.distance}),void 0!==t.drift&&(this.drift=Le(t.drift)),void 0!==t.enable&&(this.enable=t.enable),this.gravity.load(t.gravity);const e=t.outModes??t.outMode??t.out_mode;void 0!==e&&this.outModes.load("object"==typeof e?e:{default:e}),this.path.load(t.path??t.noise),void 0!==t.random&&(this.random=t.random),void 0!==t.size&&(this.size=t.size),void 0!==t.speed&&(this.speed=Le(t.speed)),this.spin.load(t.spin),void 0!==t.straight&&(this.straight=t.straight),this.trail.load(t.trail),void 0!==t.vibrate&&(this.vibrate=t.vibrate),void 0!==t.warp&&(this.warp=t.warp)}}class U$ extends xA{constructor(){super(),this.destroy="none",this.speed=2}get opacity_min(){return this.minimumValue}set opacity_min(t){this.minimumValue=t}load(t){void 0!==t?.opacity_min&&void 0===t.minimumValue&&(t.minimumValue=t.opacity_min),super.load(t),t&&void 0!==t.destroy&&(this.destroy=t.destroy)}}class G$ extends Vs{constructor(){super(),this.animation=new U$,this.random.minimumValue=.1,this.value=1}get anim(){return this.animation}set anim(t){this.animation=t}load(t){if(!t)return;super.load(t);const e=t.animation??t.anim;void 0!==e&&(this.animation.load(e),this.value=Le(this.value,this.animation.enable?this.animation.minimumValue:void 0))}}class $${constructor(){this.enable=!1,this.width=1920,this.height=1080}get area(){return this.width}set area(t){this.width=t}get factor(){return this.height}set factor(t){this.height=t}get value_area(){return this.area}set value_area(t){this.area=t}load(t){if(!t)return;void 0!==t.enable&&(this.enable=t.enable);const e=t.width??t.area??t.value_area;void 0!==e&&(this.width=e);const i=t.height??t.factor;void 0!==i&&(this.height=i)}}class q${constructor(){this.density=new $$,this.limit=0,this.value=0}get max(){return this.limit}set max(t){this.limit=t}load(t){if(!t)return;this.density.load(t.density);const e=t.limit??t.max;void 0!==e&&(this.limit=e),void 0!==t.value&&(this.value=t.value)}}class K${constructor(){this.blur=0,this.color=new Dn,this.enable=!1,this.offset={x:0,y:0},this.color.value="#000"}load(t){t&&(void 0!==t.blur&&(this.blur=t.blur),this.color=Dn.create(this.color,t.color),void 0!==t.enable&&(this.enable=t.enable),void 0!==t.offset&&(void 0!==t.offset.x&&(this.offset.x=t.offset.x),void 0!==t.offset.y&&(this.offset.y=t.offset.y)))}}const j1="character",W1="char",U1="image",G1="images",$1="polygon",q1="star";class X${constructor(){this.loadShape=(t,e,i,s)=>{if(!t)return;const r=t instanceof Array,o=r?[]:{},l=r!==this.options[i]instanceof Array;r!==this.options[e]instanceof Array&&(this.options[e]=o),l&&s&&(this.options[i]=o),this.options[e]=An(this.options[e]??o,t),(!this.options[i]||s)&&(this.options[i]=An(this.options[i]??o,t))},this.close=!0,this.fill=!0,this.options={},this.type="circle"}get character(){return this.options[j1]??this.options[W1]}set character(t){this.options[W1]=this.options[j1]=t}get custom(){return this.options}set custom(t){this.options=t}get image(){return this.options[U1]??this.options[G1]}set image(t){this.options[G1]=this.options[U1]=t}get images(){return this.image}set images(t){this.image=t}get polygon(){return this.options[$1]??this.options[q1]}set polygon(t){this.options[q1]=this.options[$1]=t}get stroke(){return[]}set stroke(t){}load(t){if(!t)return;const e=t.options??t.custom;if(void 0!==e)for(const i in e){const s=e[i];s&&(this.options[i]=An(this.options[i]??{},s))}this.loadShape(t.character,j1,W1,!0),this.loadShape(t.polygon,$1,q1,!1),this.loadShape(t.image??t.images,U1,G1,!0),void 0!==t.close&&(this.close=t.close),void 0!==t.fill&&(this.fill=t.fill),void 0!==t.type&&(this.type=t.type)}}class J$ extends xA{constructor(){super(),this.destroy="none",this.speed=5}get size_min(){return this.minimumValue}set size_min(t){this.minimumValue=t}load(t){void 0!==t?.size_min&&void 0===t.minimumValue&&(t.minimumValue=t.size_min),super.load(t),t&&void 0!==t.destroy&&(this.destroy=t.destroy)}}class Z$ extends Vs{constructor(){super(),this.animation=new J$,this.random.minimumValue=1,this.value=3}get anim(){return this.animation}set anim(t){this.animation=t}load(t){if(super.load(t),!t)return;const e=t.animation??t.anim;void 0!==e&&(this.animation.load(e),this.value=Le(this.value,this.animation.enable?this.animation.minimumValue:void 0))}}class IA{constructor(){this.width=0}load(t){t&&(void 0!==t.color&&(this.color=Wc.create(this.color,t.color)),void 0!==t.width&&(this.width=Le(t.width)),void 0!==t.opacity&&(this.opacity=Le(t.opacity)))}}class Q$ extends Vs{constructor(){super(),this.opacityRate=1,this.sizeRate=1,this.velocityRate=1}load(t){super.load(t),t&&(void 0!==t.opacityRate&&(this.opacityRate=t.opacityRate),void 0!==t.sizeRate&&(this.sizeRate=t.sizeRate),void 0!==t.velocityRate&&(this.velocityRate=t.velocityRate))}}class eq{constructor(t,e){this._engine=t,this._container=e,this.bounce=new EA,this.collisions=new O$,this.color=new Wc,this.color.value="#fff",this.groups={},this.move=new W$,this.number=new q$,this.opacity=new G$,this.reduceDuplicates=!1,this.shadow=new K$,this.shape=new X$,this.size=new Z$,this.stroke=new IA,this.zIndex=new Q$}load(t){if(!t)return;if(this.bounce.load(t.bounce),this.color.load(Wc.create(this.color,t.color)),void 0!==t.groups)for(const s in t.groups){const r=t.groups[s];void 0!==r&&(this.groups[s]=An(this.groups[s]??{},r))}this.move.load(t.move),this.number.load(t.number),this.opacity.load(t.opacity),void 0!==t.reduceDuplicates&&(this.reduceDuplicates=t.reduceDuplicates),this.shape.load(t.shape),this.size.load(t.size),this.shadow.load(t.shadow),this.zIndex.load(t.zIndex);const e=t.move?.collisions??t.move?.bounce;void 0!==e&&(this.collisions.enable=e),this.collisions.load(t.collisions),void 0!==t.interactivity&&(this.interactivity=An({},t.interactivity));const i=t.stroke??t.shape?.stroke;if(i&&(this.stroke=rn(i,s=>{const r=new IA;return r.load(s),r})),this._container){const s=this._engine.plugins.updaters.get(this._container);if(s)for(const o of s)o.loadOptions&&o.loadOptions(this,t);const r=this._engine.plugins.interactors.get(this._container);if(r)for(const o of r)o.loadParticlesOptions&&o.loadParticlesOptions(this,t)}}}function LA(n,...t){for(const e of t)n.load(e)}function K1(n,t,...e){const i=new eq(n,t);return LA(i,...e),i}class tq{constructor(t,e){this._findDefaultTheme=i=>this.themes.find(s=>s.default.value&&s.default.mode===i)??this.themes.find(s=>s.default.value&&"any"===s.default.mode),this._importPreset=i=>{this.load(this._engine.plugins.getPreset(i))},this._engine=t,this._container=e,this.autoPlay=!0,this.background=new m$,this.backgroundMask=new g$,this.defaultThemes={},this.delay=0,this.fullScreen=new y$,this.detectRetina=!0,this.duration=0,this.fpsLimit=120,this.interactivity=new DA(t,e),this.manualParticles=[],this.particles=K1(this._engine,this._container),this.pauseOnBlur=!0,this.pauseOnOutsideViewport=!0,this.responsive=[],this.smooth=!1,this.style={},this.themes=[],this.zLayers=100}get backgroundMode(){return this.fullScreen}set backgroundMode(t){this.fullScreen.load(t)}get fps_limit(){return this.fpsLimit}set fps_limit(t){this.fpsLimit=t}get retina_detect(){return this.detectRetina}set retina_detect(t){this.detectRetina=t}load(t){if(!t)return;void 0!==t.preset&&rn(t.preset,o=>this._importPreset(o)),void 0!==t.autoPlay&&(this.autoPlay=t.autoPlay),void 0!==t.delay&&(this.delay=Le(t.delay));const e=t.detectRetina??t.retina_detect;void 0!==e&&(this.detectRetina=e),void 0!==t.duration&&(this.duration=Le(t.duration));const i=t.fpsLimit??t.fps_limit;void 0!==i&&(this.fpsLimit=i),void 0!==t.pauseOnBlur&&(this.pauseOnBlur=t.pauseOnBlur),void 0!==t.pauseOnOutsideViewport&&(this.pauseOnOutsideViewport=t.pauseOnOutsideViewport),void 0!==t.zLayers&&(this.zLayers=t.zLayers),this.background.load(t.background);const s=t.fullScreen??t.backgroundMode;"boolean"==typeof s?this.fullScreen.enable=s:this.fullScreen.load(s),this.backgroundMask.load(t.backgroundMask),this.interactivity.load(t.interactivity),t.manualParticles&&(this.manualParticles=t.manualParticles.map(o=>{const a=new C$;return a.load(o),a})),this.particles.load(t.particles),this.style=An(this.style,t.style),this._engine.plugins.loadOptions(this,t),void 0!==t.smooth&&(this.smooth=t.smooth);const r=this._engine.plugins.interactors.get(this._container);if(r)for(const o of r)o.loadOptions&&o.loadOptions(this,t);if(void 0!==t.responsive)for(const o of t.responsive){const a=new D$;a.load(o),this.responsive.push(a)}if(this.responsive.sort((o,a)=>o.maxWidth-a.maxWidth),void 0!==t.themes)for(const o of t.themes){const a=this.themes.find(l=>l.name===o.name);if(a)a.load(o);else{const l=new k$;l.load(o),this.themes.push(l)}}this.defaultThemes.dark=this._findDefaultTheme("dark")?.name,this.defaultThemes.light=this._findDefaultTheme("light")?.name}setResponsive(t,e,i){this.load(i);const s=this.responsive.find(r=>"screen"===r.mode&&screen?r.maxWidth>screen.availWidth:r.maxWidth*e>t);return this.load(s?.options),s?.maxWidth}setTheme(t){if(t){const e=this.themes.find(i=>i.name===t);e&&this.load(e.options)}else{const e=fA("(prefers-color-scheme: dark)"),s=this._findDefaultTheme(e&&e.matches?"dark":"light");s&&this.load(s.options)}}}class nq{constructor(t,e){this.container=e,this._engine=t,this._interactors=this._engine.plugins.getInteractors(this.container,!0),this._externalInteractors=[],this._particleInteractors=[]}externalInteract(t){var e=this;return oe(function*(){for(const i of e._externalInteractors)i.isEnabled()&&(yield i.interact(t))})()}handleClickMode(t){for(const e of this._externalInteractors)e.handleClickMode&&e.handleClickMode(t)}init(){this._externalInteractors=[],this._particleInteractors=[];for(const t of this._interactors){switch(t.type){case"external":this._externalInteractors.push(t);break;case"particles":this._particleInteractors.push(t)}t.init()}}particlesInteract(t,e){var i=this;return oe(function*(){for(const s of i._externalInteractors)s.clear(t,e);for(const s of i._particleInteractors)s.isEnabled(t)&&(yield s.interact(t,e))})()}reset(t){var e=this;return oe(function*(){for(const i of e._externalInteractors)i.isEnabled()&&i.reset(t);for(const i of e._particleInteractors)i.isEnabled(t)&&i.reset(t)})()}}const PA=n=>{if(!sn(n.outMode,n.checkModes))return;const t=2*n.radius;n.coord>n.maxCoord-t?n.setCb(-n.radius):n.coord{for(const[,E]of a.plugins){const H=void 0!==E.particlePosition?E.particlePosition(l,this):void 0;if(H)return gs.create(H.x,H.y,c)}const p=function uA(n){return{x:n.position?.x??tt()*n.size.width,y:n.position?.y??tt()*n.size.height}}({size:a.canvas.size,position:l}),g=gs.create(p.x,p.y,c),v=this.getRadius(),M=this.options.move.outModes,S=E=>{PA({outMode:E,checkModes:["bounce","bounce-horizontal"],coord:g.x,maxCoord:a.canvas.size.width,setCb:H=>g.x+=H,radius:v})},L=E=>{PA({outMode:E,checkModes:["bounce","bounce-vertical"],coord:g.y,maxCoord:a.canvas.size.height,setCb:H=>g.y+=H,radius:v})};return S(M.left??M.default),S(M.right??M.default),L(M.top??M.default),L(M.bottom??M.default),this._checkOverlap(g,u)?this._calcPosition(a,void 0,c,u+1):g},this._calculateVelocity=()=>{const a=function jG(n){const t=Xt.origin;return t.length=1,t.angle=n,t}(this.direction),l=a.copy(),c=this.options.move;if("inside"===c.direction||"outside"===c.direction)return l;const u=Math.PI/180*fe(c.angle.value),f=Math.PI/180*fe(c.angle.offset),p={left:f-u/2,right:f+u/2};return c.straight||(l.angle+=si(Le(p.left,p.right))),c.random&&"number"==typeof c.speed&&(l.length*=tt()),l},this._checkOverlap=(a,l=0)=>{const c=this.options.collisions,u=this.getRadius();if(!c.enable)return!1;const f=c.overlap;if(f.enable)return!1;const p=f.retries;if(p>=0&&l>p)throw new Error(`${ur} particle is overlapping and can't be placed`);return!!this.container.particles.find(g=>Vi(a,g.position){if(!a||!this.roll||!this.backColor&&!this.roll.alter)return a;const c=this.roll.horizontal?Math.PI/2:0;return Math.floor(((this.roll.angle??0)+c)/(Math.PI/(this.roll.horizontal&&this.roll.vertical?2:1)))%2?this.backColor?this.backColor:this.roll.alter?function c$(n,t,e){return{h:n.h,s:n.s,l:n.l+("darken"===t?-1:1)*e}}(a,this.roll.alter.type,this.roll.alter.value):a:a},this._loadShapeData=(a,l)=>{const c=a.options[this.shape];if(c)return An({close:a.close,fill:a.fill},ys(c,this.id,l))},this._engine=t,this.init(e,s,r,o)}destroy(t){if(this.unbreakable||this.destroyed)return;this.destroyed=!0,this.bubble.inRange=!1,this.slow.inRange=!1;const e=this.container,i=this.pathGenerator;for(const[,s]of e.plugins)s.particleDestroyed&&s.particleDestroyed(this,t);for(const s of e.particles.updaters)s.particleDestroyed&&s.particleDestroyed(this,t);i&&i.reset(this)}draw(t){const e=this.container;for(const[,i]of e.plugins)e.canvas.drawParticlePlugin(i,this,t);e.canvas.drawParticle(this,t)}getFillColor(){return this._getRollColor(this.bubble.color??TA(this.color))}getMass(){return this.getRadius()**2*Math.PI/2}getPosition(){return{x:this.position.x+this.offset.x,y:this.position.y+this.offset.y,z:this.position.z}}getRadius(){return this.bubble.radius??this.size.value}getStrokeColor(){return this._getRollColor(this.bubble.color??TA(this.strokeColor))}init(t,e,i,s){const r=this.container,o=this._engine;this.id=t,this.group=s,this.fill=!0,this.pathRotation=!1,this.close=!0,this.lastPathTime=0,this.destroyed=!1,this.unbreakable=!1,this.rotation=0,this.misplaced=!1,this.retina={maxDistance:{}},this.outType="normal",this.ignoresResizeRatio=!0;const a=r.retina.pixelRatio,c=K1(this._engine,r,r.actualOptions.particles),u=c.shape.type,{reduceDuplicates:f}=c;this.shape=ys(u,this.id,f);const p=c.shape;if(i&&i.shape&&i.shape.type){const ee=ys(i.shape.type,this.id,f);ee&&(this.shape=ee,p.load(i.shape))}this.shapeData=this._loadShapeData(p,f),c.load(i);const g=this.shapeData;g&&c.load(g.particles);const v=new DA(o,r);v.load(r.actualOptions.interactivity),v.load(c.interactivity),this.interactivity=v,this.fill=g?.fill??c.shape.fill,this.close=g?.close??c.shape.close,this.options=c;const M=this.options.move.path;this.pathDelay=1e3*Mo(M.delay),M.generator&&(this.pathGenerator=this._engine.plugins.getPathGenerator(M.generator),this.pathGenerator&&r.addPath(M.generator,this.pathGenerator)&&this.pathGenerator.init(r));const S=fe(this.options.zIndex.value);r.retina.initParticle(this),this.size=yA(this.options.size,a),this.bubble={inRange:!1},this.slow={inRange:!1,factor:1},this.position=this._calcPosition(r,e,dr(S,0,r.zLayers)),this.initialPosition=this.position.copy();const L=r.canvas.size,E={...this.options.move.center},H="percent"===E.mode;switch(this.moveCenter={x:E.x*(H?L.width/100:1),y:E.y*(H?L.height/100:1),radius:this.options.move.center.radius??0,mode:this.options.move.center.mode??"percent"},this.direction=function zG(n,t,e){if("number"==typeof n)return n*Math.PI/180;switch(n){case"top":return-Math.PI/2;case"top-right":return-Math.PI/4;case"right":return 0;case"bottom-right":return Math.PI/4;case"bottom":return Math.PI/2;case"bottom-left":return 3*Math.PI/4;case"left":return Math.PI;case"top-left":return-3*Math.PI/4;case"inside":return Math.atan2(e.y-t.y,e.x-t.x);case"outside":return Math.atan2(t.y-e.y,t.x-e.x);default:return tt()*Math.PI*2}}(this.options.move.direction,this.position,this.moveCenter),this.options.move.direction){case"inside":this.outType="inside";break;case"outside":this.outType="outside"}this.initialVelocity=this._calculateVelocity(),this.velocity=this.initialVelocity.copy(),this.moveDecay=1-fe(this.options.move.decay),this.offset=Xt.origin;const B=r.particles;B.needsSort=B.needsSort||B.lastZIndex=-t&&i.y>=-t&&i.y<=e.height+t&&i.x<=e.width+t}isVisible(){return!this.destroyed&&!this.spawning&&this.isInsideCanvas()}reset(){for(const t of this.container.particles.updaters)t.reset&&t.reset(this)}}class sq{constructor(t,e){this.position=t,this.particle=e}}class AA{constructor(t,e){this.position={x:t,y:e}}}class es extends AA{constructor(t,e,i){super(t,e),this.radius=i}contains(t){return Vi(t,this.position)<=this.radius}intersects(t){const e=t,i=t,s=this.position,r=t.position,o_x=Math.abs(r.x-s.x),o_y=Math.abs(r.y-s.y),a=this.radius;if(void 0!==i.radius)return a+i.radius>Math.sqrt(o_x**2+o_y**2);if(void 0!==e.size){const l=e.size.width,c=e.size.height;return Math.pow(o_x-l,2)+Math.pow(o_y-c,2)<=a**2||o_x<=a+l&&o_y<=a+c||o_x<=l||o_y<=c}return!1}}class Hr extends AA{constructor(t,e,i,s){super(t,e),this.size={height:s,width:i}}contains(t){const s=this.position;return t.x>=s.x&&t.x<=s.x+this.size.width&&t.y>=s.y&&t.y<=s.y+this.size.height}intersects(t){t instanceof es&&t.intersects(this);const s=this.position,r=t.position,o=t instanceof Hr?t.size:{width:0,height:0};return r.xs.x&&r.ys.y}}class u_{constructor(t,e){this.rectangle=t,this.capacity=e,this._subdivide=()=>{const{x:i,y:s}=this.rectangle.position,{width:r,height:o}=this.rectangle.size,{capacity:a}=this;for(let l=0;l<4;l++)this._subs.push(new u_(new Hr(i+r/2*(l%2),s+o/2*(Math.round(l/2)-l%2),r/2,o/2),a));this._divided=!0},this._points=[],this._divided=!1,this._subs=[]}insert(t){return!!this.rectangle.contains(t.position)&&(this._points.lengthe.insert(t))))}query(t,e,i){const s=i||[];if(!t.intersects(this.rectangle))return[];for(const r of this._points)!t.contains(r.position)&&Vi(t.position,r.position)>r.particle.getRadius()&&(!e||e(r.particle))||s.push(r.particle);if(this._divided)for(const r of this._subs)r.query(t,e,s);return s}queryCircle(t,e,i){return this.query(new es(t.x,t.y,e),i)}queryRectangle(t,e,i){return this.query(new Hr(t.x,t.y,e.width,e.height),i)}}const RA=n=>new Hr(-n.width/4,-n.height/4,3*n.width/2,3*n.height/2);class rq{constructor(t,e){this._applyDensity=(s,r,o)=>{if(!s.number.density?.enable)return;const a=s.number,l=this._initDensityFactor(a.density),c=a.value,f=Math.min(c,a.limit>0?a.limit:c)*l+r,p=Math.min(this.count,this._array.filter(g=>g.group===o).length);this.limit=a.limit*l,pf&&this.removeQuantity(p-f,o)},this._initDensityFactor=s=>{const r=this._container;if(!r.canvas.element||!s.enable)return 1;const o=r.canvas.element;return o.width*o.height/(s.factor*r.retina.pixelRatio**2*s.area)},this._pushParticle=(s,r,o,a)=>{try{let l=this.pool.pop();l?l.init(this._nextId,s,r,o):l=new iq(this._engine,this._nextId,this._container,s,r,o);let c=!0;return a&&(c=a(l)),c?(this._array.push(l),this._zArray.push(l),this._nextId++,this._engine.dispatchEvent("particleAdded",{container:this._container,data:{particle:l}}),l):void 0}catch(l){return void console.warn(`${ur} adding particle: ${l}`)}},this._engine=t,this._container=e,this._nextId=0,this._array=[],this._zArray=[],this.pool=[],this.limit=0,this.needsSort=!1,this.lastZIndex=0,this._interactionManager=new nq(this._engine,this._container),this.quadTree=new u_(RA(this._container.canvas.size),4),this.movers=this._engine.plugins.getMovers(this._container,!0),this.updaters=this._engine.plugins.getUpdaters(this._container,!0)}get count(){return this._array.length}addManualParticles(){const t=this._container,e=t.actualOptions;for(const i of e.manualParticles)this.addParticle(i.position?"precise"===i.position.mode?i.position:(n={size:t.canvas.size,position:i.position}).position&&void 0!==n.position.x&&void 0!==n.position.y?{x:n.position.x*n.size.width/100,y:n.position.y*n.size.height/100}:void 0:void 0,i.options);var n}addParticle(t,e,i,s){const a=this._container.actualOptions.particles.number.limit;if(a>0){const l=this.count+1-a;l>0&&this.removeQuantity(l)}return this._pushParticle(t,e,i,s)}clear(){this._array=[],this._zArray=[]}destroy(){this._array=[],this._zArray=[],this.movers=[],this.updaters=[]}draw(t){var e=this;return oe(function*(){const i=e._container;e.quadTree=new u_(RA(e._container.canvas.size),4),i.canvas.clear(),yield e.update(t),e.needsSort&&(e._zArray.sort((r,o)=>o.position.z-r.position.z||r.id-o.id),e.lastZIndex=e._zArray[e._zArray.length-1].position.z,e.needsSort=!1);for(const[,r]of i.plugins)i.canvas.drawPlugin(r,t);for(const r of e._zArray)r.draw(t)})()}filter(t){return this._array.filter(t)}find(t){return this._array.find(t)}handleClickMode(t){this._interactionManager.handleClickMode(t)}init(){const t=this._container,e=t.actualOptions;this.lastZIndex=0,this.needsSort=!1;let i=!1;this.updaters=this._engine.plugins.getUpdaters(t,!0),this._interactionManager.init();for(const[,s]of t.plugins)if(void 0!==s.particlesInitialization&&(i=s.particlesInitialization()),i)break;this._interactionManager.init();for(const[,s]of t.pathGenerators)s.init(t);if(this.addManualParticles(),!i){for(const s in e.particles.groups){const r=e.particles.groups[s];for(let o=this.count,a=0;athis.count)return;let r=0;for(let o=t;r!s.has(r)),yield e._interactionManager.externalInteract(t);for(const r of e._array){for(const o of e.updaters)o.update(r,t);!r.destroyed&&!r.spawning&&(yield e._interactionManager.particlesInteract(r,t))}delete i.canvas.resizeFactor})()}}class oq{constructor(t){this.container=t}init(){const t=this.container,e=t.actualOptions;this.pixelRatio=!e.detectRetina||fa()?1:window.devicePixelRatio,this.reduceFactor=1;const i=this.pixelRatio;if(t.canvas.element){const r=t.canvas.element;t.canvas.size.width=r.offsetWidth*i,t.canvas.size.height=r.offsetHeight*i}const s=e.particles;this.attractDistance=fe(s.move.attract.distance)*i,this.sizeAnimationSpeed=fe(s.size.animation.speed)*i,this.maxSpeed=fe(s.move.gravity.maxSpeed)*i}initParticle(t){const e=t.options,i=this.pixelRatio,s=e.move.distance,r=t.retina;r.attractDistance=fe(e.move.attract.distance)*i,r.moveDrift=fe(e.move.drift)*i,r.moveSpeed=fe(e.move.speed)*i,r.sizeAnimationSpeed=fe(e.size.animation.speed)*i;const o=r.maxDistance;o.horizontal=void 0!==s.horizontal?s.horizontal*i:void 0,o.vertical=void 0!==s.vertical?s.vertical*i:void 0,r.maxSpeed=fe(e.move.gravity.maxSpeed)*i}}function mn(n){return n&&!n.destroyed}function Uc(n,t,...e){const i=new tq(n,t);return LA(i,...e),i}const FA={generate:n=>n.velocity,init:()=>{},update:()=>{},reset:()=>{}};class lq{constructor(t,e,i){this.id=e,this._intersectionManager=s=>{if(mn(this)&&this.actualOptions.pauseOnOutsideViewport)for(const r of s)r.target===this.interactivity.element&&(r.isIntersecting?this.play:this.pause)()},this._engine=t,this.fpsLimit=120,this.smooth=!1,this._delay=0,this._duration=0,this._lifeTime=0,this._firstStart=!0,this.started=!1,this.destroyed=!1,this._paused=!0,this.lastFrameTime=0,this.zLayers=100,this.pageHidden=!1,this._sourceOptions=i,this._initialSourceOptions=i,this.retina=new oq(this),this.canvas=new d$(this),this.particles=new rq(this._engine,this),this.frameManager=new p$(this),this.pathGenerators=new Map,this.interactivity={mouse:{clicking:!1,inside:!1}},this.plugins=new Map,this.drawers=new Map,this._options=Uc(this._engine,this),this.actualOptions=Uc(this._engine,this),this._eventListeners=new h$(this),typeof IntersectionObserver<"u"&&IntersectionObserver&&(this._intersectionObserver=new IntersectionObserver(s=>this._intersectionManager(s))),this._engine.dispatchEvent("containerBuilt",{container:this})}get options(){return this._options}get sourceOptions(){return this._sourceOptions}addClickHandler(t){if(!mn(this))return;const e=this.interactivity.element;if(!e)return;const i=(f,p,g)=>{if(!mn(this))return;const v=this.retina.pixelRatio,S=this.particles.quadTree.queryCircle({x:p.x*v,y:p.y*v},g*v);t(f,S)};let c=!1,u=!1;e.addEventListener("click",f=>{mn(this)&&i(f,{x:f.offsetX||f.clientX,y:f.offsetY||f.clientY},1)}),e.addEventListener("touchstart",()=>{mn(this)&&(c=!0,u=!1)}),e.addEventListener("touchmove",()=>{mn(this)&&(u=!0)}),e.addEventListener("touchend",f=>{if(mn(this)){if(c&&!u){let g=f.touches[f.touches.length-1];if(!g&&(g=f.changedTouches[f.changedTouches.length-1],!g))return;const v=this.canvas.element,M=v?v.getBoundingClientRect():void 0;i(f,{x:g.clientX-(M?M.left:0),y:g.clientY-(M?M.top:0)},Math.max(g.radiusX,g.radiusY))}c=!1,u=!1}}),e.addEventListener("touchcancel",()=>{mn(this)&&(c=!1,u=!1)})}addLifeTime(t){this._lifeTime+=t}addPath(t,e,i=!1){return!(!mn(this)||!i&&this.pathGenerators.has(t)||(this.pathGenerators.set(t,e??FA),0))}alive(){return!this._duration||this._lifeTime<=this._duration}destroy(){if(!mn(this))return;this.stop(),this.particles.destroy(),this.canvas.destroy();for(const[,i]of this.drawers)i.destroy&&i.destroy(this);for(const i of this.drawers.keys())this.drawers.delete(i);this._engine.plugins.destroy(this),this.destroyed=!0;const t=this._engine.dom(),e=t.findIndex(i=>i===this);e>=0&&t.splice(e,1),this._engine.dispatchEvent("containerDestroyed",{container:this})}draw(t){var e=this;if(!mn(this))return;let i=t;this._drawAnimationFrame=function $G(){return fa()?n=>setTimeout(n):n=>(requestAnimationFrame||setTimeout)(n)}()(function(){var s=oe(function*(r){i&&(e.lastFrameTime=void 0,i=!1),yield e.frameManager.nextFrame(r)});return function(r){return s.apply(this,arguments)}}())}exportConfiguration(){return JSON.stringify(this.actualOptions,(t,e)=>{if(!t.startsWith("_"))return e},2)}exportImage(t,e,i){const s=this.canvas.element;s&&s.toBlob(t,e??"image/png",i)}exportImg(t){this.exportImage(t)}getAnimationStatus(){return!this._paused&&!this.pageHidden&&mn(this)}handleClickMode(t){if(mn(this)){this.particles.handleClickMode(t);for(const[,e]of this.plugins)e.handleClickMode&&e.handleClickMode(t)}}init(){var t=this;return oe(function*(){if(!mn(t))return;const e=t._engine.plugins.getSupportedShapes();for(const s of e){const r=t._engine.plugins.getShapeDrawer(s);r&&t.drawers.set(s,r)}t._options=Uc(t._engine,t,t._initialSourceOptions,t.sourceOptions),t.actualOptions=Uc(t._engine,t,t._options);const i=t._engine.plugins.getAvailablePlugins(t);for(const[s,r]of i)t.plugins.set(s,r);t.retina.init(),yield t.canvas.init(),t.updateActualOptions(),t.canvas.initBackground(),t.canvas.resize(),t.zLayers=t.actualOptions.zLayers,t._duration=1e3*fe(t.actualOptions.duration),t._delay=1e3*fe(t.actualOptions.delay),t._lifeTime=0,t.fpsLimit=t.actualOptions.fpsLimit>0?t.actualOptions.fpsLimit:120,t.smooth=t.actualOptions.smooth;for(const[,s]of t.drawers)s.init&&(yield s.init(t));for(const[,s]of t.plugins)s.init&&(yield s.init());t._engine.dispatchEvent("containerInit",{container:t}),t.particles.init(),t.particles.setDensity();for(const[,s]of t.plugins)s.particlesSetup&&s.particlesSetup();t._engine.dispatchEvent("particlesSetup",{container:t})})()}loadTheme(t){var e=this;return oe(function*(){mn(e)&&(e._currentTheme=t,yield e.refresh())})()}pause(){if(mn(this)&&(void 0!==this._drawAnimationFrame&&(function qG(){return fa()?n=>clearTimeout(n):n=>(cancelAnimationFrame||clearTimeout)(n)}()(this._drawAnimationFrame),delete this._drawAnimationFrame),!this._paused)){for(const[,t]of this.plugins)t.pause&&t.pause();this.pageHidden||(this._paused=!0),this._engine.dispatchEvent("containerPaused",{container:this})}}play(t){if(!mn(this))return;const e=this._paused||t;if(!this._firstStart||this.actualOptions.autoPlay){if(this._paused&&(this._paused=!1),e)for(const[,i]of this.plugins)i.play&&i.play();this._engine.dispatchEvent("containerPlay",{container:this}),this.draw(e||!1)}else this._firstStart=!1}refresh(){var t=this;return oe(function*(){if(mn(t))return t.stop(),t.start()})()}reset(){var t=this;return oe(function*(){if(mn(t))return t._initialSourceOptions=void 0,t._options=Uc(t._engine,t),t.actualOptions=Uc(t._engine,t,t._options),t.refresh()})()}setNoise(t,e,i){mn(this)&&this.setPath(t,e,i)}setPath(t,e,i){if(!t||!mn(this))return;const s={...FA};if("function"==typeof t)s.generate=t,e&&(s.init=e),i&&(s.update=i);else{const r=s;s.generate=t.generate||r.generate,s.init=t.init||r.init,s.update=t.update||r.update}this.addPath("default",s,!0)}start(){var t=this;return oe(function*(){!mn(t)||t.started||(yield t.init(),t.started=!0,yield new Promise(e=>{t._delayTimeout=setTimeout(oe(function*(){t._eventListeners.addListeners(),t.interactivity.element instanceof HTMLElement&&t._intersectionObserver&&t._intersectionObserver.observe(t.interactivity.element);for(const[,i]of t.plugins)i.start&&(yield i.start());t._engine.dispatchEvent("containerStarted",{container:t}),t.play(),e()}),t._delay)}))})()}stop(){if(mn(this)&&this.started){this._delayTimeout&&(clearTimeout(this._delayTimeout),delete this._delayTimeout),this._firstStart=!0,this.started=!1,this._eventListeners.removeListeners(),this.pause(),this.particles.clear(),this.canvas.stop(),this.interactivity.element instanceof HTMLElement&&this._intersectionObserver&&this._intersectionObserver.unobserve(this.interactivity.element);for(const[,t]of this.plugins)t.stop&&t.stop();for(const t of this.plugins.keys())this.plugins.delete(t);this._sourceOptions=this._options,this._engine.dispatchEvent("containerStopped",{container:this})}}updateActualOptions(){this.actualOptions.responsive=[];const t=this.actualOptions.setResponsive(this.canvas.size.width,this.retina.pixelRatio,this._options);return this.actualOptions.setTheme(this._currentTheme),this.responsiveMaxWidth!==t&&(this.responsiveMaxWidth=t,!0)}}function X1(){return(X1=oe(function*(n,t){const e=ys(n,t);if(!e)return;const i=yield fetch(e);if(i.ok)return i.json();console.error(`${ur} ${i.status} while retrieving config file`)})).apply(this,arguments)}class uq{constructor(t){this._engine=t}load(t,e,i){const s={index:i,remote:!1};return"string"==typeof t?s.tagId=t:s.options=t,"number"==typeof e?s.index=e:s.options=e??s.options,this.loadOptions(s)}loadJSON(t,e,i){var s=this;return oe(function*(){let r,o;return"number"==typeof e||void 0===e?r=t:(o=t,r=e),s.loadRemoteOptions({tagId:o,url:r,index:i,remote:!0})})()}loadOptions(t){var e=this;return oe(function*(){const i=t.tagId??`tsparticles${Math.floor(1e4*tt())}`,{index:s,url:r,remote:o}=t,a=o?yield function cq(n,t){return X1.apply(this,arguments)}(r,s):t.options;let l=t.element??document.getElementById(i);l||(l=document.createElement("div"),l.id=i,document.body.append(l));const c=ys(a,s),u=e._engine.dom(),f=u.findIndex(v=>v.id===i);if(f>=0){const v=e._engine.domItem(f);v&&!v.destroyed&&(v.destroy(),u.splice(f,1))}let p;if("canvas"===l.tagName.toLowerCase())p=l,p.dataset[yh]="false";else{const v=l.getElementsByTagName("canvas");v.length?(p=v[0],p.dataset[yh]="false"):(p=document.createElement("canvas"),p.dataset[yh]="true",l.appendChild(p))}p.style.width||(p.style.width="100%"),p.style.height||(p.style.height="100%");const g=new lq(e._engine,i,c);return f>=0?u.splice(f,0,g):u.push(g),g.canvas.loadCanvas(p),yield g.start(),g})()}loadRemoteOptions(t){var e=this;return oe(function*(){return e.loadOptions(t)})()}set(t,e,i,s){var r=this;return oe(function*(){const o={index:s,remote:!1};return"string"==typeof t?o.tagId=t:o.element=t,e instanceof HTMLElement?o.element=e:o.options=e,"number"==typeof i?o.index=i:o.options=i??o.options,r.loadOptions(o)})()}setJSON(t,e,i,s){var r=this;return oe(function*(){let o,a,l,c;return t instanceof HTMLElement?(c=t,o=e,l=i):(a=t,c=e,o=i,l=s),r.loadRemoteOptions({tagId:a,url:o,index:l,element:c,remote:!0})})()}}function J1(n,t,e,i=!1){let s=t.get(n);return(!s||i)&&(s=[...e.values()].map(r=>r(n)),t.set(n,s)),s}class dq{constructor(t){this._engine=t,this.plugins=[],this._initializers={interactors:new Map,movers:new Map,updaters:new Map},this.interactors=new Map,this.movers=new Map,this.updaters=new Map,this.presets=new Map,this.drawers=new Map,this.pathGenerators=new Map}addInteractor(t,e){this._initializers.interactors.set(t,e)}addParticleMover(t,e){this._initializers.movers.set(t,e)}addParticleUpdater(t,e){this._initializers.updaters.set(t,e)}addPathGenerator(t,e){this.getPathGenerator(t)||this.pathGenerators.set(t,e)}addPlugin(t){this.getPlugin(t.id)||this.plugins.push(t)}addPreset(t,e,i=!1){(i||!this.getPreset(t))&&this.presets.set(t,e)}addShapeDrawer(t,e){rn(t,i=>{this.getShapeDrawer(i)||this.drawers.set(i,e)})}destroy(t){this.updaters.delete(t),this.movers.delete(t),this.interactors.delete(t)}getAvailablePlugins(t){const e=new Map;for(const i of this.plugins)i.needsPlugin(t.actualOptions)&&e.set(i.id,i.getPlugin(t));return e}getInteractors(t,e=!1){return J1(t,this.interactors,this._initializers.interactors,e)}getMovers(t,e=!1){return J1(t,this.movers,this._initializers.movers,e)}getPathGenerator(t){return this.pathGenerators.get(t)}getPlugin(t){return this.plugins.find(e=>e.id===t)}getPreset(t){return this.presets.get(t)}getShapeDrawer(t){return this.drawers.get(t)}getSupportedShapes(){return this.drawers.keys()}getUpdaters(t,e=!1){return J1(t,this.updaters,this._initializers.updaters,e)}loadOptions(t,e){for(const i of this.plugins)i.loadOptions(t,e)}loadParticlesOptions(t,e,...i){const s=this.updaters.get(t);if(s)for(const r of s)r.loadOptions&&r.loadOptions(e,...i)}}class hr{constructor(t){this.container=t,this.type="external"}}class Z1{constructor(t){this.container=t,this.type="particles"}}const mq=new class pq{constructor(){this.key="rgb",this.stringPrefix="rgb"}handleColor(t){const i=t.value.rgb??t.value;if(void 0!==i.r)return i}handleRangeColor(t){const i=t.value.rgb??t.value;if(void 0!==i.r)return{r:fe(i.r),g:fe(i.g),b:fe(i.b)}}parseString(t){if(!t.startsWith(this.stringPrefix))return;const i=/rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(,\s*([\d.%]+)\s*)?\)/i.exec(t);return i?{a:i.length>4?dA(i[5]):1,b:parseInt(i[3],10),g:parseInt(i[2],10),r:parseInt(i[1],10)}:void 0}},_q=new class fq{constructor(){this.key="hsl",this.stringPrefix="hsl"}handleColor(t){const i=t.value.hsl??t.value;if(void 0!==i.h&&void 0!==i.s&&void 0!==i.l)return zc(i)}handleRangeColor(t){const i=t.value.hsl??t.value;if(void 0!==i.h&&void 0!==i.l)return zc({h:fe(i.h),l:fe(i.l),s:fe(i.s)})}parseString(t){if(!t.startsWith("hsl"))return;const i=/hsla?\(\s*(\d+)\s*,\s*(\d+)%\s*,\s*(\d+)%\s*(,\s*([\d.%]+)\s*)?\)/i.exec(t);return i?function e$(n){const t=zc(n);return{a:n.a,b:t.b,g:t.g,r:t.r}}({a:i.length>4?dA(i[5]):1,h:parseInt(i[1],10),l:parseInt(i[3],10),s:parseInt(i[2],10)}):void 0}};vA(mq),vA(_q);const Gc=new class hq{constructor(){this._configs=new Map,this._domArray=[],this._eventDispatcher=new AG,this._initialized=!1,this._loader=new uq(this),this.plugins=new dq(this)}get configs(){const t={};for(const[e,i]of this._configs)t[e]=i;return t}get version(){return"2.10.1"}addConfig(t,e){"string"==typeof t?e&&(e.name=t,this._configs.set(t,e)):this._configs.set(t.name??"default",t)}addEventListener(t,e){this._eventDispatcher.addEventListener(t,e)}addInteractor(t,e){var i=this;return oe(function*(){i.plugins.addInteractor(t,e),yield i.refresh()})()}addMover(t,e){var i=this;return oe(function*(){i.plugins.addParticleMover(t,e),yield i.refresh()})()}addParticleUpdater(t,e){var i=this;return oe(function*(){i.plugins.addParticleUpdater(t,e),yield i.refresh()})()}addPathGenerator(t,e){var i=this;return oe(function*(){i.plugins.addPathGenerator(t,e),yield i.refresh()})()}addPlugin(t){var e=this;return oe(function*(){e.plugins.addPlugin(t),yield e.refresh()})()}addPreset(t,e,i=!1){var s=this;return oe(function*(){s.plugins.addPreset(t,e,i),yield s.refresh()})()}addShape(t,e,i,s,r){var o=this;return oe(function*(){let a;a="function"==typeof e?{afterEffect:s,destroy:r,draw:e,init:i}:e,o.plugins.addShapeDrawer(t,a),yield o.refresh()})()}dispatchEvent(t,e){this._eventDispatcher.dispatchEvent(t,e)}dom(){return this._domArray}domItem(t){const e=this.dom(),i=e[t];if(i&&!i.destroyed)return i;e.splice(t,1)}init(){this._initialized||(this._initialized=!0)}load(t,e){var i=this;return oe(function*(){return i._loader.load(t,e)})()}loadFromArray(t,e,i){var s=this;return oe(function*(){return s._loader.load(t,e,i)})()}loadJSON(t,e,i){var s=this;return oe(function*(){return s._loader.loadJSON(t,e,i)})()}refresh(){var t=this;return oe(function*(){t.dom().forEach(e=>e.refresh())})()}removeEventListener(t,e){this._eventDispatcher.removeEventListener(t,e)}set(t,e,i){var s=this;return oe(function*(){return s._loader.set(t,e,i)})()}setJSON(t,e,i,s){var r=this;return oe(function*(){return r._loader.setJSON(t,e,i,s)})()}setOnClickHandler(t){const e=this.dom();if(!e.length)throw new Error(`${ur} can only set click handlers after calling tsParticles.load() or tsParticles.loadJSON()`);for(const i of e)i.addClickHandler(t)}};Gc.init(),fa()||(window.tsParticles=Gc);let gq=(()=>{class n{constructor(e){h(this,"platformId",void 0),h(this,"options",void 0),h(this,"url",void 0),h(this,"id",void 0),h(this,"particlesInit",void 0),h(this,"particlesLoaded",new ce),h(this,"destroy$",new Dt),h(this,"container",void 0),this.platformId=e,this.id="tsparticles"}ngAfterViewInit(){tb(this.platformId)||dn(this.particlesInit?this.particlesInit(Gc):Promise.resolve()).pipe(Lt(()=>this.url?Gc.loadJSON(this.id,this.url):this.options?Gc.load(this.id,this.options):(console.error("You must specify options or url to load tsParticles"),un)),function PG(n){return kn((t,e)=>{he(n).subscribe(Jt(e,()=>e.complete(),He)),!e.closed&&t.subscribe(e)})}(this.destroy$)).subscribe(i=>{this.container=i,this.particlesLoaded.emit(i)})}ngOnDestroy(){this.container?.destroy(),this.destroy$.next()}}return h(n,"\u0275fac",function(e){return new(e||n)(W(Ri))}),h(n,"\u0275cmp",Ne({type:n,selectors:[["ng-particles"]],inputs:{options:"options",url:"url",id:"id",particlesInit:"particlesInit"},outputs:{particlesLoaded:"particlesLoaded"},decls:1,vars:1,consts:[[3,"id"]],template:function(e,i){1&e&&se(0,"div",0),2&e&&x("id",i.id)},encapsulation:2})),n})(),yq=(()=>{class n{}return h(n,"\u0275fac",function(e){return new(e||n)}),h(n,"\u0275mod",pt({type:n})),h(n,"\u0275inj",ht({})),n})();class _e{static equals(t,e,i){return i?this.resolveFieldData(t,i)===this.resolveFieldData(e,i):this.equalsByValue(t,e)}static equalsByValue(t,e){if(t===e)return!0;if(t&&e&&"object"==typeof t&&"object"==typeof e){var r,o,a,i=Array.isArray(t),s=Array.isArray(e);if(i&&s){if((o=t.length)!=e.length)return!1;for(r=o;0!=r--;)if(!this.equalsByValue(t[r],e[r]))return!1;return!0}if(i!=s)return!1;var l=this.isDate(t),c=this.isDate(e);if(l!=c)return!1;if(l&&c)return t.getTime()==e.getTime();var u=t instanceof RegExp,f=e instanceof RegExp;if(u!=f)return!1;if(u&&f)return t.toString()==e.toString();var p=Object.keys(t);if((o=p.length)!==Object.keys(e).length)return!1;for(r=o;0!=r--;)if(!Object.prototype.hasOwnProperty.call(e,p[r]))return!1;for(r=o;0!=r--;)if(!this.equalsByValue(t[a=p[r]],e[a]))return!1;return!0}return t!=t&&e!=e}static resolveFieldData(t,e){if(t&&e){if(this.isFunction(e))return e(t);if(-1==e.indexOf("."))return t[e];{let i=e.split("."),s=t;for(let r=0,o=i.length;r=t.length&&(i%=t.length,e%=t.length),t.splice(i,0,t.splice(e,1)[0]))}static insertIntoOrderedArray(t,e,i,s){if(i.length>0){let r=!1;for(let o=0;oe){i.splice(o,0,t),r=!0;break}r||i.push(t)}else i.push(t)}static findIndexInList(t,e){let i=-1;if(e)for(let s=0;s-1&&(t=t.replace(/[\xC0-\xC5]/g,"A").replace(/[\xC6]/g,"AE").replace(/[\xC7]/g,"C").replace(/[\xC8-\xCB]/g,"E").replace(/[\xCC-\xCF]/g,"I").replace(/[\xD0]/g,"D").replace(/[\xD1]/g,"N").replace(/[\xD2-\xD6\xD8]/g,"O").replace(/[\xD9-\xDC]/g,"U").replace(/[\xDD]/g,"Y").replace(/[\xDE]/g,"P").replace(/[\xE0-\xE5]/g,"a").replace(/[\xE6]/g,"ae").replace(/[\xE7]/g,"c").replace(/[\xE8-\xEB]/g,"e").replace(/[\xEC-\xEF]/g,"i").replace(/[\xF1]/g,"n").replace(/[\xF2-\xF6\xF8]/g,"o").replace(/[\xF9-\xFC]/g,"u").replace(/[\xFE]/g,"p").replace(/[\xFD\xFF]/g,"y")),t}static isDate(t){return"[object Date]"===Object.prototype.toString.call(t)}static isEmpty(t){return null==t||""===t||Array.isArray(t)&&0===t.length||!this.isDate(t)&&"object"==typeof t&&0===Object.keys(t).length}static isNotEmpty(t){return!this.isEmpty(t)}static compare(t,e,i,s=1){let r=-1;const o=this.isEmpty(t),a=this.isEmpty(e);return r=o&&a?0:o?s:a?-s:"string"==typeof t&&"string"==typeof e?t.localeCompare(e,i,{numeric:!0}):te?1:0,r}static sort(t,e,i=1,s,r=1){return(1===r?i:r)*_e.compare(t,e,s,i)}static merge(t,e){if(null!=t||null!=e)return null!=t&&"object"!=typeof t||null!=e&&"object"!=typeof e?null!=t&&"string"!=typeof t||null!=e&&"string"!=typeof e?e||t:[t||"",e||""].join(" "):{...t||{},...e||{}}}}var NA=0;function Bs(){return"pr_id_"+ ++NA}var Yr=function vq(){let n=[];const s=r=>r&&parseInt(r.style.zIndex,10)||0;return{get:s,set:(r,o,a)=>{o&&(o.style.zIndex=String(((r,o)=>{let a=n.length>0?n[n.length-1]:{key:r,value:o},l=a.value+(a.key===r?0:o)+1;return n.push({key:r,value:l}),l})(r,a)))},clear:r=>{r&&((r=>{n=n.filter(o=>o.value!==r)})(s(r)),r.style.zIndex="")},getCurrent:()=>n.length>0?n[n.length-1].value:0}}();let bq=(()=>{class n{constructor(){h(this,"requireConfirmationSource",new Dt),h(this,"acceptConfirmationSource",new Dt),h(this,"requireConfirmation$",this.requireConfirmationSource.asObservable()),h(this,"accept",this.acceptConfirmationSource.asObservable())}confirm(e){return this.requireConfirmationSource.next(e),this}close(){return this.requireConfirmationSource.next(null),this}onAccept(){this.acceptConfirmationSource.next(null)}}return h(n,"\u0275fac",function(e){return new(e||n)}),h(n,"\u0275prov",me({token:n,factory:n.\u0275fac})),n})(),li=(()=>{class n{}return h(n,"STARTS_WITH","startsWith"),h(n,"CONTAINS","contains"),h(n,"NOT_CONTAINS","notContains"),h(n,"ENDS_WITH","endsWith"),h(n,"EQUALS","equals"),h(n,"NOT_EQUALS","notEquals"),h(n,"IN","in"),h(n,"LESS_THAN","lt"),h(n,"LESS_THAN_OR_EQUAL_TO","lte"),h(n,"GREATER_THAN","gt"),h(n,"GREATER_THAN_OR_EQUAL_TO","gte"),h(n,"BETWEEN","between"),h(n,"IS","is"),h(n,"IS_NOT","isNot"),h(n,"BEFORE","before"),h(n,"AFTER","after"),h(n,"DATE_IS","dateIs"),h(n,"DATE_IS_NOT","dateIsNot"),h(n,"DATE_BEFORE","dateBefore"),h(n,"DATE_AFTER","dateAfter"),n})(),HA=(()=>{class n{}return h(n,"AND","and"),h(n,"OR","or"),n})(),YA=(()=>{class n{constructor(){h(this,"filters",{startsWith:(e,i,s)=>{if(null==i||""===i.trim())return!0;if(null==e)return!1;let r=_e.removeAccents(i.toString()).toLocaleLowerCase(s);return _e.removeAccents(e.toString()).toLocaleLowerCase(s).slice(0,r.length)===r},contains:(e,i,s)=>{if(null==i||"string"==typeof i&&""===i.trim())return!0;if(null==e)return!1;let r=_e.removeAccents(i.toString()).toLocaleLowerCase(s);return-1!==_e.removeAccents(e.toString()).toLocaleLowerCase(s).indexOf(r)},notContains:(e,i,s)=>{if(null==i||"string"==typeof i&&""===i.trim())return!0;if(null==e)return!1;let r=_e.removeAccents(i.toString()).toLocaleLowerCase(s);return-1===_e.removeAccents(e.toString()).toLocaleLowerCase(s).indexOf(r)},endsWith:(e,i,s)=>{if(null==i||""===i.trim())return!0;if(null==e)return!1;let r=_e.removeAccents(i.toString()).toLocaleLowerCase(s),o=_e.removeAccents(e.toString()).toLocaleLowerCase(s);return-1!==o.indexOf(r,o.length-r.length)},equals:(e,i,s)=>null==i||"string"==typeof i&&""===i.trim()||null!=e&&(e.getTime&&i.getTime?e.getTime()===i.getTime():_e.removeAccents(e.toString()).toLocaleLowerCase(s)==_e.removeAccents(i.toString()).toLocaleLowerCase(s)),notEquals:(e,i,s)=>!(null==i||"string"==typeof i&&""===i.trim()||null!=e&&(e.getTime&&i.getTime?e.getTime()===i.getTime():_e.removeAccents(e.toString()).toLocaleLowerCase(s)==_e.removeAccents(i.toString()).toLocaleLowerCase(s))),in:(e,i)=>{if(null==i||0===i.length)return!0;for(let s=0;snull==i||null==i[0]||null==i[1]||null!=e&&(e.getTime?i[0].getTime()<=e.getTime()&&e.getTime()<=i[1].getTime():i[0]<=e&&e<=i[1]),lt:(e,i,s)=>null==i||null!=e&&(e.getTime&&i.getTime?e.getTime()null==i||null!=e&&(e.getTime&&i.getTime?e.getTime()<=i.getTime():e<=i),gt:(e,i,s)=>null==i||null!=e&&(e.getTime&&i.getTime?e.getTime()>i.getTime():e>i),gte:(e,i,s)=>null==i||null!=e&&(e.getTime&&i.getTime?e.getTime()>=i.getTime():e>=i),is:(e,i,s)=>this.filters.equals(e,i,s),isNot:(e,i,s)=>this.filters.notEquals(e,i,s),before:(e,i,s)=>this.filters.lt(e,i,s),after:(e,i,s)=>this.filters.gt(e,i,s),dateIs:(e,i)=>null==i||null!=e&&e.toDateString()===i.toDateString(),dateIsNot:(e,i)=>null==i||null!=e&&e.toDateString()!==i.toDateString(),dateBefore:(e,i)=>null==i||null!=e&&e.getTime()null==i||null!=e&&e.getTime()>i.getTime()})}filter(e,i,s,r,o){let a=[];if(e)for(let l of e)for(let c of i){let u=_e.resolveFieldData(l,c);if(this.filters[r](u,s,o)){a.push(l);break}}return a}register(e,i){this.filters[e]=i}}return h(n,"\u0275fac",function(e){return new(e||n)}),h(n,"\u0275prov",me({token:n,factory:n.\u0275fac,providedIn:"root"})),n})(),wq=(()=>{class n{constructor(){h(this,"messageSource",new Dt),h(this,"clearSource",new Dt),h(this,"messageObserver",this.messageSource.asObservable()),h(this,"clearObserver",this.clearSource.asObservable())}add(e){e&&this.messageSource.next(e)}addAll(e){e&&e.length&&this.messageSource.next(e)}clear(e){this.clearSource.next(e||null)}}return h(n,"\u0275fac",function(e){return new(e||n)}),h(n,"\u0275prov",me({token:n,factory:n.\u0275fac})),n})(),Q1=(()=>{class n{constructor(){h(this,"clickSource",new Dt),h(this,"clickObservable",this.clickSource.asObservable())}add(e){e&&this.clickSource.next(e)}}return h(n,"\u0275fac",function(e){return new(e||n)}),h(n,"\u0275prov",me({token:n,factory:n.\u0275fac,providedIn:"root"})),n})(),Th=(()=>{class n{constructor(){h(this,"ripple",!1),h(this,"overlayOptions",{}),h(this,"filterMatchModeOptions",{text:[li.STARTS_WITH,li.CONTAINS,li.NOT_CONTAINS,li.ENDS_WITH,li.EQUALS,li.NOT_EQUALS],numeric:[li.EQUALS,li.NOT_EQUALS,li.LESS_THAN,li.LESS_THAN_OR_EQUAL_TO,li.GREATER_THAN,li.GREATER_THAN_OR_EQUAL_TO],date:[li.DATE_IS,li.DATE_IS_NOT,li.DATE_BEFORE,li.DATE_AFTER]}),h(this,"translation",{startsWith:"Starts with",contains:"Contains",notContains:"Not contains",endsWith:"Ends with",equals:"Equals",notEquals:"Not equals",noFilter:"No Filter",lt:"Less than",lte:"Less than or equal to",gt:"Greater than",gte:"Greater than or equal to",is:"Is",isNot:"Is not",before:"Before",after:"After",dateIs:"Date is",dateIsNot:"Date is not",dateBefore:"Date is before",dateAfter:"Date is after",clear:"Clear",apply:"Apply",matchAll:"Match All",matchAny:"Match Any",addRule:"Add Rule",removeRule:"Remove Rule",accept:"Yes",reject:"No",choose:"Choose",upload:"Upload",cancel:"Cancel",dayNames:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],dayNamesShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],dayNamesMin:["Su","Mo","Tu","We","Th","Fr","Sa"],monthNames:["January","February","March","April","May","June","July","August","September","October","November","December"],monthNamesShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],dateFormat:"mm/dd/yy",firstDayOfWeek:0,today:"Today",weekHeader:"Wk",weak:"Weak",medium:"Medium",strong:"Strong",passwordPrompt:"Enter a password",emptyMessage:"No results found",emptyFilterMessage:"No results found"}),h(this,"zIndex",{modal:1100,overlay:1e3,menu:1e3,tooltip:1100}),h(this,"translationSource",new Dt),h(this,"translationObserver",this.translationSource.asObservable())}getTranslation(e){return this.translation[e]}setTranslation(e){this.translation={...this.translation,...e},this.translationSource.next(this.translation)}}return h(n,"\u0275fac",function(e){return new(e||n)}),h(n,"\u0275prov",me({token:n,factory:n.\u0275fac,providedIn:"root"})),n})(),ts=(()=>{class n{constructor(e){h(this,"template",void 0),h(this,"type",void 0),h(this,"name",void 0),this.template=e}getType(){return this.name}}return h(n,"\u0275fac",function(e){return new(e||n)(W(Ir))}),h(n,"\u0275dir",Ae({type:n,selectors:[["","pTemplate",""]],inputs:{type:"type",name:["pTemplate","name"]}})),n})(),On=(()=>{class n{}return h(n,"\u0275fac",function(e){return new(e||n)}),h(n,"\u0275mod",pt({type:n})),h(n,"\u0275inj",ht({imports:[Mn]})),n})(),zs=(()=>{class n{}return h(n,"STARTS_WITH","startsWith"),h(n,"CONTAINS","contains"),h(n,"NOT_CONTAINS","notContains"),h(n,"ENDS_WITH","endsWith"),h(n,"EQUALS","equals"),h(n,"NOT_EQUALS","notEquals"),h(n,"NO_FILTER","noFilter"),h(n,"LT","lt"),h(n,"LTE","lte"),h(n,"GT","gt"),h(n,"GTE","gte"),h(n,"IS","is"),h(n,"IS_NOT","isNot"),h(n,"BEFORE","before"),h(n,"AFTER","after"),h(n,"CLEAR","clear"),h(n,"APPLY","apply"),h(n,"MATCH_ALL","matchAll"),h(n,"MATCH_ANY","matchAny"),h(n,"ADD_RULE","addRule"),h(n,"REMOVE_RULE","removeRule"),h(n,"ACCEPT","accept"),h(n,"REJECT","reject"),h(n,"CHOOSE","choose"),h(n,"UPLOAD","upload"),h(n,"CANCEL","cancel"),h(n,"DAY_NAMES","dayNames"),h(n,"DAY_NAMES_SHORT","dayNamesShort"),h(n,"DAY_NAMES_MIN","dayNamesMin"),h(n,"MONTH_NAMES","monthNames"),h(n,"MONTH_NAMES_SHORT","monthNamesShort"),h(n,"FIRST_DAY_OF_WEEK","firstDayOfWeek"),h(n,"TODAY","today"),h(n,"WEEK_HEADER","weekHeader"),h(n,"WEAK","weak"),h(n,"MEDIUM","medium"),h(n,"STRONG","strong"),h(n,"PASSWORD_PROMPT","passwordPrompt"),h(n,"EMPTY_MESSAGE","emptyMessage"),h(n,"EMPTY_FILTER_MESSAGE","emptyFilterMessage"),n})(),G=(()=>{class n{static addClass(e,i){e&&i&&(e.classList?e.classList.add(i):e.className+=" "+i)}static addMultipleClasses(e,i){if(e&&i)if(e.classList){let s=i.trim().split(" ");for(let r=0;r{if(M)return"relative"===getComputedStyle(M).getPropertyValue("position")?M:s(M.parentElement)},r=e.offsetParent?{width:e.offsetWidth,height:e.offsetHeight}:this.getHiddenElementDimensions(e),o=i.offsetHeight,a=i.getBoundingClientRect(),l=this.getWindowScrollTop(),c=this.getWindowScrollLeft(),u=this.getViewport(),p=s(e)?.getBoundingClientRect()||{top:-1*l,left:-1*c};let g,v;a.top+o+r.height>u.height?(g=a.top-p.top-r.height,e.style.transformOrigin="bottom",a.top+g<0&&(g=-1*a.top)):(g=o+a.top-p.top,e.style.transformOrigin="top"),v=r.width>u.width?-1*(a.left-p.left):a.left-p.left+r.width>u.width?-1*(a.left-p.left+r.width-u.width):a.left-p.left,e.style.top=g+"px",e.style.left=v+"px"}static absolutePosition(e,i){const s=e.offsetParent?{width:e.offsetWidth,height:e.offsetHeight}:this.getHiddenElementDimensions(e),r=s.height,o=s.width,a=i.offsetHeight,l=i.offsetWidth,c=i.getBoundingClientRect(),u=this.getWindowScrollTop(),f=this.getWindowScrollLeft(),p=this.getViewport();let g,v;c.top+a+r>p.height?(g=c.top+u-r,e.style.transformOrigin="bottom",g<0&&(g=u)):(g=a+c.top+u,e.style.transformOrigin="top"),v=c.left+o>p.width?Math.max(0,c.left+f+l-o):c.left+f,e.style.top=g+"px",e.style.left=v+"px"}static getParents(e,i=[]){return null===e.parentNode?i:this.getParents(e.parentNode,i.concat([e.parentNode]))}static getScrollableParents(e){let i=[];if(e){let s=this.getParents(e);const r=/(auto|scroll)/,o=a=>{let l=window.getComputedStyle(a,null);return r.test(l.getPropertyValue("overflow"))||r.test(l.getPropertyValue("overflowX"))||r.test(l.getPropertyValue("overflowY"))};for(let a of s){let l=1===a.nodeType&&a.dataset.scrollselectors;if(l){let c=l.split(",");for(let u of c){let f=this.findSingle(a,u);f&&o(f)&&i.push(f)}}9!==a.nodeType&&o(a)&&i.push(a)}}return i}static getHiddenElementOuterHeight(e){e.style.visibility="hidden",e.style.display="block";let i=e.offsetHeight;return e.style.display="none",e.style.visibility="visible",i}static getHiddenElementOuterWidth(e){e.style.visibility="hidden",e.style.display="block";let i=e.offsetWidth;return e.style.display="none",e.style.visibility="visible",i}static getHiddenElementDimensions(e){let i={};return e.style.visibility="hidden",e.style.display="block",i.width=e.offsetWidth,i.height=e.offsetHeight,e.style.display="none",e.style.visibility="visible",i}static scrollInView(e,i){let s=getComputedStyle(e).getPropertyValue("borderTopWidth"),r=s?parseFloat(s):0,o=getComputedStyle(e).getPropertyValue("paddingTop"),a=o?parseFloat(o):0,l=e.getBoundingClientRect(),u=i.getBoundingClientRect().top+document.body.scrollTop-(l.top+document.body.scrollTop)-r-a,f=e.scrollTop,p=e.clientHeight,g=this.getOuterHeight(i);u<0?e.scrollTop=f+u:u+g>p&&(e.scrollTop=f+u-p+g)}static fadeIn(e,i){e.style.opacity=0;let s=+new Date,r=0,o=function(){r=+e.style.opacity.replace(",",".")+((new Date).getTime()-s)/i,e.style.opacity=r,s=+new Date,+r<1&&(window.requestAnimationFrame&&requestAnimationFrame(o)||setTimeout(o,16))};o()}static fadeOut(e,i){var s=1,a=50/i;let l=setInterval(()=>{(s-=a)<=0&&(s=0,clearInterval(l)),e.style.opacity=s},50)}static getWindowScrollTop(){let e=document.documentElement;return(window.pageYOffset||e.scrollTop)-(e.clientTop||0)}static getWindowScrollLeft(){let e=document.documentElement;return(window.pageXOffset||e.scrollLeft)-(e.clientLeft||0)}static matches(e,i){var s=Element.prototype;return(s.matches||s.webkitMatchesSelector||s.mozMatchesSelector||s.msMatchesSelector||function(o){return-1!==[].indexOf.call(document.querySelectorAll(o),this)}).call(e,i)}static getOuterWidth(e,i){let s=e.offsetWidth;if(i){let r=getComputedStyle(e);s+=parseFloat(r.marginLeft)+parseFloat(r.marginRight)}return s}static getHorizontalPadding(e){let i=getComputedStyle(e);return parseFloat(i.paddingLeft)+parseFloat(i.paddingRight)}static getHorizontalMargin(e){let i=getComputedStyle(e);return parseFloat(i.marginLeft)+parseFloat(i.marginRight)}static innerWidth(e){let i=e.offsetWidth,s=getComputedStyle(e);return i+=parseFloat(s.paddingLeft)+parseFloat(s.paddingRight),i}static width(e){let i=e.offsetWidth,s=getComputedStyle(e);return i-=parseFloat(s.paddingLeft)+parseFloat(s.paddingRight),i}static getInnerHeight(e){let i=e.offsetHeight,s=getComputedStyle(e);return i+=parseFloat(s.paddingTop)+parseFloat(s.paddingBottom),i}static getOuterHeight(e,i){let s=e.offsetHeight;if(i){let r=getComputedStyle(e);s+=parseFloat(r.marginTop)+parseFloat(r.marginBottom)}return s}static getHeight(e){let i=e.offsetHeight,s=getComputedStyle(e);return i-=parseFloat(s.paddingTop)+parseFloat(s.paddingBottom)+parseFloat(s.borderTopWidth)+parseFloat(s.borderBottomWidth),i}static getWidth(e){let i=e.offsetWidth,s=getComputedStyle(e);return i-=parseFloat(s.paddingLeft)+parseFloat(s.paddingRight)+parseFloat(s.borderLeftWidth)+parseFloat(s.borderRightWidth),i}static getViewport(){let e=window,i=document,s=i.documentElement,r=i.getElementsByTagName("body")[0];return{width:e.innerWidth||s.clientWidth||r.clientWidth,height:e.innerHeight||s.clientHeight||r.clientHeight}}static getOffset(e){var i=e.getBoundingClientRect();return{top:i.top+(window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0),left:i.left+(window.pageXOffset||document.documentElement.scrollLeft||document.body.scrollLeft||0)}}static replaceElementWith(e,i){let s=e.parentNode;if(!s)throw"Can't replace element";return s.replaceChild(i,e)}static getUserAgent(){if(navigator&&this.isClient())return navigator.userAgent}static isIE(){var e=window.navigator.userAgent;return e.indexOf("MSIE ")>0||(e.indexOf("Trident/")>0?(e.indexOf("rv:"),!0):e.indexOf("Edge/")>0)}static isIOS(){return/iPad|iPhone|iPod/.test(navigator.userAgent)&&!window.MSStream}static isAndroid(){return/(android)/i.test(navigator.userAgent)}static isTouchDevice(){return"ontouchstart"in window||navigator.maxTouchPoints>0}static appendChild(e,i){if(this.isElement(i))i.appendChild(e);else{if(!(i&&i.el&&i.el.nativeElement))throw"Cannot append "+i+" to "+e;i.el.nativeElement.appendChild(e)}}static removeChild(e,i){if(this.isElement(i))i.removeChild(e);else{if(!i.el||!i.el.nativeElement)throw"Cannot remove "+e+" from "+i;i.el.nativeElement.removeChild(e)}}static removeElement(e){"remove"in Element.prototype?e.remove():e.parentNode.removeChild(e)}static isElement(e){return"object"==typeof HTMLElement?e instanceof HTMLElement:e&&"object"==typeof e&&null!==e&&1===e.nodeType&&"string"==typeof e.nodeName}static calculateScrollbarWidth(e){if(e){let i=getComputedStyle(e);return e.offsetWidth-e.clientWidth-parseFloat(i.borderLeftWidth)-parseFloat(i.borderRightWidth)}{if(null!==this.calculatedScrollbarWidth)return this.calculatedScrollbarWidth;let i=document.createElement("div");i.className="p-scrollbar-measure",document.body.appendChild(i);let s=i.offsetWidth-i.clientWidth;return document.body.removeChild(i),this.calculatedScrollbarWidth=s,s}}static calculateScrollbarHeight(){if(null!==this.calculatedScrollbarHeight)return this.calculatedScrollbarHeight;let e=document.createElement("div");e.className="p-scrollbar-measure",document.body.appendChild(e);let i=e.offsetHeight-e.clientHeight;return document.body.removeChild(e),this.calculatedScrollbarWidth=i,i}static invokeElementMethod(e,i,s){e[i].apply(e,s)}static clearSelection(){if(window.getSelection)window.getSelection().empty?window.getSelection().empty():window.getSelection().removeAllRanges&&window.getSelection().rangeCount>0&&window.getSelection().getRangeAt(0).getClientRects().length>0&&window.getSelection().removeAllRanges();else if(document.selection&&document.selection.empty)try{document.selection.empty()}catch{}}static getBrowser(){if(!this.browser){let e=this.resolveUserAgent();this.browser={},e.browser&&(this.browser[e.browser]=!0,this.browser.version=e.version),this.browser.chrome?this.browser.webkit=!0:this.browser.webkit&&(this.browser.safari=!0)}return this.browser}static resolveUserAgent(){let e=navigator.userAgent.toLowerCase(),i=/(chrome)[ \/]([\w.]+)/.exec(e)||/(webkit)[ \/]([\w.]+)/.exec(e)||/(opera)(?:.*version|)[ \/]([\w.]+)/.exec(e)||/(msie) ([\w.]+)/.exec(e)||e.indexOf("compatible")<0&&/(mozilla)(?:.*? rv:([\w.]+)|)/.exec(e)||[];return{browser:i[1]||"",version:i[2]||"0"}}static isInteger(e){return Number.isInteger?Number.isInteger(e):"number"==typeof e&&isFinite(e)&&Math.floor(e)===e}static isHidden(e){return!e||null===e.offsetParent}static isVisible(e){return e&&null!=e.offsetParent}static isExist(e){return null!==e&&typeof e<"u"&&e.nodeName&&e.parentNode}static focus(e,i){e&&document.activeElement!==e&&e.focus(i)}static getFocusableElements(e){let i=n.find(e,'button:not([tabindex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden]),\n [href]:not([tabindex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden]),\n input:not([tabindex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden]), select:not([tabindex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden]),\n textarea:not([tabindex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden]), [tabIndex]:not([tabIndex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden]),\n [contenteditable]:not([tabIndex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden]):not(.p-disabled)'),s=[];for(let r of i)(r.offsetWidth||r.offsetHeight||r.getClientRects().length)&&s.push(r);return s}static getNextFocusableElement(e,i=!1){const s=n.getFocusableElements(e);let r=0;if(s&&s.length>0){const o=s.indexOf(s[0].ownerDocument.activeElement);i?r=-1==o||0===o?s.length-1:o-1:-1!=o&&o!==s.length-1&&(r=o+1)}return s[r]}static generateZIndex(){return this.zindex=this.zindex||999,++this.zindex}static getSelection(){return window.getSelection?window.getSelection().toString():document.getSelection?document.getSelection().toString():document.selection?document.selection.createRange().text:null}static getTargetElement(e,i){if(!e)return null;switch(e){case"document":return document;case"window":return window;case"@next":return i?.nextElementSibling;case"@prev":return i?.previousElementSibling;case"@parent":return i?.parentElement;case"@grandparent":return i?.parentElement.parentElement;default:const s=typeof e;if("string"===s)return document.querySelector(e);if("object"===s&&e.hasOwnProperty("nativeElement"))return this.isExist(e.nativeElement)?e.nativeElement:void 0;const o=(a=e)&&a.constructor&&a.call&&a.apply?e():e;return o&&9===o.nodeType||this.isExist(o)?o:null}var a}static isClient(){return!!(typeof window<"u"&&window.document&&window.document.createElement)}}return h(n,"zindex",1e3),h(n,"calculatedScrollbarWidth",null),h(n,"calculatedScrollbarHeight",null),h(n,"browser",void 0),n})();class ew{constructor(t,e=(()=>{})){h(this,"element",void 0),h(this,"listener",void 0),h(this,"scrollableParents",void 0),this.element=t,this.listener=e}bindScrollListener(){this.scrollableParents=G.getScrollableParents(this.element);for(let t=0;t{class n{constructor(){h(this,"label",void 0),h(this,"spin",!1),h(this,"styleClass",void 0),h(this,"role",void 0),h(this,"ariaLabel",void 0),h(this,"ariaHidden",void 0)}ngOnInit(){this.getAttributes()}getAttributes(){const e=_e.isEmpty(this.label);this.role=e?void 0:"img",this.ariaLabel=e?void 0:this.label,this.ariaHidden=e}getClassNames(){return`p-icon ${this.styleClass?this.styleClass+" ":""}${this.spin?"p-icon-spin":""}`}}return h(n,"\u0275fac",function(e){return new(e||n)}),h(n,"\u0275cmp",Ne({type:n,selectors:[["ng-component"]],hostAttrs:[1,"p-element","p-icon-wrapper"],inputs:{label:"label",spin:"spin",styleClass:"styleClass"},standalone:!0,features:[en],ngContentSelectors:Mq,decls:1,vars:0,template:function(e,i){1&e&&(Sd(),Sc(0))},encapsulation:2,changeDetection:0})),n})(),Sh=(()=>{class n extends xn{constructor(...e){super(...e),h(this,"pathId",void 0)}ngOnInit(){this.pathId="url(#"+Bs()+")"}}return h(n,"\u0275fac",function(){let t;return function(i){return(t||(t=ft(n)))(i||n)}}()),h(n,"\u0275cmp",Ne({type:n,selectors:[["SpinnerIcon"]],standalone:!0,features:[Ve,en],decls:6,vars:7,consts:[["width","14","height","14","viewBox","0 0 14 14","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M6.99701 14C5.85441 13.999 4.72939 13.7186 3.72012 13.1832C2.71084 12.6478 1.84795 11.8737 1.20673 10.9284C0.565504 9.98305 0.165424 8.89526 0.041387 7.75989C-0.0826496 6.62453 0.073125 5.47607 0.495122 4.4147C0.917119 3.35333 1.59252 2.4113 2.46241 1.67077C3.33229 0.930247 4.37024 0.413729 5.4857 0.166275C6.60117 -0.0811796 7.76026 -0.0520535 8.86188 0.251112C9.9635 0.554278 10.9742 1.12227 11.8057 1.90555C11.915 2.01493 11.9764 2.16319 11.9764 2.31778C11.9764 2.47236 11.915 2.62062 11.8057 2.73C11.7521 2.78503 11.688 2.82877 11.6171 2.85864C11.5463 2.8885 11.4702 2.90389 11.3933 2.90389C11.3165 2.90389 11.2404 2.8885 11.1695 2.85864C11.0987 2.82877 11.0346 2.78503 10.9809 2.73C9.9998 1.81273 8.73246 1.26138 7.39226 1.16876C6.05206 1.07615 4.72086 1.44794 3.62279 2.22152C2.52471 2.99511 1.72683 4.12325 1.36345 5.41602C1.00008 6.70879 1.09342 8.08723 1.62775 9.31926C2.16209 10.5513 3.10478 11.5617 4.29713 12.1803C5.48947 12.7989 6.85865 12.988 8.17414 12.7157C9.48963 12.4435 10.6711 11.7264 11.5196 10.6854C12.3681 9.64432 12.8319 8.34282 12.8328 7C12.8328 6.84529 12.8943 6.69692 13.0038 6.58752C13.1132 6.47812 13.2616 6.41667 13.4164 6.41667C13.5712 6.41667 13.7196 6.47812 13.8291 6.58752C13.9385 6.69692 14 6.84529 14 7C14 8.85651 13.2622 10.637 11.9489 11.9497C10.6356 13.2625 8.85432 14 6.99701 14Z","fill","currentColor"],[3,"id"],["width","14","height","14","fill","white"]],template:function(e,i){1&e&&(fn(),V(0,"svg",0)(1,"g"),se(2,"path",1),Y(),V(3,"defs")(4,"clipPath",2),se(5,"rect",3),Y()()()),2&e&&(Ge(i.getClassNames()),Ce("aria-label",i.ariaLabel)("aria-hidden",i.ariaHidden)("role",i.role),I(1),Ce("clip-path",i.pathId),I(3),x("id",i.pathId))},encapsulation:2})),n})(),Ch=(()=>{class n{constructor(e,i,s,r,o,a){h(this,"document",void 0),h(this,"platformId",void 0),h(this,"renderer",void 0),h(this,"el",void 0),h(this,"zone",void 0),h(this,"config",void 0),h(this,"animationListener",void 0),h(this,"mouseDownListener",void 0),h(this,"timeout",void 0),this.document=e,this.platformId=i,this.renderer=s,this.el=r,this.zone=o,this.config=a}ngAfterViewInit(){ar(this.platformId)&&this.config&&this.config.ripple&&this.zone.runOutsideAngular(()=>{this.create(),this.mouseDownListener=this.renderer.listen(this.el.nativeElement,"mousedown",this.onMouseDown.bind(this))})}onMouseDown(e){let i=this.getInk();if(!i||"none"===this.document.defaultView?.getComputedStyle(i,null).display)return;if(G.removeClass(i,"p-ink-active"),!G.getHeight(i)&&!G.getWidth(i)){let a=Math.max(G.getOuterWidth(this.el.nativeElement),G.getOuterHeight(this.el.nativeElement));i.style.height=a+"px",i.style.width=a+"px"}let s=G.getOffset(this.el.nativeElement),r=e.pageX-s.left+this.document.body.scrollTop-G.getWidth(i)/2,o=e.pageY-s.top+this.document.body.scrollLeft-G.getHeight(i)/2;this.renderer.setStyle(i,"top",o+"px"),this.renderer.setStyle(i,"left",r+"px"),G.addClass(i,"p-ink-active"),this.timeout=setTimeout(()=>{let a=this.getInk();a&&G.removeClass(a,"p-ink-active")},401)}getInk(){const e=this.el.nativeElement.children;for(let i=0;i{class n{}return h(n,"\u0275fac",function(e){return new(e||n)}),h(n,"\u0275mod",pt({type:n})),h(n,"\u0275inj",ht({imports:[Mn]})),n})();const gl={button:"p-button",component:"p-component",iconOnly:"p-button-icon-only",disabled:"p-disabled",loading:"p-button-loading",labelOnly:"p-button-loading-label-only"};let d_=(()=>{class n{get label(){return this._label}set label(e){this._label=e,this.initialized&&(this.updateLabel(),this.updateIcon(),this.setStyleClass())}get icon(){return this._icon}set icon(e){this._icon=e,this.initialized&&(this.updateIcon(),this.setStyleClass())}get loading(){return this._loading}set loading(e){this._loading=e,this.initialized&&(this.updateIcon(),this.setStyleClass())}get htmlElement(){return this.el.nativeElement}constructor(e,i){h(this,"el",void 0),h(this,"document",void 0),h(this,"iconPos","left"),h(this,"loadingIcon",void 0),h(this,"_label",void 0),h(this,"_icon",void 0),h(this,"_loading",!1),h(this,"initialized",void 0),h(this,"_internalClasses",Object.values(gl)),h(this,"spinnerIcon",'\n \n \n \n \n \n \n \n \n '),this.el=e,this.document=i}ngAfterViewInit(){G.addMultipleClasses(this.htmlElement,this.getStyleClass().join(" ")),this.createIcon(),this.createLabel(),this.initialized=!0}getStyleClass(){const e=[gl.button,gl.component];return this.icon&&!this.label&&_e.isEmpty(this.htmlElement.textContent)&&e.push(gl.iconOnly),this.loading&&(e.push(gl.disabled,gl.loading),!this.icon&&this.label&&e.push(gl.labelOnly)),e}setStyleClass(){const e=this.getStyleClass();this.htmlElement.classList.remove(...this._internalClasses),this.htmlElement.classList.add(...e)}createLabel(){if(this.label){let e=this.document.createElement("span");this.icon&&!this.label&&e.setAttribute("aria-hidden","true"),e.className="p-button-label",e.appendChild(this.document.createTextNode(this.label)),this.htmlElement.appendChild(e)}}createIcon(){if(this.icon||this.loading){let e=this.document.createElement("span");e.className="p-button-icon",e.setAttribute("aria-hidden","true");let i=this.label?"p-button-icon-"+this.iconPos:null;i&&G.addClass(e,i);let s=this.getIconClass();s&&G.addMultipleClasses(e,s),!this.loadingIcon&&this.loading&&(e.innerHTML=this.spinnerIcon),this.htmlElement.insertBefore(e,this.htmlElement.firstChild)}}updateLabel(){let e=G.findSingle(this.htmlElement,".p-button-label");this.label?e?e.textContent=this.label:this.createLabel():e&&this.htmlElement.removeChild(e)}updateIcon(){let e=G.findSingle(this.htmlElement,".p-button-icon");this.icon||this.loading?e?e.className=this.iconPos?"p-button-icon p-button-icon-"+this.iconPos+" "+this.getIconClass():"p-button-icon "+this.getIconClass():this.createIcon():e&&this.htmlElement.removeChild(e)}getIconClass(){return this.loading?"p-button-loading-icon "+(this.loadingIcon?this.loadingIcon:"p-icon"):this._icon}ngOnDestroy(){this.initialized=!1}}return h(n,"\u0275fac",function(e){return new(e||n)(W(Gt),W(wn))}),h(n,"\u0275dir",Ae({type:n,selectors:[["","pButton",""]],hostAttrs:[1,"p-element"],inputs:{iconPos:"iconPos",loadingIcon:"loadingIcon",label:"label",icon:"icon",loading:"loading"}})),n})(),$c=(()=>{class n{}return h(n,"\u0275fac",function(e){return new(e||n)}),h(n,"\u0275mod",pt({type:n})),h(n,"\u0275inj",ht({imports:[Mn,_l,On,Sh,On]})),n})();Wb.register(...CU);const Aq=Wb;let h_=(()=>{class n{get data(){return this._data}set data(e){this._data=e,this.reinit()}get options(){return this._options}set options(e){this._options=e,this.reinit()}constructor(e,i){h(this,"platformId",void 0),h(this,"el",void 0),h(this,"type",void 0),h(this,"plugins",[]),h(this,"width",void 0),h(this,"height",void 0),h(this,"responsive",!0),h(this,"onDataSelect",new ce),h(this,"isBrowser",!1),h(this,"initialized",void 0),h(this,"_data",void 0),h(this,"_options",{}),h(this,"chart",void 0),this.platformId=e,this.el=i}ngAfterViewInit(){this.initChart(),this.initialized=!0}onCanvasClick(e){if(this.chart){const i=this.chart.getElementsAtEventForMode(e,"nearest",{intersect:!0},!1),s=this.chart.getElementsAtEventForMode(e,"dataset",{intersect:!0},!1);i&&i[0]&&s&&this.onDataSelect.emit({originalEvent:e,element:i[0],dataset:s})}}initChart(){if(ar(this.platformId)){let e=this.options||{};e.responsive=this.responsive,e.responsive&&(this.height||this.width)&&(e.maintainAspectRatio=!1),this.chart=new Aq(this.el.nativeElement.children[0].children[0],{type:this.type,data:this.data,options:this.options,plugins:this.plugins})}}getCanvas(){return this.el.nativeElement.children[0].children[0]}getBase64Image(){return this.chart.toBase64Image()}generateLegend(){if(this.chart)return this.chart.generateLegend()}refresh(){this.chart&&this.chart.update()}reinit(){this.chart&&(this.chart.destroy(),this.initChart())}ngOnDestroy(){this.chart&&(this.chart.destroy(),this.initialized=!1,this.chart=null)}}return h(n,"\u0275fac",function(e){return new(e||n)(W(Ri),W(Gt))}),h(n,"\u0275cmp",Ne({type:n,selectors:[["p-chart"]],hostAttrs:[1,"p-element"],inputs:{type:"type",plugins:"plugins",width:"width",height:"height",responsive:"responsive",data:"data",options:"options"},outputs:{onDataSelect:"onDataSelect"},decls:2,vars:6,consts:[[2,"position","relative"],[3,"click"]],template:function(e,i){1&e&&(V(0,"div",0)(1,"canvas",1),de("click",function(r){return i.onCanvasClick(r)}),Y()()),2&e&&(Cd("width",i.responsive&&!i.width?null:i.width)("height",i.responsive&&!i.height?null:i.height),I(1),Ce("width",i.responsive&&!i.width?null:i.width)("height",i.responsive&&!i.height?null:i.height))},encapsulation:2,changeDetection:0})),n})(),VA=(()=>{class n{}return h(n,"\u0275fac",function(e){return new(e||n)}),h(n,"\u0275mod",pt({type:n})),h(n,"\u0275inj",ht({imports:[Mn]})),n})();const Oq=function(n,t,e){return{"p-inputswitch p-component":!0,"p-inputswitch-checked":n,"p-disabled":t,"p-focus":e}},Rq={provide:ii,useExisting:ut(()=>BA),multi:!0};let BA=(()=>{class n{constructor(e){h(this,"cd",void 0),h(this,"style",void 0),h(this,"styleClass",void 0),h(this,"tabindex",void 0),h(this,"inputId",void 0),h(this,"name",void 0),h(this,"disabled",void 0),h(this,"readonly",void 0),h(this,"trueValue",!0),h(this,"falseValue",!1),h(this,"ariaLabel",void 0),h(this,"ariaLabelledBy",void 0),h(this,"onChange",new ce),h(this,"modelValue",!1),h(this,"focused",!1),h(this,"onModelChange",()=>{}),h(this,"onModelTouched",()=>{}),this.cd=e}onClick(e,i){!this.disabled&&!this.readonly&&(e.preventDefault(),this.toggle(e),i.focus())}onInputChange(e){this.readonly||this.updateModel(e,e.target.checked)}toggle(e){this.updateModel(e,!this.checked())}updateModel(e,i){this.modelValue=i?this.trueValue:this.falseValue,this.onModelChange(this.modelValue),this.onChange.emit({originalEvent:e,checked:this.modelValue})}onFocus(e){this.focused=!0}onBlur(e){this.focused=!1,this.onModelTouched()}writeValue(e){this.modelValue=e,this.cd.markForCheck()}registerOnChange(e){this.onModelChange=e}registerOnTouched(e){this.onModelTouched=e}setDisabledState(e){this.disabled=e,this.cd.markForCheck()}checked(){return this.modelValue===this.trueValue}}return h(n,"\u0275fac",function(e){return new(e||n)(W(ti))}),h(n,"\u0275cmp",Ne({type:n,selectors:[["p-inputSwitch"]],hostAttrs:[1,"p-element"],inputs:{style:"style",styleClass:"styleClass",tabindex:"tabindex",inputId:"inputId",name:"name",disabled:"disabled",readonly:"readonly",trueValue:"trueValue",falseValue:"falseValue",ariaLabel:"ariaLabel",ariaLabelledBy:"ariaLabelledBy"},outputs:{onChange:"onChange"},features:[Mt([Rq])],decls:5,vars:16,consts:[[3,"ngClass","ngStyle","click"],[1,"p-hidden-accessible"],["type","checkbox","role","switch",3,"checked","disabled","change","focus","blur"],["cb",""],[1,"p-inputswitch-slider"]],template:function(e,i){if(1&e){const s=Ue();V(0,"div",0),de("click",function(o){q(s);const a=Gn(3);return K(i.onClick(o,a))}),V(1,"div",1)(2,"input",2,3),de("change",function(o){return i.onInputChange(o)})("focus",function(o){return i.onFocus(o)})("blur",function(o){return i.onBlur(o)}),Y()(),se(4,"span",4),Y()}2&e&&(Ge(i.styleClass),x("ngClass",ps(12,Oq,i.checked(),i.disabled,i.focused))("ngStyle",i.style),I(2),x("checked",i.checked())("disabled",i.disabled),Ce("aria-label",i.ariaLabel)("id",i.inputId)("name",i.name)("tabindex",i.tabindex)("aria-checked",i.checked())("aria-labelledby",i.ariaLabelledBy))},dependencies:[gi,yi],styles:['.p-inputswitch{position:relative;display:inline-block;-webkit-user-select:none;user-select:none}.p-inputswitch-slider{position:absolute;cursor:pointer;inset:0}.p-inputswitch-slider:before{position:absolute;content:"";top:50%}\n'],encapsulation:2,changeDetection:0})),n})(),tw=(()=>{class n{}return h(n,"\u0275fac",function(e){return new(e||n)}),h(n,"\u0275mod",pt({type:n})),h(n,"\u0275inj",ht({imports:[Mn]})),n})();class zA{}class Fq{}const To="*";function nw(n,t){return{type:7,name:n,definitions:t,options:{}}}function So(n,t=null){return{type:4,styles:t,timings:n}}function jA(n,t=null){return{type:2,steps:n,options:t}}function ns(n){return{type:6,styles:n,offset:null}}function iw(n,t,e){return{type:0,name:n,styles:t,options:e}}function yl(n,t,e=null){return{type:1,expr:n,animation:t,options:e}}function f_(n,t=null){return{type:8,animation:n,options:t}}function WA(n,t=null){return{type:10,animation:n,options:t}}class Dh{constructor(t=0,e=0){this._onDoneFns=[],this._onStartFns=[],this._onDestroyFns=[],this._originalOnDoneFns=[],this._originalOnStartFns=[],this._started=!1,this._destroyed=!1,this._finished=!1,this._position=0,this.parentPlayer=null,this.totalTime=t+e}_onFinish(){this._finished||(this._finished=!0,this._onDoneFns.forEach(t=>t()),this._onDoneFns=[])}onStart(t){this._originalOnStartFns.push(t),this._onStartFns.push(t)}onDone(t){this._originalOnDoneFns.push(t),this._onDoneFns.push(t)}onDestroy(t){this._onDestroyFns.push(t)}hasStarted(){return this._started}init(){}play(){this.hasStarted()||(this._onStart(),this.triggerMicrotask()),this._started=!0}triggerMicrotask(){queueMicrotask(()=>this._onFinish())}_onStart(){this._onStartFns.forEach(t=>t()),this._onStartFns=[]}pause(){}restart(){}finish(){this._onFinish()}destroy(){this._destroyed||(this._destroyed=!0,this.hasStarted()||this._onStart(),this.finish(),this._onDestroyFns.forEach(t=>t()),this._onDestroyFns=[])}reset(){this._started=!1,this._finished=!1,this._onStartFns=this._originalOnStartFns,this._onDoneFns=this._originalOnDoneFns}setPosition(t){this._position=this.totalTime?t*this.totalTime:1}getPosition(){return this.totalTime?this._position/this.totalTime:1}triggerCallback(t){const e="start"==t?this._onStartFns:this._onDoneFns;e.forEach(i=>i()),e.length=0}}class UA{constructor(t){this._onDoneFns=[],this._onStartFns=[],this._finished=!1,this._started=!1,this._destroyed=!1,this._onDestroyFns=[],this.parentPlayer=null,this.totalTime=0,this.players=t;let e=0,i=0,s=0;const r=this.players.length;0==r?queueMicrotask(()=>this._onFinish()):this.players.forEach(o=>{o.onDone(()=>{++e==r&&this._onFinish()}),o.onDestroy(()=>{++i==r&&this._onDestroy()}),o.onStart(()=>{++s==r&&this._onStart()})}),this.totalTime=this.players.reduce((o,a)=>Math.max(o,a.totalTime),0)}_onFinish(){this._finished||(this._finished=!0,this._onDoneFns.forEach(t=>t()),this._onDoneFns=[])}init(){this.players.forEach(t=>t.init())}onStart(t){this._onStartFns.push(t)}_onStart(){this.hasStarted()||(this._started=!0,this._onStartFns.forEach(t=>t()),this._onStartFns=[])}onDone(t){this._onDoneFns.push(t)}onDestroy(t){this._onDestroyFns.push(t)}hasStarted(){return this._started}play(){this.parentPlayer||this.init(),this._onStart(),this.players.forEach(t=>t.play())}pause(){this.players.forEach(t=>t.pause())}restart(){this.players.forEach(t=>t.restart())}finish(){this._onFinish(),this.players.forEach(t=>t.finish())}destroy(){this._onDestroy()}_onDestroy(){this._destroyed||(this._destroyed=!0,this._onFinish(),this.players.forEach(t=>t.destroy()),this._onDestroyFns.forEach(t=>t()),this._onDestroyFns=[])}reset(){this.players.forEach(t=>t.reset()),this._destroyed=!1,this._finished=!1,this._started=!1}setPosition(t){const e=t*this.totalTime;this.players.forEach(i=>{const s=i.totalTime?Math.min(1,e/i.totalTime):1;i.setPosition(s)})}getPosition(){const t=this.players.reduce((e,i)=>null===e||i.totalTime>e.totalTime?i:e,null);return null!=t?t.getPosition():0}beforeDestroy(){this.players.forEach(t=>{t.beforeDestroy&&t.beforeDestroy()})}triggerCallback(t){const e="start"==t?this._onStartFns:this._onDoneFns;e.forEach(i=>i()),e.length=0}}let GA=(()=>{class n extends xn{}return h(n,"\u0275fac",function(){let t;return function(i){return(t||(t=ft(n)))(i||n)}}()),h(n,"\u0275cmp",Ne({type:n,selectors:[["ChevronLeftIcon"]],standalone:!0,features:[Ve,en],decls:2,vars:5,consts:[["width","14","height","14","viewBox","0 0 14 14","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M9.61296 13C9.50997 13.0005 9.40792 12.9804 9.3128 12.9409C9.21767 12.9014 9.13139 12.8433 9.05902 12.7701L3.83313 7.54416C3.68634 7.39718 3.60388 7.19795 3.60388 6.99022C3.60388 6.78249 3.68634 6.58325 3.83313 6.43628L9.05902 1.21039C9.20762 1.07192 9.40416 0.996539 9.60724 1.00012C9.81032 1.00371 10.0041 1.08597 10.1477 1.22959C10.2913 1.37322 10.3736 1.56698 10.3772 1.77005C10.3808 1.97313 10.3054 2.16968 10.1669 2.31827L5.49496 6.99022L10.1669 11.6622C10.3137 11.8091 10.3962 12.0084 10.3962 12.2161C10.3962 12.4238 10.3137 12.6231 10.1669 12.7701C10.0945 12.8433 10.0083 12.9014 9.91313 12.9409C9.81801 12.9804 9.71596 13.0005 9.61296 13Z","fill","currentColor"]],template:function(e,i){1&e&&(fn(),V(0,"svg",0),se(1,"path",1),Y()),2&e&&(Ge(i.getClassNames()),Ce("aria-label",i.ariaLabel)("aria-hidden",i.ariaHidden)("role",i.role))},encapsulation:2})),n})(),$A=(()=>{class n extends xn{}return h(n,"\u0275fac",function(){let t;return function(i){return(t||(t=ft(n)))(i||n)}}()),h(n,"\u0275cmp",Ne({type:n,selectors:[["ChevronRightIcon"]],standalone:!0,features:[Ve,en],decls:2,vars:5,consts:[["width","14","height","14","viewBox","0 0 14 14","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M4.38708 13C4.28408 13.0005 4.18203 12.9804 4.08691 12.9409C3.99178 12.9014 3.9055 12.8433 3.83313 12.7701C3.68634 12.6231 3.60388 12.4238 3.60388 12.2161C3.60388 12.0084 3.68634 11.8091 3.83313 11.6622L8.50507 6.99022L3.83313 2.31827C3.69467 2.16968 3.61928 1.97313 3.62287 1.77005C3.62645 1.56698 3.70872 1.37322 3.85234 1.22959C3.99596 1.08597 4.18972 1.00371 4.3928 1.00012C4.59588 0.996539 4.79242 1.07192 4.94102 1.21039L10.1669 6.43628C10.3137 6.58325 10.3962 6.78249 10.3962 6.99022C10.3962 7.19795 10.3137 7.39718 10.1669 7.54416L4.94102 12.7701C4.86865 12.8433 4.78237 12.9014 4.68724 12.9409C4.59212 12.9804 4.49007 13.0005 4.38708 13Z","fill","currentColor"]],template:function(e,i){1&e&&(fn(),V(0,"svg",0),se(1,"path",1),Y()),2&e&&(Ge(i.getClassNames()),Ce("aria-label",i.ariaLabel)("aria-hidden",i.ariaHidden)("role",i.role))},encapsulation:2})),n})(),qA=(()=>{class n extends xn{}return h(n,"\u0275fac",function(){let t;return function(i){return(t||(t=ft(n)))(i||n)}}()),h(n,"\u0275cmp",Ne({type:n,selectors:[["ChevronUpIcon"]],standalone:!0,features:[Ve,en],decls:2,vars:5,consts:[["width","14","height","14","viewBox","0 0 14 14","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M12.2097 10.4113C12.1057 10.4118 12.0027 10.3915 11.9067 10.3516C11.8107 10.3118 11.7237 10.2532 11.6506 10.1792L6.93602 5.46461L2.22139 10.1476C2.07272 10.244 1.89599 10.2877 1.71953 10.2717C1.54307 10.2556 1.3771 10.1808 1.24822 10.0593C1.11933 9.93766 1.035 9.77633 1.00874 9.6011C0.982477 9.42587 1.0158 9.2469 1.10338 9.09287L6.37701 3.81923C6.52533 3.6711 6.72639 3.58789 6.93602 3.58789C7.14565 3.58789 7.3467 3.6711 7.49502 3.81923L12.7687 9.09287C12.9168 9.24119 13 9.44225 13 9.65187C13 9.8615 12.9168 10.0626 12.7687 10.2109C12.616 10.3487 12.4151 10.4207 12.2097 10.4113Z","fill","currentColor"]],template:function(e,i){1&e&&(fn(),V(0,"svg",0),se(1,"path",1),Y()),2&e&&(Ge(i.getClassNames()),Ce("aria-label",i.ariaLabel)("aria-hidden",i.ariaHidden)("role",i.role))},encapsulation:2})),n})(),p_=(()=>{class n extends xn{}return h(n,"\u0275fac",function(){let t;return function(i){return(t||(t=ft(n)))(i||n)}}()),h(n,"\u0275cmp",Ne({type:n,selectors:[["ChevronDownIcon"]],standalone:!0,features:[Ve,en],decls:2,vars:5,consts:[["width","14","height","14","viewBox","0 0 14 14","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z","fill","currentColor"]],template:function(e,i){1&e&&(fn(),V(0,"svg",0),se(1,"path",1),Y()),2&e&&(Ge(i.getClassNames()),Ce("aria-label",i.ariaLabel)("aria-hidden",i.ariaHidden)("role",i.role))},encapsulation:2})),n})(),Co=(()=>{class n extends xn{}return h(n,"\u0275fac",function(){let t;return function(i){return(t||(t=ft(n)))(i||n)}}()),h(n,"\u0275cmp",Ne({type:n,selectors:[["TimesIcon"]],standalone:!0,features:[Ve,en],decls:2,vars:5,consts:[["width","14","height","14","viewBox","0 0 14 14","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M8.01186 7.00933L12.27 2.75116C12.341 2.68501 12.398 2.60524 12.4375 2.51661C12.4769 2.42798 12.4982 2.3323 12.4999 2.23529C12.5016 2.13827 12.4838 2.0419 12.4474 1.95194C12.4111 1.86197 12.357 1.78024 12.2884 1.71163C12.2198 1.64302 12.138 1.58893 12.0481 1.55259C11.9581 1.51625 11.8617 1.4984 11.7647 1.50011C11.6677 1.50182 11.572 1.52306 11.4834 1.56255C11.3948 1.60204 11.315 1.65898 11.2488 1.72997L6.99067 5.98814L2.7325 1.72997C2.59553 1.60234 2.41437 1.53286 2.22718 1.53616C2.03999 1.53946 1.8614 1.61529 1.72901 1.74767C1.59663 1.88006 1.5208 2.05865 1.5175 2.24584C1.5142 2.43303 1.58368 2.61419 1.71131 2.75116L5.96948 7.00933L1.71131 11.2675C1.576 11.403 1.5 11.5866 1.5 11.7781C1.5 11.9696 1.576 12.1532 1.71131 12.2887C1.84679 12.424 2.03043 12.5 2.2219 12.5C2.41338 12.5 2.59702 12.424 2.7325 12.2887L6.99067 8.03052L11.2488 12.2887C11.3843 12.424 11.568 12.5 11.7594 12.5C11.9509 12.5 12.1346 12.424 12.27 12.2887C12.4053 12.1532 12.4813 11.9696 12.4813 11.7781C12.4813 11.5866 12.4053 11.403 12.27 11.2675L8.01186 7.00933Z","fill","currentColor"]],template:function(e,i){1&e&&(fn(),V(0,"svg",0),se(1,"path",1),Y()),2&e&&(Ge(i.getClassNames()),Ce("aria-label",i.ariaLabel)("aria-hidden",i.ariaHidden)("role",i.role))},encapsulation:2})),n})(),KA=(()=>{class n extends xn{}return h(n,"\u0275fac",function(){let t;return function(i){return(t||(t=ft(n)))(i||n)}}()),h(n,"\u0275cmp",Ne({type:n,selectors:[["CalendarIcon"]],standalone:!0,features:[Ve,en],decls:2,vars:5,consts:[["width","14","height","14","viewBox","0 0 14 14","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M10.7838 1.51351H9.83783V0.567568C9.83783 0.417039 9.77804 0.272676 9.6716 0.166237C9.56516 0.0597971 9.42079 0 9.27027 0C9.11974 0 8.97538 0.0597971 8.86894 0.166237C8.7625 0.272676 8.7027 0.417039 8.7027 0.567568V1.51351H5.29729V0.567568C5.29729 0.417039 5.2375 0.272676 5.13106 0.166237C5.02462 0.0597971 4.88025 0 4.72973 0C4.5792 0 4.43484 0.0597971 4.3284 0.166237C4.22196 0.272676 4.16216 0.417039 4.16216 0.567568V1.51351H3.21621C2.66428 1.51351 2.13494 1.73277 1.74467 2.12305C1.35439 2.51333 1.13513 3.04266 1.13513 3.59459V11.9189C1.13513 12.4709 1.35439 13.0002 1.74467 13.3905C2.13494 13.7807 2.66428 14 3.21621 14H10.7838C11.3357 14 11.865 13.7807 12.2553 13.3905C12.6456 13.0002 12.8649 12.4709 12.8649 11.9189V3.59459C12.8649 3.04266 12.6456 2.51333 12.2553 2.12305C11.865 1.73277 11.3357 1.51351 10.7838 1.51351ZM3.21621 2.64865H4.16216V3.59459C4.16216 3.74512 4.22196 3.88949 4.3284 3.99593C4.43484 4.10237 4.5792 4.16216 4.72973 4.16216C4.88025 4.16216 5.02462 4.10237 5.13106 3.99593C5.2375 3.88949 5.29729 3.74512 5.29729 3.59459V2.64865H8.7027V3.59459C8.7027 3.74512 8.7625 3.88949 8.86894 3.99593C8.97538 4.10237 9.11974 4.16216 9.27027 4.16216C9.42079 4.16216 9.56516 4.10237 9.6716 3.99593C9.77804 3.88949 9.83783 3.74512 9.83783 3.59459V2.64865H10.7838C11.0347 2.64865 11.2753 2.74831 11.4527 2.92571C11.6301 3.10311 11.7297 3.34371 11.7297 3.59459V5.67568H2.27027V3.59459C2.27027 3.34371 2.36993 3.10311 2.54733 2.92571C2.72473 2.74831 2.96533 2.64865 3.21621 2.64865ZM10.7838 12.8649H3.21621C2.96533 12.8649 2.72473 12.7652 2.54733 12.5878C2.36993 12.4104 2.27027 12.1698 2.27027 11.9189V6.81081H11.7297V11.9189C11.7297 12.1698 11.6301 12.4104 11.4527 12.5878C11.2753 12.7652 11.0347 12.8649 10.7838 12.8649Z","fill","currentColor"]],template:function(e,i){1&e&&(fn(),V(0,"svg",0),se(1,"path",1),Y()),2&e&&(Ge(i.getClassNames()),Ce("aria-label",i.ariaLabel)("aria-hidden",i.ariaHidden)("role",i.role))},encapsulation:2})),n})();const Nq=["container"],Hq=["inputfield"],Yq=["contentWrapper"];function Vq(n,t){if(1&n){const e=Ue();V(0,"TimesIcon",10),de("click",function(){return q(e),K(R(3).clear())}),Y()}2&n&&x("styleClass","p-calendar-clear-icon")}function Bq(n,t){}function zq(n,t){1&n&&O(0,Bq,0,0,"ng-template")}function jq(n,t){if(1&n){const e=Ue();V(0,"span",11),de("click",function(){return q(e),K(R(3).clear())}),O(1,zq,1,0,null,12),Y()}if(2&n){const e=R(3);I(1),x("ngTemplateOutlet",e.clearIconTemplate)}}function Wq(n,t){if(1&n&&(ke(0),O(1,Vq,1,1,"TimesIcon",8),O(2,jq,2,1,"span",9),Ee()),2&n){const e=R(2);I(1),x("ngIf",!e.clearIconTemplate),I(1),x("ngIf",e.clearIconTemplate)}}function Uq(n,t){1&n&&se(0,"span",15),2&n&&x("ngClass",R(3).icon)}function Gq(n,t){1&n&&se(0,"CalendarIcon")}function $q(n,t){}function qq(n,t){1&n&&O(0,$q,0,0,"ng-template")}function Kq(n,t){if(1&n&&(ke(0),O(1,Gq,1,0,"CalendarIcon",6),O(2,qq,1,0,null,12),Ee()),2&n){const e=R(3);I(1),x("ngIf",!e.triggerIconTemplate),I(1),x("ngTemplateOutlet",e.triggerIconTemplate)}}function Xq(n,t){if(1&n){const e=Ue();V(0,"button",13),de("click",function(s){q(e),R();const r=Gn(1);return K(R().onButtonClick(s,r))}),O(1,Uq,1,1,"span",14),O(2,Kq,3,2,"ng-container",6),Y()}if(2&n){const e=R(2);x("disabled",e.disabled),Ce("aria-label",e.iconAriaLabel),I(1),x("ngIf",e.icon),I(1),x("ngIf",!e.icon)}}function Jq(n,t){if(1&n){const e=Ue();V(0,"input",4,5),de("focus",function(s){return q(e),K(R().onInputFocus(s))})("keydown",function(s){return q(e),K(R().onInputKeydown(s))})("click",function(){return q(e),K(R().onInputClick())})("blur",function(s){return q(e),K(R().onInputBlur(s))})("input",function(s){return q(e),K(R().onUserInput(s))}),Y(),O(2,Wq,3,2,"ng-container",6),O(3,Xq,3,4,"button",7)}if(2&n){const e=R();Ge(e.inputStyleClass),x("value",e.inputFieldValue)("readonly",e.readonlyInput)("ngStyle",e.inputStyle)("placeholder",e.placeholder||"")("disabled",e.disabled)("ngClass","p-inputtext p-component"),Ce("id",e.inputId)("name",e.name)("required",e.required)("aria-required",e.required)("tabindex",e.tabindex)("inputmode",e.touchUI?"off":null)("aria-labelledby",e.ariaLabelledBy),I(2),x("ngIf",e.showClear&&!e.disabled&&null!=e.value),I(1),x("ngIf",e.showIcon)}}function Zq(n,t){1&n&&Fe(0)}function Qq(n,t){1&n&&se(0,"ChevronLeftIcon",37),2&n&&x("styleClass","p-datepicker-prev-icon")}function eK(n,t){}function tK(n,t){1&n&&O(0,eK,0,0,"ng-template")}function nK(n,t){if(1&n&&(V(0,"span",38),O(1,tK,1,0,null,12),Y()),2&n){const e=R(5);I(1),x("ngTemplateOutlet",e.previousIconTemplate)}}function iK(n,t){if(1&n){const e=Ue();V(0,"button",35),de("keydown",function(s){return q(e),K(R(4).onContainerButtonKeydown(s))})("click",function(s){return q(e),K(R(4).onPrevButtonClick(s))}),O(1,Qq,1,1,"ChevronLeftIcon",32),O(2,nK,2,1,"span",36),Y()}if(2&n){const e=R(4);I(1),x("ngIf",!e.previousIconTemplate),I(1),x("ngIf",e.previousIconTemplate)}}function sK(n,t){if(1&n){const e=Ue();V(0,"button",39),de("click",function(s){return q(e),K(R(4).switchToMonthView(s))})("keydown",function(s){return q(e),K(R(4).onContainerButtonKeydown(s))}),le(1),Y()}if(2&n){const e=R().$implicit,i=R(3);x("disabled",i.switchViewButtonDisabled()),I(1),Hn(" ",i.getMonthName(e.month)," ")}}function rK(n,t){if(1&n){const e=Ue();V(0,"button",40),de("click",function(s){return q(e),K(R(4).switchToYearView(s))})("keydown",function(s){return q(e),K(R(4).onContainerButtonKeydown(s))}),le(1),Y()}if(2&n){const e=R().$implicit,i=R(3);x("disabled",i.switchViewButtonDisabled()),I(1),Hn(" ",i.getYear(e)," ")}}function oK(n,t){if(1&n&&(ke(0),le(1),Ee()),2&n){const e=R(5);I(1),X0("",e.yearPickerValues()[0]," - ",e.yearPickerValues()[e.yearPickerValues().length-1],"")}}function aK(n,t){1&n&&Fe(0)}const XA=function(n){return{$implicit:n}};function lK(n,t){if(1&n&&(V(0,"span",41),O(1,oK,2,2,"ng-container",6),O(2,aK,1,0,"ng-container",42),Y()),2&n){const e=R(4);I(1),x("ngIf",!e.decadeTemplate),I(1),x("ngTemplateOutlet",e.decadeTemplate)("ngTemplateOutletContext",Je(3,XA,e.yearPickerValues))}}function cK(n,t){1&n&&se(0,"ChevronRightIcon",37),2&n&&x("styleClass","p-datepicker-next-icon")}function uK(n,t){}function dK(n,t){1&n&&O(0,uK,0,0,"ng-template")}function hK(n,t){if(1&n&&(V(0,"span",43),O(1,dK,1,0,null,12),Y()),2&n){const e=R(4);I(1),x("ngTemplateOutlet",e.nextIconTemplate)}}function fK(n,t){if(1&n&&(V(0,"th",49)(1,"span"),le(2),Y()()),2&n){const e=R(5);I(2),dt(e.getTranslation("weekHeader"))}}function pK(n,t){if(1&n&&(V(0,"th",50)(1,"span"),le(2),Y()()),2&n){const e=t.$implicit;I(2),dt(e)}}function mK(n,t){if(1&n&&(V(0,"td",53)(1,"span",54),le(2),Y()()),2&n){const e=R().index,i=R(2).$implicit;I(2),Hn(" ",i.weekNumbers[e]," ")}}function _K(n,t){if(1&n&&(ke(0),le(1),Ee()),2&n){const e=R(2).$implicit;I(1),dt(e.day)}}function gK(n,t){1&n&&Fe(0)}const JA=function(n,t){return{"p-highlight":n,"p-disabled":t}};function yK(n,t){if(1&n){const e=Ue();ke(0),V(1,"span",55),de("click",function(s){q(e);const r=R().$implicit;return K(R(6).onDateSelect(s,r))})("keydown",function(s){q(e);const r=R().$implicit,o=R(3).index;return K(R(3).onDateCellKeydown(s,r,o))}),O(2,_K,2,1,"ng-container",6),O(3,gK,1,0,"ng-container",42),Y(),Ee()}if(2&n){const e=R().$implicit,i=R(6);I(1),x("ngClass",bn(4,JA,i.isSelected(e),!e.selectable)),I(1),x("ngIf",!i.dateTemplate),I(1),x("ngTemplateOutlet",i.dateTemplate)("ngTemplateOutletContext",Je(7,XA,e))}}const vK=function(n,t){return{"p-datepicker-other-month":n,"p-datepicker-today":t}};function bK(n,t){if(1&n&&(V(0,"td",15),O(1,yK,4,9,"ng-container",6),Y()),2&n){const e=t.$implicit,i=R(6);x("ngClass",bn(2,vK,e.otherMonth,e.today)),I(1),x("ngIf",!e.otherMonth||i.showOtherMonths)}}function wK(n,t){if(1&n&&(V(0,"tr"),O(1,mK,3,1,"td",51),O(2,bK,2,5,"td",52),Y()),2&n){const e=t.$implicit,i=R(5);I(1),x("ngIf",i.showWeek),I(1),x("ngForOf",e)}}function MK(n,t){if(1&n&&(V(0,"div",44)(1,"table",45)(2,"thead")(3,"tr"),O(4,fK,3,1,"th",46),O(5,pK,3,1,"th",47),Y()(),V(6,"tbody"),O(7,wK,3,2,"tr",48),Y()()()),2&n){const e=R().$implicit,i=R(3);I(4),x("ngIf",i.showWeek),I(1),x("ngForOf",i.weekDays),I(2),x("ngForOf",e.dates)}}function TK(n,t){if(1&n){const e=Ue();V(0,"div",24)(1,"div",25),O(2,iK,3,2,"button",26),V(3,"div",27),O(4,sK,2,2,"button",28),O(5,rK,2,2,"button",29),O(6,lK,3,5,"span",30),Y(),V(7,"button",31),de("keydown",function(s){return q(e),K(R(3).onContainerButtonKeydown(s))})("click",function(s){return q(e),K(R(3).onNextButtonClick(s))}),O(8,cK,1,1,"ChevronRightIcon",32),O(9,hK,2,1,"span",33),Y()(),O(10,MK,8,3,"div",34),Y()}if(2&n){const e=t.index,i=R(3);I(2),x("ngIf",0===e),I(2),x("ngIf","date"===i.currentView),I(1),x("ngIf","year"!==i.currentView),I(1),x("ngIf","year"===i.currentView),I(1),Cd("display",1===i.numberOfMonths||e===i.numberOfMonths-1?"inline-flex":"none"),I(1),x("ngIf",!i.nextIconTemplate),I(1),x("ngIf",i.nextIconTemplate),I(1),x("ngIf","date"===i.currentView)}}function SK(n,t){if(1&n){const e=Ue();V(0,"span",58),de("click",function(s){const o=q(e).index;return K(R(4).onMonthSelect(s,o))})("keydown",function(s){const o=q(e).index;return K(R(4).onMonthCellKeydown(s,o))}),le(1),Y()}if(2&n){const e=t.$implicit,i=t.index,s=R(4);x("ngClass",bn(2,JA,s.isMonthSelected(i),s.isMonthDisabled(i))),I(1),Hn(" ",e," ")}}function CK(n,t){if(1&n&&(V(0,"div",56),O(1,SK,2,5,"span",57),Y()),2&n){const e=R(3);I(1),x("ngForOf",e.monthPickerValues())}}const DK=function(n){return{"p-highlight":n}};function xK(n,t){if(1&n){const e=Ue();V(0,"span",61),de("click",function(s){const o=q(e).$implicit;return K(R(4).onYearSelect(s,o))})("keydown",function(s){const o=q(e).$implicit;return K(R(4).onYearCellKeydown(s,o))}),le(1),Y()}if(2&n){const e=t.$implicit,i=R(4);x("ngClass",Je(2,DK,i.isYearSelected(e))),I(1),Hn(" ",e," ")}}function kK(n,t){if(1&n&&(V(0,"div",59),O(1,xK,2,4,"span",60),Y()),2&n){const e=R(3);I(1),x("ngForOf",e.yearPickerValues())}}function EK(n,t){if(1&n&&(ke(0),V(1,"div",20),O(2,TK,11,9,"div",21),Y(),O(3,CK,2,1,"div",22),O(4,kK,2,1,"div",23),Ee()),2&n){const e=R(2);I(2),x("ngForOf",e.months),I(1),x("ngIf","month"===e.currentView),I(1),x("ngIf","year"===e.currentView)}}function IK(n,t){1&n&&se(0,"ChevronUpIcon")}function LK(n,t){}function PK(n,t){1&n&&O(0,LK,0,0,"ng-template")}function AK(n,t){1&n&&(ke(0),le(1,"0"),Ee())}function OK(n,t){1&n&&se(0,"ChevronDownIcon")}function RK(n,t){}function FK(n,t){1&n&&O(0,RK,0,0,"ng-template")}function NK(n,t){1&n&&se(0,"ChevronUpIcon")}function HK(n,t){}function YK(n,t){1&n&&O(0,HK,0,0,"ng-template")}function VK(n,t){1&n&&(ke(0),le(1,"0"),Ee())}function BK(n,t){1&n&&se(0,"ChevronDownIcon")}function zK(n,t){}function jK(n,t){1&n&&O(0,zK,0,0,"ng-template")}function WK(n,t){if(1&n&&(V(0,"div",65)(1,"span"),le(2),Y()()),2&n){const e=R(3);I(2),dt(e.timeSeparator)}}function UK(n,t){1&n&&se(0,"ChevronUpIcon")}function GK(n,t){}function $K(n,t){1&n&&O(0,GK,0,0,"ng-template")}function qK(n,t){1&n&&(ke(0),le(1,"0"),Ee())}function KK(n,t){1&n&&se(0,"ChevronDownIcon")}function XK(n,t){}function JK(n,t){1&n&&O(0,XK,0,0,"ng-template")}function ZK(n,t){if(1&n){const e=Ue();V(0,"div",70)(1,"button",64),de("keydown",function(s){return q(e),K(R(3).onContainerButtonKeydown(s))})("keydown.enter",function(s){return q(e),K(R(3).incrementSecond(s))})("keydown.space",function(s){return q(e),K(R(3).incrementSecond(s))})("mousedown",function(s){return q(e),K(R(3).onTimePickerElementMouseDown(s,2,1))})("mouseup",function(s){return q(e),K(R(3).onTimePickerElementMouseUp(s))})("keyup.enter",function(s){return q(e),K(R(3).onTimePickerElementMouseUp(s))})("keyup.space",function(s){return q(e),K(R(3).onTimePickerElementMouseUp(s))})("mouseleave",function(){return q(e),K(R(3).onTimePickerElementMouseLeave())}),O(2,UK,1,0,"ChevronUpIcon",6),O(3,$K,1,0,null,12),Y(),V(4,"span"),O(5,qK,2,0,"ng-container",6),le(6),Y(),V(7,"button",64),de("keydown",function(s){return q(e),K(R(3).onContainerButtonKeydown(s))})("keydown.enter",function(s){return q(e),K(R(3).decrementSecond(s))})("keydown.space",function(s){return q(e),K(R(3).decrementSecond(s))})("mousedown",function(s){return q(e),K(R(3).onTimePickerElementMouseDown(s,2,-1))})("mouseup",function(s){return q(e),K(R(3).onTimePickerElementMouseUp(s))})("keyup.enter",function(s){return q(e),K(R(3).onTimePickerElementMouseUp(s))})("keyup.space",function(s){return q(e),K(R(3).onTimePickerElementMouseUp(s))})("mouseleave",function(){return q(e),K(R(3).onTimePickerElementMouseLeave())}),O(8,KK,1,0,"ChevronDownIcon",6),O(9,JK,1,0,null,12),Y()()}if(2&n){const e=R(3);I(2),x("ngIf",!e.incrementIconTemplate),I(1),x("ngTemplateOutlet",e.incrementIconTemplate),I(2),x("ngIf",e.currentSecond<10),I(1),dt(e.currentSecond),I(2),x("ngIf",!e.decrementIconTemplate),I(1),x("ngTemplateOutlet",e.decrementIconTemplate)}}function QK(n,t){1&n&&se(0,"ChevronUpIcon")}function eX(n,t){}function tX(n,t){1&n&&O(0,eX,0,0,"ng-template")}function nX(n,t){1&n&&se(0,"ChevronDownIcon")}function iX(n,t){}function sX(n,t){1&n&&O(0,iX,0,0,"ng-template")}function rX(n,t){if(1&n){const e=Ue();V(0,"div",71)(1,"button",72),de("keydown",function(s){return q(e),K(R(3).onContainerButtonKeydown(s))})("click",function(s){return q(e),K(R(3).toggleAMPM(s))})("keydown.enter",function(s){return q(e),K(R(3).toggleAMPM(s))}),O(2,QK,1,0,"ChevronUpIcon",6),O(3,tX,1,0,null,12),Y(),V(4,"span"),le(5),Y(),V(6,"button",72),de("keydown",function(s){return q(e),K(R(3).onContainerButtonKeydown(s))})("click",function(s){return q(e),K(R(3).toggleAMPM(s))})("keydown.enter",function(s){return q(e),K(R(3).toggleAMPM(s))}),O(7,nX,1,0,"ChevronDownIcon",6),O(8,sX,1,0,null,12),Y()()}if(2&n){const e=R(3);I(2),x("ngIf",!e.incrementIconTemplate),I(1),x("ngTemplateOutlet",e.incrementIconTemplate),I(2),dt(e.pm?"PM":"AM"),I(2),x("ngIf",!e.decrementIconTemplate),I(1),x("ngTemplateOutlet",e.decrementIconTemplate)}}function oX(n,t){if(1&n){const e=Ue();V(0,"div",62)(1,"div",63)(2,"button",64),de("keydown",function(s){return q(e),K(R(2).onContainerButtonKeydown(s))})("keydown.enter",function(s){return q(e),K(R(2).incrementHour(s))})("keydown.space",function(s){return q(e),K(R(2).incrementHour(s))})("mousedown",function(s){return q(e),K(R(2).onTimePickerElementMouseDown(s,0,1))})("mouseup",function(s){return q(e),K(R(2).onTimePickerElementMouseUp(s))})("keyup.enter",function(s){return q(e),K(R(2).onTimePickerElementMouseUp(s))})("keyup.space",function(s){return q(e),K(R(2).onTimePickerElementMouseUp(s))})("mouseleave",function(){return q(e),K(R(2).onTimePickerElementMouseLeave())}),O(3,IK,1,0,"ChevronUpIcon",6),O(4,PK,1,0,null,12),Y(),V(5,"span"),O(6,AK,2,0,"ng-container",6),le(7),Y(),V(8,"button",64),de("keydown",function(s){return q(e),K(R(2).onContainerButtonKeydown(s))})("keydown.enter",function(s){return q(e),K(R(2).decrementHour(s))})("keydown.space",function(s){return q(e),K(R(2).decrementHour(s))})("mousedown",function(s){return q(e),K(R(2).onTimePickerElementMouseDown(s,0,-1))})("mouseup",function(s){return q(e),K(R(2).onTimePickerElementMouseUp(s))})("keyup.enter",function(s){return q(e),K(R(2).onTimePickerElementMouseUp(s))})("keyup.space",function(s){return q(e),K(R(2).onTimePickerElementMouseUp(s))})("mouseleave",function(){return q(e),K(R(2).onTimePickerElementMouseLeave())}),O(9,OK,1,0,"ChevronDownIcon",6),O(10,FK,1,0,null,12),Y()(),V(11,"div",65)(12,"span"),le(13),Y()(),V(14,"div",66)(15,"button",64),de("keydown",function(s){return q(e),K(R(2).onContainerButtonKeydown(s))})("keydown.enter",function(s){return q(e),K(R(2).incrementMinute(s))})("keydown.space",function(s){return q(e),K(R(2).incrementMinute(s))})("mousedown",function(s){return q(e),K(R(2).onTimePickerElementMouseDown(s,1,1))})("mouseup",function(s){return q(e),K(R(2).onTimePickerElementMouseUp(s))})("keyup.enter",function(s){return q(e),K(R(2).onTimePickerElementMouseUp(s))})("keyup.space",function(s){return q(e),K(R(2).onTimePickerElementMouseUp(s))})("mouseleave",function(){return q(e),K(R(2).onTimePickerElementMouseLeave())}),O(16,NK,1,0,"ChevronUpIcon",6),O(17,YK,1,0,null,12),Y(),V(18,"span"),O(19,VK,2,0,"ng-container",6),le(20),Y(),V(21,"button",64),de("keydown",function(s){return q(e),K(R(2).onContainerButtonKeydown(s))})("keydown.enter",function(s){return q(e),K(R(2).decrementMinute(s))})("keydown.space",function(s){return q(e),K(R(2).decrementMinute(s))})("mousedown",function(s){return q(e),K(R(2).onTimePickerElementMouseDown(s,1,-1))})("mouseup",function(s){return q(e),K(R(2).onTimePickerElementMouseUp(s))})("keyup.enter",function(s){return q(e),K(R(2).onTimePickerElementMouseUp(s))})("keyup.space",function(s){return q(e),K(R(2).onTimePickerElementMouseUp(s))})("mouseleave",function(){return q(e),K(R(2).onTimePickerElementMouseLeave())}),O(22,BK,1,0,"ChevronDownIcon",6),O(23,jK,1,0,null,12),Y()(),O(24,WK,3,1,"div",67),O(25,ZK,10,6,"div",68),O(26,rX,9,5,"div",69),Y()}if(2&n){const e=R(2);I(3),x("ngIf",!e.incrementIconTemplate),I(1),x("ngTemplateOutlet",e.incrementIconTemplate),I(2),x("ngIf",e.currentHour<10),I(1),dt(e.currentHour),I(2),x("ngIf",!e.decrementIconTemplate),I(1),x("ngTemplateOutlet",e.decrementIconTemplate),I(3),dt(e.timeSeparator),I(3),x("ngIf",!e.incrementIconTemplate),I(1),x("ngTemplateOutlet",e.incrementIconTemplate),I(2),x("ngIf",e.currentMinute<10),I(1),dt(e.currentMinute),I(2),x("ngIf",!e.decrementIconTemplate),I(1),x("ngTemplateOutlet",e.decrementIconTemplate),I(1),x("ngIf",e.showSeconds),I(1),x("ngIf",e.showSeconds),I(1),x("ngIf","12"==e.hourFormat)}}const ZA=function(n){return[n]};function aX(n,t){if(1&n){const e=Ue();V(0,"div",73)(1,"button",74),de("keydown",function(s){return q(e),K(R(2).onContainerButtonKeydown(s))})("click",function(s){return q(e),K(R(2).onTodayButtonClick(s))}),Y(),V(2,"button",74),de("keydown",function(s){return q(e),K(R(2).onContainerButtonKeydown(s))})("click",function(s){return q(e),K(R(2).onClearButtonClick(s))}),Y()()}if(2&n){const e=R(2);I(1),x("label",e.getTranslation("today"))("ngClass",Je(4,ZA,e.todayButtonStyleClass)),I(1),x("label",e.getTranslation("clear"))("ngClass",Je(6,ZA,e.clearButtonStyleClass))}}function lX(n,t){1&n&&Fe(0)}const cX=function(n,t,e,i,s,r){return{"p-datepicker p-component":!0,"p-datepicker-inline":n,"p-disabled":t,"p-datepicker-timeonly":e,"p-datepicker-multiple-month":i,"p-datepicker-monthpicker":s,"p-datepicker-touch-ui":r}},QA=function(n,t){return{showTransitionParams:n,hideTransitionParams:t}},uX=function(n){return{value:"visibleTouchUI",params:n}},dX=function(n){return{value:"visible",params:n}};function hX(n,t){if(1&n){const e=Ue();V(0,"div",16,17),de("@overlayAnimation.start",function(s){return q(e),K(R().onOverlayAnimationStart(s))})("@overlayAnimation.done",function(s){return q(e),K(R().onOverlayAnimationDone(s))})("click",function(s){return q(e),K(R().onOverlayClick(s))}),Sc(2),O(3,Zq,1,0,"ng-container",12),O(4,EK,5,3,"ng-container",6),O(5,oX,27,16,"div",18),O(6,aX,3,8,"div",19),Sc(7,1),O(8,lX,1,0,"ng-container",12),Y()}if(2&n){const e=R();Ge(e.panelStyleClass),x("ngStyle",e.panelStyle)("ngClass",Ec(11,cX,e.inline,e.disabled,e.timeOnly,e.numberOfMonths>1,"month"===e.view,e.touchUI))("@overlayAnimation",e.touchUI?Je(21,uX,bn(18,QA,e.showTransitionOptions,e.hideTransitionOptions)):Je(26,dX,bn(23,QA,e.showTransitionOptions,e.hideTransitionOptions)))("@.disabled",!0===e.inline),I(3),x("ngTemplateOutlet",e.headerTemplate),I(1),x("ngIf",!e.timeOnly),I(1),x("ngIf",(e.showTime||e.timeOnly)&&"date"===e.currentView),I(1),x("ngIf",e.showButtonBar),I(2),x("ngTemplateOutlet",e.footerTemplate)}}const fX=[[["p-header"]],[["p-footer"]]],pX=function(n,t,e,i){return{"p-calendar":!0,"p-calendar-w-btn":n,"p-calendar-timeonly":t,"p-calendar-disabled":e,"p-focus":i}},mX=["p-header","p-footer"],_X={provide:ii,useExisting:ut(()=>gX),multi:!0};let gX=(()=>{class n{get minDate(){return this._minDate}set minDate(e){this._minDate=e,null!=this.currentMonth&&null!=this.currentMonth&&this.currentYear&&this.createMonths(this.currentMonth,this.currentYear)}get maxDate(){return this._maxDate}set maxDate(e){this._maxDate=e,null!=this.currentMonth&&null!=this.currentMonth&&this.currentYear&&this.createMonths(this.currentMonth,this.currentYear)}get disabledDates(){return this._disabledDates}set disabledDates(e){this._disabledDates=e,null!=this.currentMonth&&null!=this.currentMonth&&this.currentYear&&this.createMonths(this.currentMonth,this.currentYear)}get disabledDays(){return this._disabledDays}set disabledDays(e){this._disabledDays=e,null!=this.currentMonth&&null!=this.currentMonth&&this.currentYear&&this.createMonths(this.currentMonth,this.currentYear)}get yearRange(){return this._yearRange}set yearRange(e){if(this._yearRange=e,e){const i=e.split(":"),s=parseInt(i[0]),r=parseInt(i[1]);this.populateYearOptions(s,r)}}get showTime(){return this._showTime}set showTime(e){this._showTime=e,void 0===this.currentHour&&this.initTime(this.value||new Date),this.updateInputfield()}get responsiveOptions(){return this._responsiveOptions}set responsiveOptions(e){this._responsiveOptions=e,this.destroyResponsiveStyleElement(),this.createResponsiveStyle()}get numberOfMonths(){return this._numberOfMonths}set numberOfMonths(e){this._numberOfMonths=e,this.destroyResponsiveStyleElement(),this.createResponsiveStyle()}get firstDayOfWeek(){return this._firstDayOfWeek}set firstDayOfWeek(e){this._firstDayOfWeek=e,this.createWeekDays()}set locale(e){console.warn("Locale property has no effect, use new i18n API instead.")}get view(){return this._view}set view(e){this._view=e,this.currentView=this._view}get defaultDate(){return this._defaultDate}set defaultDate(e){if(this._defaultDate=e,this.initialized){const i=e||new Date;this.currentMonth=i.getMonth(),this.currentYear=i.getFullYear(),this.initTime(i),this.createMonths(this.currentMonth,this.currentYear)}}set content(e){this.contentViewChild=e,this.contentViewChild&&(this.isMonthNavigate?(Promise.resolve(null).then(()=>this.updateFocus()),this.isMonthNavigate=!1):this.focus||this.initFocusableCell())}get locale(){return this._locale}constructor(e,i,s,r,o,a,l){h(this,"document",void 0),h(this,"el",void 0),h(this,"renderer",void 0),h(this,"cd",void 0),h(this,"zone",void 0),h(this,"config",void 0),h(this,"overlayService",void 0),h(this,"style",void 0),h(this,"styleClass",void 0),h(this,"inputStyle",void 0),h(this,"inputId",void 0),h(this,"name",void 0),h(this,"inputStyleClass",void 0),h(this,"placeholder",void 0),h(this,"ariaLabelledBy",void 0),h(this,"iconAriaLabel",void 0),h(this,"disabled",void 0),h(this,"dateFormat",void 0),h(this,"multipleSeparator",","),h(this,"rangeSeparator","-"),h(this,"inline",!1),h(this,"showOtherMonths",!0),h(this,"selectOtherMonths",void 0),h(this,"showIcon",void 0),h(this,"icon",void 0),h(this,"appendTo",void 0),h(this,"readonlyInput",void 0),h(this,"shortYearCutoff","+10"),h(this,"monthNavigator",void 0),h(this,"yearNavigator",void 0),h(this,"hourFormat","24"),h(this,"timeOnly",void 0),h(this,"stepHour",1),h(this,"stepMinute",1),h(this,"stepSecond",1),h(this,"showSeconds",!1),h(this,"required",void 0),h(this,"showOnFocus",!0),h(this,"showWeek",!1),h(this,"showClear",!1),h(this,"dataType","date"),h(this,"selectionMode","single"),h(this,"maxDateCount",void 0),h(this,"showButtonBar",void 0),h(this,"todayButtonStyleClass","p-button-text"),h(this,"clearButtonStyleClass","p-button-text"),h(this,"autoZIndex",!0),h(this,"baseZIndex",0),h(this,"panelStyleClass",void 0),h(this,"panelStyle",void 0),h(this,"keepInvalid",!1),h(this,"hideOnDateTimeSelect",!0),h(this,"touchUI",void 0),h(this,"timeSeparator",":"),h(this,"focusTrap",!0),h(this,"showTransitionOptions",".12s cubic-bezier(0, 0, 0.2, 1)"),h(this,"hideTransitionOptions",".1s linear"),h(this,"tabindex",void 0),h(this,"onFocus",new ce),h(this,"onBlur",new ce),h(this,"onClose",new ce),h(this,"onSelect",new ce),h(this,"onClear",new ce),h(this,"onInput",new ce),h(this,"onTodayClick",new ce),h(this,"onClearClick",new ce),h(this,"onMonthChange",new ce),h(this,"onYearChange",new ce),h(this,"onClickOutside",new ce),h(this,"onShow",new ce),h(this,"templates",void 0),h(this,"containerViewChild",void 0),h(this,"inputfieldViewChild",void 0),h(this,"contentViewChild",void 0),h(this,"value",void 0),h(this,"dates",void 0),h(this,"months",void 0),h(this,"weekDays",void 0),h(this,"currentMonth",void 0),h(this,"currentYear",void 0),h(this,"currentHour",void 0),h(this,"currentMinute",void 0),h(this,"currentSecond",void 0),h(this,"pm",void 0),h(this,"mask",void 0),h(this,"maskClickListener",void 0),h(this,"overlay",void 0),h(this,"responsiveStyleElement",void 0),h(this,"overlayVisible",void 0),h(this,"onModelChange",()=>{}),h(this,"onModelTouched",()=>{}),h(this,"calendarElement",void 0),h(this,"timePickerTimer",void 0),h(this,"documentClickListener",void 0),h(this,"animationEndListener",void 0),h(this,"ticksTo1970",void 0),h(this,"yearOptions",void 0),h(this,"focus",void 0),h(this,"isKeydown",void 0),h(this,"filled",void 0),h(this,"inputFieldValue",null),h(this,"_minDate",void 0),h(this,"_maxDate",void 0),h(this,"_showTime",void 0),h(this,"_yearRange",void 0),h(this,"preventDocumentListener",void 0),h(this,"dateTemplate",void 0),h(this,"headerTemplate",void 0),h(this,"footerTemplate",void 0),h(this,"disabledDateTemplate",void 0),h(this,"decadeTemplate",void 0),h(this,"previousIconTemplate",void 0),h(this,"nextIconTemplate",void 0),h(this,"triggerIconTemplate",void 0),h(this,"clearIconTemplate",void 0),h(this,"decrementIconTemplate",void 0),h(this,"incrementIconTemplate",void 0),h(this,"_disabledDates",void 0),h(this,"_disabledDays",void 0),h(this,"selectElement",void 0),h(this,"todayElement",void 0),h(this,"focusElement",void 0),h(this,"scrollHandler",void 0),h(this,"documentResizeListener",void 0),h(this,"navigationState",null),h(this,"isMonthNavigate",void 0),h(this,"initialized",void 0),h(this,"translationSubscription",void 0),h(this,"_locale",void 0),h(this,"_responsiveOptions",void 0),h(this,"currentView",void 0),h(this,"attributeSelector",void 0),h(this,"_numberOfMonths",1),h(this,"_firstDayOfWeek",void 0),h(this,"_view","date"),h(this,"preventFocus",void 0),h(this,"_defaultDate",void 0),h(this,"window",void 0),h(this,"convertTo24Hour",function(c,u){return"12"==this.hourFormat?12===c?u?12:0:u?c+12:c:c}),this.document=e,this.el=i,this.renderer=s,this.cd=r,this.zone=o,this.config=a,this.overlayService=l,this.window=this.document.defaultView}ngOnInit(){this.attributeSelector=Bs();const e=this.defaultDate||new Date;this.createResponsiveStyle(),this.currentMonth=e.getMonth(),this.currentYear=e.getFullYear(),this.currentView=this.view,"date"===this.view&&(this.createWeekDays(),this.initTime(e),this.createMonths(this.currentMonth,this.currentYear),this.ticksTo1970=24*(718685+Math.floor(492.5)-Math.floor(19.7)+Math.floor(4.925))*60*60*1e7),this.translationSubscription=this.config.translationObserver.subscribe(()=>{this.createWeekDays(),this.cd.markForCheck()}),this.initialized=!0}ngAfterContentInit(){this.templates.forEach(e=>{switch(e.getType()){case"date":default:this.dateTemplate=e.template;break;case"decade":this.decadeTemplate=e.template;break;case"disabledDate":this.disabledDateTemplate=e.template;break;case"header":this.headerTemplate=e.template;break;case"previousicon":this.previousIconTemplate=e.template;break;case"nexticon":this.nextIconTemplate=e.template;break;case"triggericon":this.triggerIconTemplate=e.template;break;case"clearicon":this.clearIconTemplate=e.template;break;case"decrementicon":this.decrementIconTemplate=e.template;break;case"incrementicon":this.incrementIconTemplate=e.template;break;case"footer":this.footerTemplate=e.template}})}ngAfterViewInit(){this.inline&&(this.contentViewChild&&this.contentViewChild.nativeElement.setAttribute(this.attributeSelector,""),this.disabled||(this.initFocusableCell(),1===this.numberOfMonths&&(this.contentViewChild.nativeElement.style.width=G.getOuterWidth(this.containerViewChild?.nativeElement)+"px")))}getTranslation(e){return this.config.getTranslation(e)}populateYearOptions(e,i){this.yearOptions=[];for(let s=e;s<=i;s++)this.yearOptions.push(s)}createWeekDays(){this.weekDays=[];let e=this.getFirstDateOfWeek(),i=this.getTranslation(zs.DAY_NAMES_MIN);for(let s=0;s<7;s++)this.weekDays.push(i[e]),e=6==e?0:++e}monthPickerValues(){let e=[];for(let i=0;i<=11;i++)e.push(this.config.getTranslation("monthNamesShort")[i]);return e}yearPickerValues(){let e=[],i=this.currentYear-this.currentYear%10;for(let s=0;s<10;s++)e.push(i+s);return e}createMonths(e,i){this.months=this.months=[];for(let s=0;s11&&(r=r%11-1,o=i+1),this.months.push(this.createMonth(r,o))}}getWeekNumber(e){let i=new Date(e.getTime());i.setDate(i.getDate()+4-(i.getDay()||7));let s=i.getTime();return i.setMonth(0),i.setDate(1),Math.floor(Math.round((s-i.getTime())/864e5)/7)+1}createMonth(e,i){let s=[],r=this.getFirstDayOfMonthIndex(e,i),o=this.getDaysCountInMonth(e,i),a=this.getDaysCountInPrevMonth(e,i),l=1,c=new Date,u=[],f=Math.ceil((o+r)/7);for(let p=0;po){let M=this.getNextMonthAndYear(e,i);g.push({day:l-o,month:M.month,year:M.year,otherMonth:!0,today:this.isToday(c,l-o,M.month,M.year),selectable:this.isSelectable(l-o,M.month,M.year,!0)})}else g.push({day:l,month:e,year:i,today:this.isToday(c,l,e,i),selectable:this.isSelectable(l,e,i,!1)});l++}this.showWeek&&u.push(this.getWeekNumber(new Date(g[0].year,g[0].month,g[0].day))),s.push(g)}return{month:e,year:i,dates:s,weekNumbers:u}}initTime(e){this.pm=e.getHours()>11,this.showTime?(this.currentMinute=e.getMinutes(),this.currentSecond=e.getSeconds(),this.setCurrentHourPM(e.getHours())):this.timeOnly&&(this.currentMinute=0,this.currentHour=0,this.currentSecond=0)}navBackward(e){this.disabled?e.preventDefault():(this.isMonthNavigate=!0,"month"===this.currentView?(this.decrementYear(),setTimeout(()=>{this.updateFocus()},1)):"year"===this.currentView?(this.decrementDecade(),setTimeout(()=>{this.updateFocus()},1)):(0===this.currentMonth?(this.currentMonth=11,this.decrementYear()):this.currentMonth--,this.onMonthChange.emit({month:this.currentMonth+1,year:this.currentYear}),this.createMonths(this.currentMonth,this.currentYear)))}navForward(e){this.disabled?e.preventDefault():(this.isMonthNavigate=!0,"month"===this.currentView?(this.incrementYear(),setTimeout(()=>{this.updateFocus()},1)):"year"===this.currentView?(this.incrementDecade(),setTimeout(()=>{this.updateFocus()},1)):(11===this.currentMonth?(this.currentMonth=0,this.incrementYear()):this.currentMonth++,this.onMonthChange.emit({month:this.currentMonth+1,year:this.currentYear}),this.createMonths(this.currentMonth,this.currentYear)))}decrementYear(){this.currentYear--;let e=this.yearOptions;if(this.yearNavigator&&this.currentYeare[e.length-1]){let i=e[e.length-1]-e[0];this.populateYearOptions(e[0]+i,e[e.length-1]+i)}}switchToMonthView(e){this.setCurrentView("month"),e.preventDefault()}switchToYearView(e){this.setCurrentView("year"),e.preventDefault()}onDateSelect(e,i){!this.disabled&&i.selectable?(this.isMultipleSelection()&&this.isSelected(i)?(this.value=this.value.filter((s,r)=>!this.isDateEquals(s,i)),0===this.value.length&&(this.value=null),this.updateModel(this.value)):this.shouldSelectDate(i)&&this.selectDate(i),this.isSingleSelection()&&this.hideOnDateTimeSelect&&setTimeout(()=>{e.preventDefault(),this.hideOverlay(),this.mask&&this.disableModality(),this.cd.markForCheck()},150),this.updateInputfield(),e.preventDefault()):e.preventDefault()}shouldSelectDate(e){return!this.isMultipleSelection()||null==this.maxDateCount||this.maxDateCount>(this.value?this.value.length:0)}onMonthSelect(e,i){"month"===this.view?this.onDateSelect(e,{year:this.currentYear,month:i,day:1,selectable:!0}):(this.currentMonth=i,this.createMonths(this.currentMonth,this.currentYear),this.setCurrentView("date"),this.onMonthChange.emit({month:this.currentMonth+1,year:this.currentYear}))}onYearSelect(e,i){"year"===this.view?this.onDateSelect(e,{year:i,month:0,day:1,selectable:!0}):(this.currentYear=i,this.setCurrentView("month"),this.onYearChange.emit({month:this.currentMonth+1,year:this.currentYear}))}updateInputfield(){let e="";if(this.value)if(this.isSingleSelection())e=this.formatDateTime(this.value);else if(this.isMultipleSelection())for(let i=0;i11,this.currentHour=e>=12?12==e?12:e-12:0==e?12:e):this.currentHour=e}setCurrentView(e){this.currentView=e,this.cd.detectChanges(),this.alignOverlay()}selectDate(e){let i=new Date(e.year,e.month,e.day);if(this.showTime&&(i.setHours("12"==this.hourFormat?12===this.currentHour?this.pm?12:0:this.pm?this.currentHour+12:this.currentHour:this.currentHour),i.setMinutes(this.currentMinute),i.setSeconds(this.currentSecond)),this.minDate&&this.minDate>i&&(i=this.minDate,this.setCurrentHourPM(i.getHours()),this.currentMinute=i.getMinutes(),this.currentSecond=i.getSeconds()),this.maxDate&&this.maxDate=s.getTime()?r=i:(s=i,r=null),this.updateModel([s,r])}else this.updateModel([i,null]);this.onSelect.emit(i)}updateModel(e){if(this.value=e,"date"==this.dataType)this.onModelChange(this.value);else if("string"==this.dataType)if(this.isSingleSelection())this.onModelChange(this.formatDateTime(this.value));else{let i=null;this.value&&(i=this.value.map(s=>this.formatDateTime(s))),this.onModelChange(i)}}getFirstDayOfMonthIndex(e,i){let s=new Date;s.setDate(1),s.setMonth(e),s.setFullYear(i);let r=s.getDay()+this.getSundayIndex();return r>=7?r-7:r}getDaysCountInMonth(e,i){return 32-this.daylightSavingAdjust(new Date(i,e,32)).getDate()}getDaysCountInPrevMonth(e,i){let s=this.getPreviousMonthAndYear(e,i);return this.getDaysCountInMonth(s.month,s.year)}getPreviousMonthAndYear(e,i){let s,r;return 0===e?(s=11,r=i-1):(s=e-1,r=i),{month:s,year:r}}getNextMonthAndYear(e,i){let s,r;return 11===e?(s=0,r=i+1):(s=e+1,r=i),{month:s,year:r}}getSundayIndex(){let e=this.getFirstDateOfWeek();return e>0?7-e:0}isSelected(e){if(!this.value)return!1;if(this.isSingleSelection())return this.isDateEquals(this.value,e);if(this.isMultipleSelection()){let i=!1;for(let s of this.value)if(i=this.isDateEquals(s,e),i)break;return i}return this.isRangeSelection()?this.value[1]?this.isDateEquals(this.value[0],e)||this.isDateEquals(this.value[1],e)||this.isDateBetween(this.value[0],this.value[1],e):this.isDateEquals(this.value[0],e):void 0}isComparable(){return null!=this.value&&"string"!=typeof this.value}isMonthSelected(e){if(this.isComparable()&&!this.isMultipleSelection()){const[i,s]=this.isRangeSelection()?this.value:[this.value,this.value],r=new Date(this.currentYear,e,1);return r>=i&&r<=(s??i)}return!1}isMonthDisabled(e){for(let i=1;i=o.getTime()}return!1}isSingleSelection(){return"single"===this.selectionMode}isRangeSelection(){return"range"===this.selectionMode}isMultipleSelection(){return"multiple"===this.selectionMode}isToday(e,i,s,r){return e.getDate()===i&&e.getMonth()===s&&e.getFullYear()===r}isSelectable(e,i,s,r){let o=!0,a=!0,l=!0,c=!0;return!(r&&!this.selectOtherMonths)&&(this.minDate&&(this.minDate.getFullYear()>s||this.minDate.getFullYear()===s&&(this.minDate.getMonth()>i||this.minDate.getMonth()===i&&this.minDate.getDate()>e))&&(o=!1),this.maxDate&&(this.maxDate.getFullYear()1||this.disabled}onPrevButtonClick(e){this.navigationState={backward:!0,button:!0},this.navBackward(e)}onNextButtonClick(e){this.navigationState={backward:!1,button:!0},this.navForward(e)}onContainerButtonKeydown(e){switch(e.which){case 9:this.inline||this.trapFocus(e);break;case 27:this.overlayVisible=!1,e.preventDefault()}}onInputKeydown(e){this.isKeydown=!0,40===e.keyCode&&this.contentViewChild?this.trapFocus(e):27===e.keyCode||13===e.keyCode?this.overlayVisible&&(this.overlayVisible=!1,e.preventDefault()):9===e.keyCode&&this.contentViewChild&&(G.getFocusableElements(this.contentViewChild.nativeElement).forEach(i=>i.tabIndex="-1"),this.overlayVisible&&(this.overlayVisible=!1))}onDateCellKeydown(e,i,s){const r=e.currentTarget,o=r.parentElement;switch(e.which){case 40:{r.tabIndex="-1";let a=G.index(o),l=o.parentElement.nextElementSibling;l?G.hasClass(l.children[a].children[0],"p-disabled")?(this.navigationState={backward:!1},this.navForward(e)):(l.children[a].children[0].tabIndex="0",l.children[a].children[0].focus()):(this.navigationState={backward:!1},this.navForward(e)),e.preventDefault();break}case 38:{r.tabIndex="-1";let a=G.index(o),l=o.parentElement.previousElementSibling;if(l){let c=l.children[a].children[0];G.hasClass(c,"p-disabled")?(this.navigationState={backward:!0},this.navBackward(e)):(c.tabIndex="0",c.focus())}else this.navigationState={backward:!0},this.navBackward(e);e.preventDefault();break}case 37:{r.tabIndex="-1";let a=o.previousElementSibling;if(a){let l=a.children[0];G.hasClass(l,"p-disabled")||G.hasClass(l.parentElement,"p-datepicker-weeknumber")?this.navigateToMonth(!0,s):(l.tabIndex="0",l.focus())}else this.navigateToMonth(!0,s);e.preventDefault();break}case 39:{r.tabIndex="-1";let a=o.nextElementSibling;if(a){let l=a.children[0];G.hasClass(l,"p-disabled")?this.navigateToMonth(!1,s):(l.tabIndex="0",l.focus())}else this.navigateToMonth(!1,s);e.preventDefault();break}case 13:case 32:this.onDateSelect(e,i),e.preventDefault();break;case 27:this.overlayVisible=!1,e.preventDefault();break;case 9:this.inline||this.trapFocus(e)}}onMonthCellKeydown(e,i){const s=e.currentTarget;switch(e.which){case 38:case 40:{s.tabIndex="-1";var r=s.parentElement.children,o=G.index(s);let a=r[40===e.which?o+3:o-3];a&&(a.tabIndex="0",a.focus()),e.preventDefault();break}case 37:{s.tabIndex="-1";let a=s.previousElementSibling;a?(a.tabIndex="0",a.focus()):(this.navigationState={backward:!0},this.navBackward(e)),e.preventDefault();break}case 39:{s.tabIndex="-1";let a=s.nextElementSibling;a?(a.tabIndex="0",a.focus()):(this.navigationState={backward:!1},this.navForward(e)),e.preventDefault();break}case 13:this.onMonthSelect(e,i),e.preventDefault();break;case 13:case 32:case 27:this.overlayVisible=!1,e.preventDefault();break;case 9:this.inline||this.trapFocus(e)}}onYearCellKeydown(e,i){const s=e.currentTarget;switch(e.which){case 38:case 40:{s.tabIndex="-1";var r=s.parentElement.children,o=G.index(s);let a=r[40===e.which?o+2:o-2];a&&(a.tabIndex="0",a.focus()),e.preventDefault();break}case 37:{s.tabIndex="-1";let a=s.previousElementSibling;a?(a.tabIndex="0",a.focus()):(this.navigationState={backward:!0},this.navBackward(e)),e.preventDefault();break}case 39:{s.tabIndex="-1";let a=s.nextElementSibling;a?(a.tabIndex="0",a.focus()):(this.navigationState={backward:!1},this.navForward(e)),e.preventDefault();break}case 13:case 32:this.onYearSelect(e,i),e.preventDefault();break;case 27:this.overlayVisible=!1,e.preventDefault();break;case 9:this.trapFocus(e)}}navigateToMonth(e,i){if(e)if(1===this.numberOfMonths||0===i)this.navigationState={backward:!0},this.navBackward(event);else{let r=G.find(this.contentViewChild.nativeElement.children[i-1],".p-datepicker-calendar td span:not(.p-disabled):not(.p-ink)"),o=r[r.length-1];o.tabIndex="0",o.focus()}else if(1===this.numberOfMonths||i===this.numberOfMonths-1)this.navigationState={backward:!1},this.navForward(event);else{let r=G.findSingle(this.contentViewChild.nativeElement.children[i+1],".p-datepicker-calendar td span:not(.p-disabled):not(.p-ink)");r.tabIndex="0",r.focus()}}updateFocus(){let e;if(this.navigationState){if(this.navigationState.button)this.initFocusableCell(),this.navigationState.backward?G.findSingle(this.contentViewChild.nativeElement,".p-datepicker-prev").focus():G.findSingle(this.contentViewChild.nativeElement,".p-datepicker-next").focus();else{if(this.navigationState.backward){let i;i=G.find(this.contentViewChild.nativeElement,"month"===this.currentView?".p-monthpicker .p-monthpicker-month:not(.p-disabled)":"year"===this.currentView?".p-yearpicker .p-yearpicker-year:not(.p-disabled)":".p-datepicker-calendar td span:not(.p-disabled):not(.p-ink)"),i&&i.length>0&&(e=i[i.length-1])}else e=G.findSingle(this.contentViewChild.nativeElement,"month"===this.currentView?".p-monthpicker .p-monthpicker-month:not(.p-disabled)":"year"===this.currentView?".p-yearpicker .p-yearpicker-year:not(.p-disabled)":".p-datepicker-calendar td span:not(.p-disabled):not(.p-ink)");e&&(e.tabIndex="0",e.focus())}this.navigationState=null}else this.initFocusableCell()}initFocusableCell(){const e=this.contentViewChild?.nativeElement;let i;if("month"===this.currentView){let s=G.find(e,".p-monthpicker .p-monthpicker-month:not(.p-disabled)"),r=G.findSingle(e,".p-monthpicker .p-monthpicker-month.p-highlight");s.forEach(o=>o.tabIndex=-1),i=r||s[0],0===s.length&&G.find(e,'.p-monthpicker .p-monthpicker-month.p-disabled[tabindex = "0"]').forEach(a=>a.tabIndex=-1)}else if("year"===this.currentView){let s=G.find(e,".p-yearpicker .p-yearpicker-year:not(.p-disabled)"),r=G.findSingle(e,".p-yearpicker .p-yearpicker-year.p-highlight");s.forEach(o=>o.tabIndex=-1),i=r||s[0],0===s.length&&G.find(e,'.p-yearpicker .p-yearpicker-year.p-disabled[tabindex = "0"]').forEach(a=>a.tabIndex=-1)}else if(i=G.findSingle(e,"span.p-highlight"),!i){let s=G.findSingle(e,"td.p-datepicker-today span:not(.p-disabled):not(.p-ink)");i=s||G.findSingle(e,".p-datepicker-calendar td span:not(.p-disabled):not(.p-ink)")}i&&(i.tabIndex="0",!this.preventFocus&&(!this.navigationState||!this.navigationState.button)&&setTimeout(()=>{this.disabled||i.focus()},1),this.preventFocus=!1)}trapFocus(e){let i=G.getFocusableElements(this.contentViewChild.nativeElement);if(i&&i.length>0)if(i[0].ownerDocument.activeElement){let s=i.indexOf(i[0].ownerDocument.activeElement);if(e.shiftKey)if(-1==s||0===s)if(this.focusTrap)i[i.length-1].focus();else{if(-1===s)return this.hideOverlay();if(0===s)return}else i[s-1].focus();else if(-1==s||s===i.length-1){if(!this.focusTrap&&-1!=s)return this.hideOverlay();i[0].focus()}else i[s+1].focus()}else i[0].focus();e.preventDefault()}onMonthDropdownChange(e){this.currentMonth=parseInt(e),this.onMonthChange.emit({month:this.currentMonth+1,year:this.currentYear}),this.createMonths(this.currentMonth,this.currentYear)}onYearDropdownChange(e){this.currentYear=parseInt(e),this.onYearChange.emit({month:this.currentMonth+1,year:this.currentYear}),this.createMonths(this.currentMonth,this.currentYear)}validateTime(e,i,s,r){let o=this.value;const a=this.convertTo24Hour(e,r);this.isRangeSelection()&&(o=this.value[1]||this.value[0]),this.isMultipleSelection()&&(o=this.value[this.value.length-1]);const l=o?o.toDateString():null;return!(this.minDate&&l&&this.minDate.toDateString()===l&&(this.minDate.getHours()>a||this.minDate.getHours()===a&&(this.minDate.getMinutes()>i||this.minDate.getMinutes()===i&&this.minDate.getSeconds()>s))||this.maxDate&&l&&this.maxDate.toDateString()===l&&(this.maxDate.getHours()=24?s-24:s:"12"==this.hourFormat&&(this.currentHour<12&&s>11&&(r=!this.pm),s=s>=13?s-12:s),this.validateTime(s,this.currentMinute,this.currentSecond,r)&&(this.currentHour=s,this.pm=r),e.preventDefault()}onTimePickerElementMouseDown(e,i,s){this.disabled||(this.repeat(e,null,i,s),e.preventDefault())}onTimePickerElementMouseUp(e){this.disabled||(this.clearTimePickerTimer(),this.updateTime())}onTimePickerElementMouseLeave(){!this.disabled&&this.timePickerTimer&&(this.clearTimePickerTimer(),this.updateTime())}repeat(e,i,s,r){let o=i||500;switch(this.clearTimePickerTimer(),this.timePickerTimer=setTimeout(()=>{this.repeat(e,100,s,r),this.cd.markForCheck()},o),s){case 0:1===r?this.incrementHour(e):this.decrementHour(e);break;case 1:1===r?this.incrementMinute(e):this.decrementMinute(e);break;case 2:1===r?this.incrementSecond(e):this.decrementSecond(e)}this.updateInputfield()}clearTimePickerTimer(){this.timePickerTimer&&(clearTimeout(this.timePickerTimer),this.timePickerTimer=null)}decrementHour(e){let i=this.currentHour-this.stepHour,s=this.pm;"24"==this.hourFormat?i=i<0?24+i:i:"12"==this.hourFormat&&(12===this.currentHour&&(s=!this.pm),i=i<=0?12+i:i),this.validateTime(i,this.currentMinute,this.currentSecond,s)&&(this.currentHour=i,this.pm=s),e.preventDefault()}incrementMinute(e){let i=this.currentMinute+this.stepMinute;i=i>59?i-60:i,this.validateTime(this.currentHour,i,this.currentSecond,this.pm)&&(this.currentMinute=i),e.preventDefault()}decrementMinute(e){let i=this.currentMinute-this.stepMinute;i=i<0?60+i:i,this.validateTime(this.currentHour,i,this.currentSecond,this.pm)&&(this.currentMinute=i),e.preventDefault()}incrementSecond(e){let i=this.currentSecond+this.stepSecond;i=i>59?i-60:i,this.validateTime(this.currentHour,this.currentMinute,i,this.pm)&&(this.currentSecond=i),e.preventDefault()}decrementSecond(e){let i=this.currentSecond-this.stepSecond;i=i<0?60+i:i,this.validateTime(this.currentHour,this.currentMinute,i,this.pm)&&(this.currentSecond=i),e.preventDefault()}updateTime(){let e=this.value;this.isRangeSelection()&&(e=this.value[1]||this.value[0]),this.isMultipleSelection()&&(e=this.value[this.value.length-1]),e=e?new Date(e.getTime()):new Date,e.setHours("12"==this.hourFormat?12===this.currentHour?this.pm?12:0:this.pm?this.currentHour+12:this.currentHour:this.currentHour),e.setMinutes(this.currentMinute),e.setSeconds(this.currentSecond),this.isRangeSelection()&&(e=this.value[1]?[this.value[0],e]:[e,null]),this.isMultipleSelection()&&(e=[...this.value.slice(0,-1),e]),this.updateModel(e),this.onSelect.emit(e),this.updateInputfield()}toggleAMPM(e){const i=!this.pm;this.validateTime(this.currentHour,this.currentMinute,this.currentSecond,i)&&(this.pm=i,this.updateTime()),e.preventDefault()}onUserInput(e){if(!this.isKeydown)return;this.isKeydown=!1;let i=e.target.value;try{let s=this.parseValueFromString(i);this.isValidSelection(s)&&(this.updateModel(s),this.updateUI())}catch{this.updateModel(this.keepInvalid?i:null)}this.filled=null!=i&&i.length,this.onInput.emit(e)}isValidSelection(e){let i=!0;return this.isSingleSelection()?this.isSelectable(e.getDate(),e.getMonth(),e.getFullYear(),!1)||(i=!1):e.every(s=>this.isSelectable(s.getDate(),s.getMonth(),s.getFullYear(),!1))&&this.isRangeSelection()&&(i=e.length>1&&e[1]>e[0]),i}parseValueFromString(e){if(!e||0===e.trim().length)return null;let i;if(this.isSingleSelection())i=this.parseDateTime(e);else if(this.isMultipleSelection()){let s=e.split(this.multipleSeparator);i=[];for(let r of s)i.push(this.parseDateTime(r.trim()))}else if(this.isRangeSelection()){let s=e.split(" "+this.rangeSeparator+" ");i=[];for(let r=0;r{this.disableModality()}),this.renderer.appendChild(this.document.body,this.mask),G.addClass(this.document.body,"p-overflow-hidden"))}disableModality(){this.mask&&(G.addClass(this.mask,"p-component-overlay-leave"),this.animationEndListener||(this.animationEndListener=this.renderer.listen(this.mask,"animationend",this.destroyMask.bind(this))))}destroyMask(){if(!this.mask)return;this.renderer.removeChild(this.document.body,this.mask);let i,e=this.document.body.children;for(let s=0;s{const f=s+1{let g=""+f;if(r(u))for(;g.lengthr(u)?g[f]:p[f];let l="",c=!1;if(e)for(s=0;s11&&12!=s&&(s-=12),i+="12"==this.hourFormat&&0===s?12:s<10?"0"+s:s,i+=":",i+=r<10?"0"+r:r,this.showSeconds&&(i+=":",i+=o<10?"0"+o:o),"12"==this.hourFormat&&(i+=e.getHours()>11?" PM":" AM"),i}parseTime(e){let i=e.split(":");if(i.length!==(this.showSeconds?3:2))throw"Invalid time";let r=parseInt(i[0]),o=parseInt(i[1]),a=this.showSeconds?parseInt(i[2]):null;if(isNaN(r)||isNaN(o)||r>23||o>59||"12"==this.hourFormat&&r>12||this.showSeconds&&(isNaN(a)||a>59))throw"Invalid time";return"12"==this.hourFormat&&(12!==r&&this.pm?r+=12:!this.pm&&12===r&&(r-=12)),{hour:r,minute:o,second:a}}parseDate(e,i){if(null==i||null==e)throw"Invalid arguments";if(""===(e="object"==typeof e?e.toString():e+""))return null;let s,r,o,v,a=0,l="string"!=typeof this.shortYearCutoff?this.shortYearCutoff:(new Date).getFullYear()%100+parseInt(this.shortYearCutoff,10),c=-1,u=-1,f=-1,p=-1,g=!1,M=H=>{let B=s+1{let B=M(H),z="@"===H?14:"!"===H?20:"y"===H&&B?4:"o"===H?3:2,ne=new RegExp("^\\d{"+("y"===H?z:1)+","+z+"}"),ee=e.substring(a).match(ne);if(!ee)throw"Missing number at position "+a;return a+=ee[0].length,parseInt(ee[0],10)},L=(H,B,z)=>{let $=-1,ne=M(H)?z:B,ee=[];for(let re=0;re-(re[1].length-Te[1].length));for(let re=0;re{if(e.charAt(a)!==i.charAt(s))throw"Unexpected literal at position "+a;a++};for("month"===this.view&&(f=1),s=0;s-1)for(u=1,f=p;r=this.getDaysCountInMonth(c,u-1),!(f<=r);)u++,f-=r;if("year"===this.view&&(u=-1===u?1:u,f=-1===f?1:f),v=this.daylightSavingAdjust(new Date(c,u-1,f)),v.getFullYear()!==c||v.getMonth()+1!==u||v.getDate()!==f)throw"Invalid date";return v}daylightSavingAdjust(e){return e?(e.setHours(e.getHours()>12?e.getHours()+2:0),e):null}updateFilledState(){this.filled=this.inputFieldValue&&""!=this.inputFieldValue}onTodayButtonClick(e){let i=new Date,s={day:i.getDate(),month:i.getMonth(),year:i.getFullYear(),otherMonth:i.getMonth()!==this.currentMonth||i.getFullYear()!==this.currentYear,today:!0,selectable:!0};this.onDateSelect(e,s),this.onTodayClick.emit(e)}onClearButtonClick(e){this.updateModel(null),this.updateInputfield(),this.hideOverlay(),this.onClearClick.emit(e)}createResponsiveStyle(){if(this.numberOfMonths>1&&this.responsiveOptions){this.responsiveStyleElement||(this.responsiveStyleElement=this.renderer.createElement("style"),this.responsiveStyleElement.type="text/css",this.renderer.appendChild(this.document.body,this.responsiveStyleElement));let e="";if(this.responsiveOptions){let i=[...this.responsiveOptions].filter(s=>!(!s.breakpoint||!s.numMonths)).sort((s,r)=>-1*s.breakpoint.localeCompare(r.breakpoint,void 0,{numeric:!0}));for(let s=0;s{this.documentClickListener=this.renderer.listen(this.el?this.el.nativeElement.ownerDocument:this.document,"mousedown",i=>{this.isOutsideClicked(i)&&this.overlayVisible&&this.zone.run(()=>{this.hideOverlay(),this.onClickOutside.emit(i),this.cd.markForCheck()})})})}unbindDocumentClickListener(){this.documentClickListener&&(this.documentClickListener(),this.documentClickListener=null)}bindDocumentResizeListener(){!this.documentResizeListener&&!this.touchUI&&(this.documentResizeListener=this.renderer.listen(this.window,"resize",this.onWindowResize.bind(this)))}unbindDocumentResizeListener(){this.documentResizeListener&&(this.documentResizeListener(),this.documentResizeListener=null)}bindScrollListener(){this.scrollHandler||(this.scrollHandler=new ew(this.containerViewChild?.nativeElement,()=>{this.overlayVisible&&this.hideOverlay()})),this.scrollHandler.bindScrollListener()}unbindScrollListener(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}isOutsideClicked(e){return!(this.el.nativeElement.isSameNode(e.target)||this.isNavIconClicked(e)||this.el.nativeElement.contains(e.target)||this.overlay&&this.overlay.contains(e.target))}isNavIconClicked(e){return G.hasClass(e.target,"p-datepicker-prev")||G.hasClass(e.target,"p-datepicker-prev-icon")||G.hasClass(e.target,"p-datepicker-next")||G.hasClass(e.target,"p-datepicker-next-icon")}onWindowResize(){this.overlayVisible&&!G.isTouchDevice()&&this.hideOverlay()}onOverlayHide(){this.currentView=this.view,this.mask&&this.destroyMask(),this.unbindDocumentClickListener(),this.unbindDocumentResizeListener(),this.unbindScrollListener(),this.overlay=null,this.onModelTouched()}ngOnDestroy(){this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.translationSubscription&&this.translationSubscription.unsubscribe(),this.overlay&&this.autoZIndex&&Yr.clear(this.overlay),this.destroyResponsiveStyleElement(),this.clearTimePickerTimer(),this.restoreOverlayAppend(),this.onOverlayHide()}}return h(n,"\u0275fac",function(e){return new(e||n)(W(wn),W(Gt),W(oi),W(ti),W(Ct),W(Th),W(Q1))}),h(n,"\u0275cmp",Ne({type:n,selectors:[["p-calendar"]],contentQueries:function(e,i,s){if(1&e&&ir(s,ts,4),2&e){let r;rt(r=ot())&&(i.templates=r)}},viewQuery:function(e,i){if(1&e&&(Et(Nq,5),Et(Hq,5),Et(Yq,5)),2&e){let s;rt(s=ot())&&(i.containerViewChild=s.first),rt(s=ot())&&(i.inputfieldViewChild=s.first),rt(s=ot())&&(i.content=s.first)}},hostAttrs:[1,"p-element","p-inputwrapper"],hostVars:6,hostBindings:function(e,i){2&e&&lo("p-inputwrapper-filled",i.filled)("p-inputwrapper-focus",i.focus)("p-calendar-clearable",i.showClear&&!i.disabled)},inputs:{style:"style",styleClass:"styleClass",inputStyle:"inputStyle",inputId:"inputId",name:"name",inputStyleClass:"inputStyleClass",placeholder:"placeholder",ariaLabelledBy:"ariaLabelledBy",iconAriaLabel:"iconAriaLabel",disabled:"disabled",dateFormat:"dateFormat",multipleSeparator:"multipleSeparator",rangeSeparator:"rangeSeparator",inline:"inline",showOtherMonths:"showOtherMonths",selectOtherMonths:"selectOtherMonths",showIcon:"showIcon",icon:"icon",appendTo:"appendTo",readonlyInput:"readonlyInput",shortYearCutoff:"shortYearCutoff",monthNavigator:"monthNavigator",yearNavigator:"yearNavigator",hourFormat:"hourFormat",timeOnly:"timeOnly",stepHour:"stepHour",stepMinute:"stepMinute",stepSecond:"stepSecond",showSeconds:"showSeconds",required:"required",showOnFocus:"showOnFocus",showWeek:"showWeek",showClear:"showClear",dataType:"dataType",selectionMode:"selectionMode",maxDateCount:"maxDateCount",showButtonBar:"showButtonBar",todayButtonStyleClass:"todayButtonStyleClass",clearButtonStyleClass:"clearButtonStyleClass",autoZIndex:"autoZIndex",baseZIndex:"baseZIndex",panelStyleClass:"panelStyleClass",panelStyle:"panelStyle",keepInvalid:"keepInvalid",hideOnDateTimeSelect:"hideOnDateTimeSelect",touchUI:"touchUI",timeSeparator:"timeSeparator",focusTrap:"focusTrap",showTransitionOptions:"showTransitionOptions",hideTransitionOptions:"hideTransitionOptions",tabindex:"tabindex",minDate:"minDate",maxDate:"maxDate",disabledDates:"disabledDates",disabledDays:"disabledDays",yearRange:"yearRange",showTime:"showTime",responsiveOptions:"responsiveOptions",numberOfMonths:"numberOfMonths",firstDayOfWeek:"firstDayOfWeek",locale:"locale",view:"view",defaultDate:"defaultDate"},outputs:{onFocus:"onFocus",onBlur:"onBlur",onClose:"onClose",onSelect:"onSelect",onClear:"onClear",onInput:"onInput",onTodayClick:"onTodayClick",onClearClick:"onClearClick",onMonthChange:"onMonthChange",onYearChange:"onYearChange",onClickOutside:"onClickOutside",onShow:"onShow"},features:[Mt([_X])],ngContentSelectors:mX,decls:4,vars:11,consts:[[3,"ngClass","ngStyle"],["container",""],[3,"ngIf"],[3,"class","ngStyle","ngClass","click",4,"ngIf"],["type","text","autocomplete","off",3,"value","readonly","ngStyle","placeholder","disabled","ngClass","focus","keydown","click","blur","input"],["inputfield",""],[4,"ngIf"],["type","button","pButton","","pRipple","","class","p-datepicker-trigger p-button-icon-only","tabindex","0",3,"disabled","click",4,"ngIf"],[3,"styleClass","click",4,"ngIf"],["class","p-calendar-clear-icon",3,"click",4,"ngIf"],[3,"styleClass","click"],[1,"p-calendar-clear-icon",3,"click"],[4,"ngTemplateOutlet"],["type","button","pButton","","pRipple","","tabindex","0",1,"p-datepicker-trigger","p-button-icon-only",3,"disabled","click"],[3,"ngClass",4,"ngIf"],[3,"ngClass"],[3,"ngStyle","ngClass","click"],["contentWrapper",""],["class","p-timepicker",4,"ngIf"],["class","p-datepicker-buttonbar",4,"ngIf"],[1,"p-datepicker-group-container"],["class","p-datepicker-group",4,"ngFor","ngForOf"],["class","p-monthpicker",4,"ngIf"],["class","p-yearpicker",4,"ngIf"],[1,"p-datepicker-group"],[1,"p-datepicker-header"],["class","p-datepicker-prev p-link","type","button","pRipple","",3,"keydown","click",4,"ngIf"],[1,"p-datepicker-title"],["type","button","class","p-datepicker-month p-link",3,"disabled","click","keydown",4,"ngIf"],["type","button","class","p-datepicker-year p-link",3,"disabled","click","keydown",4,"ngIf"],["class","p-datepicker-decade",4,"ngIf"],["type","button","pRipple","",1,"p-datepicker-next","p-link",3,"keydown","click"],[3,"styleClass",4,"ngIf"],["class","p-datepicker-next-icon",4,"ngIf"],["class","p-datepicker-calendar-container",4,"ngIf"],["type","button","pRipple","",1,"p-datepicker-prev","p-link",3,"keydown","click"],["class","p-datepicker-prev-icon",4,"ngIf"],[3,"styleClass"],[1,"p-datepicker-prev-icon"],["type","button",1,"p-datepicker-month","p-link",3,"disabled","click","keydown"],["type","button",1,"p-datepicker-year","p-link",3,"disabled","click","keydown"],[1,"p-datepicker-decade"],[4,"ngTemplateOutlet","ngTemplateOutletContext"],[1,"p-datepicker-next-icon"],[1,"p-datepicker-calendar-container"],[1,"p-datepicker-calendar"],["class","p-datepicker-weekheader p-disabled",4,"ngIf"],["scope","col",4,"ngFor","ngForOf"],[4,"ngFor","ngForOf"],[1,"p-datepicker-weekheader","p-disabled"],["scope","col"],["class","p-datepicker-weeknumber",4,"ngIf"],[3,"ngClass",4,"ngFor","ngForOf"],[1,"p-datepicker-weeknumber"],[1,"p-disabled"],["draggable","false","pRipple","",3,"ngClass","click","keydown"],[1,"p-monthpicker"],["class","p-monthpicker-month","pRipple","",3,"ngClass","click","keydown",4,"ngFor","ngForOf"],["pRipple","",1,"p-monthpicker-month",3,"ngClass","click","keydown"],[1,"p-yearpicker"],["class","p-yearpicker-year","pRipple","",3,"ngClass","click","keydown",4,"ngFor","ngForOf"],["pRipple","",1,"p-yearpicker-year",3,"ngClass","click","keydown"],[1,"p-timepicker"],[1,"p-hour-picker"],["type","button","pRipple","",1,"p-link",3,"keydown","keydown.enter","keydown.space","mousedown","mouseup","keyup.enter","keyup.space","mouseleave"],[1,"p-separator"],[1,"p-minute-picker"],["class","p-separator",4,"ngIf"],["class","p-second-picker",4,"ngIf"],["class","p-ampm-picker",4,"ngIf"],[1,"p-second-picker"],[1,"p-ampm-picker"],["type","button","pRipple","",1,"p-link",3,"keydown","click","keydown.enter"],[1,"p-datepicker-buttonbar"],["type","button","pButton","","pRipple","",3,"label","ngClass","keydown","click"]],template:function(e,i){1&e&&(Sd(fX),V(0,"span",0,1),O(2,Jq,4,17,"ng-template",2),O(3,hX,9,28,"div",3),Y()),2&e&&(Ge(i.styleClass),x("ngClass",Pd(6,pX,i.showIcon,i.timeOnly,i.disabled,i.focus))("ngStyle",i.style),I(2),x("ngIf",!i.inline),I(1),x("ngIf",i.inline||i.overlayVisible))},dependencies:function(){return[gi,fo,Bn,Fs,yi,d_,Ch,GA,$A,qA,p_,Co,KA]},styles:[".p-calendar{position:relative;display:inline-flex;max-width:100%}.p-calendar .p-inputtext{flex:1 1 auto;width:1%}.p-calendar-w-btn .p-inputtext{border-top-right-radius:0;border-bottom-right-radius:0}.p-calendar-w-btn .p-datepicker-trigger{border-top-left-radius:0;border-bottom-left-radius:0}.p-fluid .p-calendar{display:flex}.p-fluid .p-calendar .p-inputtext{width:1%}.p-calendar .p-datepicker{min-width:100%}.p-datepicker{width:auto;position:absolute;top:0;left:0}.p-datepicker-inline{display:inline-block;position:static;overflow-x:auto}.p-datepicker-header{display:flex;align-items:center;justify-content:space-between}.p-datepicker-header .p-datepicker-title{margin:0 auto}.p-datepicker-prev,.p-datepicker-next{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group{flex:1 1 auto}.p-datepicker-multiple-month .p-datepicker-group-container{display:flex}.p-datepicker table{width:100%;border-collapse:collapse}.p-datepicker td>span{display:flex;justify-content:center;align-items:center;cursor:pointer;margin:0 auto;overflow:hidden;position:relative}.p-monthpicker-month{width:33.3%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;position:relative}.p-datepicker-buttonbar{display:flex;justify-content:space-between;align-items:center}.p-timepicker{display:flex;justify-content:center;align-items:center}.p-timepicker button{display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;position:relative}.p-timepicker>div{display:flex;align-items:center;flex-direction:column}.p-datepicker-touch-ui,.p-calendar .p-datepicker-touch-ui{position:fixed;top:50%;left:50%;min-width:80vw;transform:translate(-50%,-50%)}.p-yearpicker-year{width:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;position:relative}.p-calendar-clear-icon{position:absolute;top:50%;margin-top:-.5rem;cursor:pointer}.p-calendar-clearable{position:relative}\n"],encapsulation:2,data:{animation:[nw("overlayAnimation",[iw("visibleTouchUI",ns({transform:"translate(-50%,-50%)",opacity:1})),yl("void => visible",[ns({opacity:0,transform:"scaleY(0.8)"}),So("{{showTransitionParams}}",ns({opacity:1,transform:"*"}))]),yl("visible => void",[So("{{hideTransitionParams}}",ns({opacity:0}))]),yl("void => visibleTouchUI",[ns({opacity:0,transform:"translate3d(-50%, -40%, 0) scale(0.9)"}),So("{{showTransitionParams}}")]),yl("visibleTouchUI => void",[So("{{hideTransitionParams}}",ns({opacity:0,transform:"translate3d(-50%, -40%, 0) scale(0.9)"}))])])]},changeDetection:0})),n})(),yX=(()=>{class n{}return h(n,"\u0275fac",function(e){return new(e||n)}),h(n,"\u0275mod",pt({type:n})),h(n,"\u0275inj",ht({imports:[Mn,$c,On,_l,GA,$A,qA,p_,Co,KA,$c,On]})),n})(),vX=(()=>{class n{constructor(e){h(this,"host",void 0),h(this,"autofocus",void 0),h(this,"focused",!1),this.host=e}ngAfterContentChecked(){if(!this.focused&&this.autofocus){const e=G.getFocusableElements(this.host.nativeElement);0===e.length&&this.host.nativeElement.focus(),e.length>0&&e[0].focus(),this.focused=!0}}}return h(n,"\u0275fac",function(e){return new(e||n)(W(Gt))}),h(n,"\u0275dir",Ae({type:n,selectors:[["","pAutoFocus",""]],hostAttrs:[1,"p-element"],inputs:{autofocus:"autofocus"}})),n})(),bX=(()=>{class n{}return h(n,"\u0275fac",function(e){return new(e||n)}),h(n,"\u0275mod",pt({type:n})),h(n,"\u0275inj",ht({imports:[Mn]})),n})();const wX=["overlay"],MX=["content"];function TX(n,t){1&n&&Fe(0)}const SX=function(n,t,e){return{showTransitionParams:n,hideTransitionParams:t,transform:e}},CX=function(n){return{value:"visible",params:n}},DX=function(n){return{mode:n}},xX=function(n){return{$implicit:n}};function kX(n,t){if(1&n){const e=Ue();V(0,"div",1,3),de("click",function(s){return q(e),K(R(2).onOverlayContentClick(s))})("@overlayContentAnimation.start",function(s){return q(e),K(R(2).onOverlayContentAnimationStart(s))})("@overlayContentAnimation.done",function(s){return q(e),K(R(2).onOverlayContentAnimationDone(s))}),Sc(2),O(3,TX,1,0,"ng-container",4),Y()}if(2&n){const e=R(2);Ge(e.contentStyleClass),x("ngStyle",e.contentStyle)("ngClass","p-overlay-content")("@overlayContentAnimation",Je(11,CX,ps(7,SX,e.showTransitionOptions,e.hideTransitionOptions,e.transformOptions[e.modal?e.overlayResponsiveDirection:"default"]))),I(3),x("ngTemplateOutlet",e.contentTemplate)("ngTemplateOutletContext",Je(15,xX,Je(13,DX,e.overlayMode)))}}const EX=function(n,t,e,i,s,r,o,a,l,c,u,f,p,g){return{"p-overlay p-component":!0,"p-overlay-modal p-component-overlay p-component-overlay-enter":n,"p-overlay-center":t,"p-overlay-top":e,"p-overlay-top-start":i,"p-overlay-top-end":s,"p-overlay-bottom":r,"p-overlay-bottom-start":o,"p-overlay-bottom-end":a,"p-overlay-left":l,"p-overlay-left-start":c,"p-overlay-left-end":u,"p-overlay-right":f,"p-overlay-right-start":p,"p-overlay-right-end":g}};function IX(n,t){if(1&n){const e=Ue();V(0,"div",1,2),de("click",function(s){return q(e),K(R().onOverlayClick(s))}),O(2,kX,4,17,"div",0),Y()}if(2&n){const e=R();Ge(e.styleClass),x("ngStyle",e.style)("ngClass",w2(5,EX,[e.modal,e.modal&&"center"===e.overlayResponsiveDirection,e.modal&&"top"===e.overlayResponsiveDirection,e.modal&&"top-start"===e.overlayResponsiveDirection,e.modal&&"top-end"===e.overlayResponsiveDirection,e.modal&&"bottom"===e.overlayResponsiveDirection,e.modal&&"bottom-start"===e.overlayResponsiveDirection,e.modal&&"bottom-end"===e.overlayResponsiveDirection,e.modal&&"left"===e.overlayResponsiveDirection,e.modal&&"left-start"===e.overlayResponsiveDirection,e.modal&&"left-end"===e.overlayResponsiveDirection,e.modal&&"right"===e.overlayResponsiveDirection,e.modal&&"right-start"===e.overlayResponsiveDirection,e.modal&&"right-end"===e.overlayResponsiveDirection])),I(2),x("ngIf",e.visible)}}const LX=["*"],PX={provide:ii,useExisting:ut(()=>eO),multi:!0},AX=f_([ns({transform:"{{transform}}",opacity:0}),So("{{showTransitionParams}}")]),OX=f_([So("{{hideTransitionParams}}",ns({transform:"{{transform}}",opacity:0}))]);let eO=(()=>{class n{get visible(){return this._visible}set visible(e){this._visible=e,this._visible&&!this.modalVisible&&(this.modalVisible=!0)}get mode(){return this._mode||this.overlayOptions?.mode}set mode(e){this._mode=e}get style(){return _e.merge(this._style,this.modal?this.overlayResponsiveOptions?.style:this.overlayOptions?.style)}set style(e){this._style=e}get styleClass(){return _e.merge(this._styleClass,this.modal?this.overlayResponsiveOptions?.styleClass:this.overlayOptions?.styleClass)}set styleClass(e){this._styleClass=e}get contentStyle(){return _e.merge(this._contentStyle,this.modal?this.overlayResponsiveOptions?.contentStyle:this.overlayOptions?.contentStyle)}set contentStyle(e){this._contentStyle=e}get contentStyleClass(){return _e.merge(this._contentStyleClass,this.modal?this.overlayResponsiveOptions?.contentStyleClass:this.overlayOptions?.contentStyleClass)}set contentStyleClass(e){this._contentStyleClass=e}get target(){const e=this._target||this.overlayOptions?.target;return void 0===e?"@prev":e}set target(e){this._target=e}get appendTo(){return this._appendTo||this.overlayOptions?.appendTo}set appendTo(e){this._appendTo=e}get autoZIndex(){const e=this._autoZIndex||this.overlayOptions?.autoZIndex;return void 0===e||e}set autoZIndex(e){this._autoZIndex=e}get baseZIndex(){const e=this._baseZIndex||this.overlayOptions?.baseZIndex;return void 0===e?0:e}set baseZIndex(e){this._baseZIndex=e}get showTransitionOptions(){const e=this._showTransitionOptions||this.overlayOptions?.showTransitionOptions;return void 0===e?".12s cubic-bezier(0, 0, 0.2, 1)":e}set showTransitionOptions(e){this._showTransitionOptions=e}get hideTransitionOptions(){const e=this._hideTransitionOptions||this.overlayOptions?.hideTransitionOptions;return void 0===e?".1s linear":e}set hideTransitionOptions(e){this._hideTransitionOptions=e}get listener(){return this._listener||this.overlayOptions?.listener}set listener(e){this._listener=e}get responsive(){return this._responsive||this.overlayOptions?.responsive}set responsive(e){this._responsive=e}get options(){return this._options}set options(e){this._options=e}get modal(){if(ar(this.platformId))return"modal"===this.mode||this.overlayResponsiveOptions&&this.window?.matchMedia(this.overlayResponsiveOptions.media?.replace("@media","")||`(max-width: ${this.overlayResponsiveOptions.breakpoint})`).matches}get overlayMode(){return this.mode||(this.modal?"modal":"overlay")}get overlayOptions(){return{...this.config?.overlayOptions,...this.options}}get overlayResponsiveOptions(){return{...this.overlayOptions?.responsive,...this.responsive}}get overlayResponsiveDirection(){return this.overlayResponsiveOptions?.direction||"center"}get overlayEl(){return this.overlayViewChild?.nativeElement}get contentEl(){return this.contentViewChild?.nativeElement}get targetEl(){return G.getTargetElement(this.target,this.el?.nativeElement)}constructor(e,i,s,r,o,a,l){h(this,"document",void 0),h(this,"platformId",void 0),h(this,"el",void 0),h(this,"renderer",void 0),h(this,"config",void 0),h(this,"overlayService",void 0),h(this,"zone",void 0),h(this,"visibleChange",new ce),h(this,"onBeforeShow",new ce),h(this,"onShow",new ce),h(this,"onBeforeHide",new ce),h(this,"onHide",new ce),h(this,"onAnimationStart",new ce),h(this,"onAnimationDone",new ce),h(this,"templates",void 0),h(this,"overlayViewChild",void 0),h(this,"contentViewChild",void 0),h(this,"contentTemplate",void 0),h(this,"_visible",!1),h(this,"_mode",void 0),h(this,"_style",void 0),h(this,"_styleClass",void 0),h(this,"_contentStyle",void 0),h(this,"_contentStyleClass",void 0),h(this,"_target",void 0),h(this,"_appendTo",void 0),h(this,"_autoZIndex",void 0),h(this,"_baseZIndex",void 0),h(this,"_showTransitionOptions",void 0),h(this,"_hideTransitionOptions",void 0),h(this,"_listener",void 0),h(this,"_responsive",void 0),h(this,"_options",void 0),h(this,"modalVisible",!1),h(this,"isOverlayClicked",!1),h(this,"isOverlayContentClicked",!1),h(this,"scrollHandler",void 0),h(this,"documentClickListener",void 0),h(this,"documentResizeListener",void 0),h(this,"documentKeyboardListener",void 0),h(this,"window",void 0),h(this,"transformOptions",{default:"scaleY(0.8)",center:"scale(0.7)",top:"translate3d(0px, -100%, 0px)","top-start":"translate3d(0px, -100%, 0px)","top-end":"translate3d(0px, -100%, 0px)",bottom:"translate3d(0px, 100%, 0px)","bottom-start":"translate3d(0px, 100%, 0px)","bottom-end":"translate3d(0px, 100%, 0px)",left:"translate3d(-100%, 0px, 0px)","left-start":"translate3d(-100%, 0px, 0px)","left-end":"translate3d(-100%, 0px, 0px)",right:"translate3d(100%, 0px, 0px)","right-start":"translate3d(100%, 0px, 0px)","right-end":"translate3d(100%, 0px, 0px)"}),this.document=e,this.platformId=i,this.el=s,this.renderer=r,this.config=o,this.overlayService=a,this.zone=l,this.window=this.document.defaultView}ngAfterContentInit(){this.templates?.forEach(e=>{e.getType(),this.contentTemplate=e.template})}show(e,i=!1){this.onVisibleChange(!0),this.handleEvents("onShow",{overlay:e||this.overlayEl,target:this.targetEl,mode:this.overlayMode}),i&&G.focus(this.targetEl),this.modal&&G.addClass(this.document?.body,"p-overflow-hidden")}hide(e,i=!1){this.visible&&(this.onVisibleChange(!1),this.handleEvents("onHide",{overlay:e||this.overlayEl,target:this.targetEl,mode:this.overlayMode}),i&&G.focus(this.targetEl),this.modal&&G.removeClass(this.document?.body,"p-overflow-hidden"))}alignOverlay(){!this.modal&&G.alignOverlay(this.overlayEl,this.targetEl,this.appendTo)}onVisibleChange(e){this._visible=e,this.visibleChange.emit(e)}onOverlayClick(){this.isOverlayClicked=!0}onOverlayContentClick(e){this.overlayService.add({originalEvent:e,target:this.targetEl}),this.isOverlayContentClicked=!0}onOverlayContentAnimationStart(e){switch(e.toState){case"visible":this.handleEvents("onBeforeShow",{overlay:this.overlayEl,target:this.targetEl,mode:this.overlayMode}),this.autoZIndex&&Yr.set(this.overlayMode,this.overlayEl,this.baseZIndex+this.config?.zIndex[this.overlayMode]),G.appendOverlay(this.overlayEl,"body"===this.appendTo?this.document.body:this.appendTo,this.appendTo),this.alignOverlay();break;case"void":this.handleEvents("onBeforeHide",{overlay:this.overlayEl,target:this.targetEl,mode:this.overlayMode}),this.modal&&G.addClass(this.overlayEl,"p-component-overlay-leave")}this.handleEvents("onAnimationStart",e)}onOverlayContentAnimationDone(e){const i=this.overlayEl||e.element.parentElement;switch(e.toState){case"visible":this.show(i,!0),this.bindListeners();break;case"void":this.hide(i,!0),this.unbindListeners(),G.appendOverlay(this.overlayEl,this.targetEl,this.appendTo),Yr.clear(i),this.modalVisible=!1}this.handleEvents("onAnimationDone",e)}handleEvents(e,i){this[e].emit(i),this.options&&this.options[e]&&this.options[e](i),this.config?.overlayOptions&&(this.config?.overlayOptions)[e]&&(this.config?.overlayOptions)[e](i)}bindListeners(){this.bindScrollListener(),this.bindDocumentClickListener(),this.bindDocumentResizeListener(),this.bindDocumentKeyboardListener()}unbindListeners(){this.unbindScrollListener(),this.unbindDocumentClickListener(),this.unbindDocumentResizeListener(),this.unbindDocumentKeyboardListener()}bindScrollListener(){this.scrollHandler||(this.scrollHandler=new ew(this.targetEl,e=>{(!this.listener||this.listener(e,{type:"scroll",mode:this.overlayMode,valid:!0}))&&this.hide(e,!0)})),this.scrollHandler.bindScrollListener()}unbindScrollListener(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}bindDocumentClickListener(){this.documentClickListener||(this.documentClickListener=this.renderer.listen(this.document,"click",e=>{const s=!(this.targetEl&&(this.targetEl.isSameNode(e.target)||!this.isOverlayClicked&&this.targetEl.contains(e.target))||this.isOverlayContentClicked);(this.listener?this.listener(e,{type:"outside",mode:this.overlayMode,valid:3!==e.which&&s}):s)&&this.hide(e),this.isOverlayClicked=this.isOverlayContentClicked=!1}))}unbindDocumentClickListener(){this.documentClickListener&&(this.documentClickListener(),this.documentClickListener=null)}bindDocumentResizeListener(){this.documentResizeListener||(this.documentResizeListener=this.renderer.listen(this.window,"resize",e=>{(this.listener?this.listener(e,{type:"resize",mode:this.overlayMode,valid:!G.isTouchDevice()}):!G.isTouchDevice())&&this.hide(e,!0)}))}unbindDocumentResizeListener(){this.documentResizeListener&&(this.documentResizeListener(),this.documentResizeListener=null)}bindDocumentKeyboardListener(){this.documentKeyboardListener||this.zone.runOutsideAngular(()=>{this.documentKeyboardListener=this.renderer.listen(this.window,"keydown",e=>{this.overlayOptions.hideOnEscape&&27===e.keyCode&&(this.listener?this.listener(e,{type:"keydown",mode:this.overlayMode,valid:!G.isTouchDevice()}):!G.isTouchDevice())&&this.zone.run(()=>{this.hide(e,!0)})})})}unbindDocumentKeyboardListener(){this.documentKeyboardListener&&(this.documentKeyboardListener(),this.documentKeyboardListener=null)}ngOnDestroy(){this.hide(this.overlayEl,!0),this.overlayEl&&(G.appendOverlay(this.overlayEl,this.targetEl,this.appendTo),Yr.clear(this.overlayEl)),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.unbindListeners()}}return h(n,"\u0275fac",function(e){return new(e||n)(W(wn),W(Ri),W(Gt),W(oi),W(Th),W(Q1),W(Ct))}),h(n,"\u0275cmp",Ne({type:n,selectors:[["p-overlay"]],contentQueries:function(e,i,s){if(1&e&&ir(s,ts,4),2&e){let r;rt(r=ot())&&(i.templates=r)}},viewQuery:function(e,i){if(1&e&&(Et(wX,5),Et(MX,5)),2&e){let s;rt(s=ot())&&(i.overlayViewChild=s.first),rt(s=ot())&&(i.contentViewChild=s.first)}},hostAttrs:[1,"p-element"],inputs:{visible:"visible",mode:"mode",style:"style",styleClass:"styleClass",contentStyle:"contentStyle",contentStyleClass:"contentStyleClass",target:"target",appendTo:"appendTo",autoZIndex:"autoZIndex",baseZIndex:"baseZIndex",showTransitionOptions:"showTransitionOptions",hideTransitionOptions:"hideTransitionOptions",listener:"listener",responsive:"responsive",options:"options"},outputs:{visibleChange:"visibleChange",onBeforeShow:"onBeforeShow",onShow:"onShow",onBeforeHide:"onBeforeHide",onHide:"onHide",onAnimationStart:"onAnimationStart",onAnimationDone:"onAnimationDone"},features:[Mt([PX])],ngContentSelectors:LX,decls:1,vars:1,consts:[[3,"ngStyle","class","ngClass","click",4,"ngIf"],[3,"ngStyle","ngClass","click"],["overlay",""],["content",""],[4,"ngTemplateOutlet","ngTemplateOutletContext"]],template:function(e,i){1&e&&(Sd(),O(0,IX,3,20,"div",0)),2&e&&x("ngIf",i.modalVisible)},dependencies:[gi,Bn,Fs,yi],styles:[".p-overlay{position:absolute;top:0;left:0}.p-overlay-modal{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height:100%}.p-overlay-content{transform-origin:inherit}.p-overlay-modal>.p-overlay-content{z-index:1;width:90%}.p-overlay-top{align-items:flex-start}.p-overlay-top-start{align-items:flex-start;justify-content:flex-start}.p-overlay-top-end{align-items:flex-start;justify-content:flex-end}.p-overlay-bottom{align-items:flex-end}.p-overlay-bottom-start{align-items:flex-end;justify-content:flex-start}.p-overlay-bottom-end{align-items:flex-end;justify-content:flex-end}.p-overlay-left{justify-content:flex-start}.p-overlay-left-start{justify-content:flex-start;align-items:flex-start}.p-overlay-left-end{justify-content:flex-start;align-items:flex-end}.p-overlay-right{justify-content:flex-end}.p-overlay-right-start{justify-content:flex-end;align-items:flex-start}.p-overlay-right-end{justify-content:flex-end;align-items:flex-end}\n"],encapsulation:2,data:{animation:[nw("overlayContentAnimation",[yl(":enter",[WA(AX)]),yl(":leave",[WA(OX)])])]},changeDetection:0})),n})(),tO=(()=>{class n{}return h(n,"\u0275fac",function(e){return new(e||n)}),h(n,"\u0275mod",pt({type:n})),h(n,"\u0275inj",ht({imports:[Mn,On,On]})),n})();const RX=["element"],FX=["content"];function NX(n,t){1&n&&Fe(0)}const rw=function(n,t){return{$implicit:n,options:t}};function HX(n,t){if(1&n&&(ke(0),O(1,NX,1,0,"ng-container",7),Ee()),2&n){const e=R(2);I(1),x("ngTemplateOutlet",e.contentTemplate)("ngTemplateOutletContext",bn(2,rw,e.loadedItems,e.getContentOptions()))}}function YX(n,t){1&n&&Fe(0)}function VX(n,t){if(1&n&&(ke(0),O(1,YX,1,0,"ng-container",7),Ee()),2&n){const e=t.$implicit,i=t.index,s=R(3);I(1),x("ngTemplateOutlet",s.itemTemplate)("ngTemplateOutletContext",bn(2,rw,e,s.getOptions(i)))}}const BX=function(n){return{"p-scroller-loading":n}};function zX(n,t){if(1&n&&(V(0,"div",8,9),O(2,VX,2,5,"ng-container",10),Y()),2&n){const e=R(2);x("ngClass",Je(4,BX,e.d_loading))("ngStyle",e.contentStyle),I(2),x("ngForOf",e.loadedItems)("ngForTrackBy",e._trackBy||e.index)}}function jX(n,t){1&n&&se(0,"div",11),2&n&&x("ngStyle",R(2).spacerStyle)}function WX(n,t){1&n&&Fe(0)}const UX=function(n){return{numCols:n}},nO=function(n){return{options:n}};function GX(n,t){if(1&n&&(ke(0),O(1,WX,1,0,"ng-container",7),Ee()),2&n){const e=t.index,i=R(4);I(1),x("ngTemplateOutlet",i.loaderTemplate)("ngTemplateOutletContext",Je(4,nO,i.getLoaderOptions(e,i.both&&Je(2,UX,i._numItemsInViewport.cols))))}}function $X(n,t){if(1&n&&(ke(0),O(1,GX,2,6,"ng-container",14),Ee()),2&n){const e=R(3);I(1),x("ngForOf",e.loaderArr)}}function qX(n,t){1&n&&Fe(0)}const KX=function(){return{styleClass:"p-scroller-loading-icon"}};function XX(n,t){if(1&n&&(ke(0),O(1,qX,1,0,"ng-container",7),Ee()),2&n){const e=R(4);I(1),x("ngTemplateOutlet",e.loaderIconTemplate)("ngTemplateOutletContext",Je(3,nO,Ni(2,KX)))}}function JX(n,t){1&n&&se(0,"SpinnerIcon",16),2&n&&x("styleClass","p-scroller-loading-icon")}function ZX(n,t){if(1&n&&(O(0,XX,2,5,"ng-container",0),O(1,JX,1,1,"ng-template",null,15,Lr)),2&n){const e=Gn(2);x("ngIf",R(3).loaderIconTemplate)("ngIfElse",e)}}const QX=function(n){return{"p-component-overlay":n}};function eJ(n,t){if(1&n&&(V(0,"div",12),O(1,$X,2,1,"ng-container",0),O(2,ZX,3,2,"ng-template",null,13,Lr),Y()),2&n){const e=Gn(3),i=R(2);x("ngClass",Je(3,QX,!i.loaderTemplate)),I(1),x("ngIf",i.loaderTemplate)("ngIfElse",e)}}const tJ=function(n,t,e){return{"p-scroller":!0,"p-scroller-inline":n,"p-both-scroll":t,"p-horizontal-scroll":e}};function nJ(n,t){if(1&n){const e=Ue();ke(0),V(1,"div",2,3),de("scroll",function(s){return q(e),K(R().onContainerScroll(s))}),O(3,HX,2,5,"ng-container",0),O(4,zX,3,6,"ng-template",null,4,Lr),O(6,jX,1,1,"div",5),O(7,eJ,4,5,"div",6),Y(),Ee()}if(2&n){const e=Gn(5),i=R();I(1),Ge(i._styleClass),x("ngStyle",i._style)("ngClass",ps(10,tJ,i.inline,i.both,i.horizontal)),Ce("id",i._id)("tabindex",i.tabindex),I(2),x("ngIf",i.contentTemplate)("ngIfElse",e),I(3),x("ngIf",i._showSpacer),I(1),x("ngIf",!i.loaderDisabled&&i._showLoader&&i.d_loading)}}function iJ(n,t){1&n&&Fe(0)}const sJ=function(n,t){return{rows:n,columns:t}};function rJ(n,t){if(1&n&&(ke(0),O(1,iJ,1,0,"ng-container",7),Ee()),2&n){const e=R(2);I(1),x("ngTemplateOutlet",e.contentTemplate)("ngTemplateOutletContext",bn(5,rw,e.items,bn(2,sJ,e._items,e.loadedColumns)))}}function oJ(n,t){if(1&n&&(Sc(0),O(1,rJ,2,8,"ng-container",17)),2&n){const e=R();I(1),x("ngIf",e.contentTemplate)}}const aJ=["*"];let iO=(()=>{class n{get id(){return this._id}set id(e){this._id=e}get style(){return this._style}set style(e){this._style=e}get styleClass(){return this._styleClass}set styleClass(e){this._styleClass=e}get tabindex(){return this._tabindex}set tabindex(e){this._tabindex=e}get items(){return this._items}set items(e){this._items=e}get itemSize(){return this._itemSize}set itemSize(e){this._itemSize=e}get scrollHeight(){return this._scrollHeight}set scrollHeight(e){this._scrollHeight=e}get scrollWidth(){return this._scrollWidth}set scrollWidth(e){this._scrollWidth=e}get orientation(){return this._orientation}set orientation(e){this._orientation=e}get step(){return this._step}set step(e){this._step=e}get delay(){return this._delay}set delay(e){this._delay=e}get resizeDelay(){return this._resizeDelay}set resizeDelay(e){this._resizeDelay=e}get appendOnly(){return this._appendOnly}set appendOnly(e){this._appendOnly=e}get inline(){return this._inline}set inline(e){this._inline=e}get lazy(){return this._lazy}set lazy(e){this._lazy=e}get disabled(){return this._disabled}set disabled(e){this._disabled=e}get loaderDisabled(){return this._loaderDisabled}set loaderDisabled(e){this._loaderDisabled=e}get columns(){return this._columns}set columns(e){this._columns=e}get showSpacer(){return this._showSpacer}set showSpacer(e){this._showSpacer=e}get showLoader(){return this._showLoader}set showLoader(e){this._showLoader=e}get numToleratedItems(){return this._numToleratedItems}set numToleratedItems(e){this._numToleratedItems=e}get loading(){return this._loading}set loading(e){this._loading=e}get autoSize(){return this._autoSize}set autoSize(e){this._autoSize=e}get trackBy(){return this._trackBy}set trackBy(e){this._trackBy=e}get options(){return this._options}set options(e){this._options=e,e&&"object"==typeof e&&Object.entries(e).forEach(([i,s])=>this[`_${i}`]!==s&&(this[`_${i}`]=s))}get vertical(){return"vertical"===this._orientation}get horizontal(){return"horizontal"===this._orientation}get both(){return"both"===this._orientation}get loadedItems(){return this._items&&!this.d_loading?this.both?this._items.slice(this._appendOnly?0:this.first.rows,this.last.rows).map(e=>this._columns?e:e.slice(this._appendOnly?0:this.first.cols,this.last.cols)):this.horizontal&&this._columns?this._items:this._items.slice(this._appendOnly?0:this.first,this.last):[]}get loadedRows(){return this.d_loading?this._loaderDisabled?this.loaderArr:[]:this.loadedItems}get loadedColumns(){return this._columns&&(this.both||this.horizontal)?this.d_loading&&this._loaderDisabled?this.both?this.loaderArr[0]:this.loaderArr:this._columns.slice(this.both?this.first.cols:this.first,this.both?this.last.cols:this.last):this._columns}get isPageChanged(){return!this._step||this.page!==this.getPageByFirst()}constructor(e,i,s,r,o){h(this,"document",void 0),h(this,"platformId",void 0),h(this,"renderer",void 0),h(this,"cd",void 0),h(this,"zone",void 0),h(this,"onLazyLoad",new ce),h(this,"onScroll",new ce),h(this,"onScrollIndexChange",new ce),h(this,"elementViewChild",void 0),h(this,"contentViewChild",void 0),h(this,"templates",void 0),h(this,"_id",void 0),h(this,"_style",void 0),h(this,"_styleClass",void 0),h(this,"_tabindex",0),h(this,"_items",void 0),h(this,"_itemSize",0),h(this,"_scrollHeight",void 0),h(this,"_scrollWidth",void 0),h(this,"_orientation","vertical"),h(this,"_step",0),h(this,"_delay",0),h(this,"_resizeDelay",10),h(this,"_appendOnly",!1),h(this,"_inline",!1),h(this,"_lazy",!1),h(this,"_disabled",!1),h(this,"_loaderDisabled",!1),h(this,"_columns",void 0),h(this,"_showSpacer",!0),h(this,"_showLoader",!1),h(this,"_numToleratedItems",void 0),h(this,"_loading",void 0),h(this,"_autoSize",!1),h(this,"_trackBy",void 0),h(this,"_options",void 0),h(this,"d_loading",!1),h(this,"d_numToleratedItems",void 0),h(this,"contentEl",void 0),h(this,"contentTemplate",void 0),h(this,"itemTemplate",void 0),h(this,"loaderTemplate",void 0),h(this,"loaderIconTemplate",void 0),h(this,"first",0),h(this,"last",0),h(this,"page",0),h(this,"isRangeChanged",!1),h(this,"numItemsInViewport",0),h(this,"lastScrollPos",0),h(this,"lazyLoadState",{}),h(this,"loaderArr",[]),h(this,"spacerStyle",{}),h(this,"contentStyle",{}),h(this,"scrollTimeout",void 0),h(this,"resizeTimeout",void 0),h(this,"initialized",!1),h(this,"windowResizeListener",void 0),h(this,"defaultWidth",void 0),h(this,"defaultHeight",void 0),h(this,"defaultContentWidth",void 0),h(this,"defaultContentHeight",void 0),this.document=e,this.platformId=i,this.renderer=s,this.cd=r,this.zone=o}ngOnInit(){this.setInitialState()}ngOnChanges(e){let i=!1;if(e.loading){const{previousValue:s,currentValue:r}=e.loading;this.lazy&&s!==r&&r!==this.d_loading&&(this.d_loading=r,i=!0)}if(e.orientation&&(this.lastScrollPos=this.both?{top:0,left:0}:0),e.numToleratedItems){const{previousValue:s,currentValue:r}=e.numToleratedItems;s!==r&&r!==this.d_numToleratedItems&&(this.d_numToleratedItems=r)}if(e.options){const{previousValue:s,currentValue:r}=e.options;this.lazy&&s?.loading!==r?.loading&&r?.loading!==this.d_loading&&(this.d_loading=r.loading,i=!0),s?.numToleratedItems!==r?.numToleratedItems&&r?.numToleratedItems!==this.d_numToleratedItems&&(this.d_numToleratedItems=r.numToleratedItems)}this.initialized&&!i&&(e.items?.previousValue?.length!==e.items?.currentValue?.length||e.itemSize||e.scrollHeight||e.scrollWidth)&&(this.init(),this.calculateAutoSize())}ngAfterContentInit(){this.templates.forEach(e=>{switch(e.getType()){case"content":this.contentTemplate=e.template;break;case"item":default:this.itemTemplate=e.template;break;case"loader":this.loaderTemplate=e.template;break;case"loadericon":this.loaderIconTemplate=e.template}})}ngAfterViewInit(){Promise.resolve().then(()=>{this.viewInit()})}ngAfterViewChecked(){this.initialized||this.viewInit()}ngOnDestroy(){this.unbindResizeListener(),this.contentEl=null,this.initialized=!1}viewInit(){ar(this.platformId)&&G.isVisible(this.elementViewChild?.nativeElement)&&(this.setInitialState(),this.setContentEl(this.contentEl),this.init(),this.defaultWidth=G.getWidth(this.elementViewChild?.nativeElement),this.defaultHeight=G.getHeight(this.elementViewChild?.nativeElement),this.defaultContentWidth=G.getWidth(this.contentEl),this.defaultContentHeight=G.getHeight(this.contentEl),this.initialized=!0)}init(){this._disabled||(this.setSize(),this.calculateOptions(),this.setSpacerSize(),this.bindResizeListener(),this.cd.detectChanges())}setContentEl(e){this.contentEl=e||this.contentViewChild?.nativeElement||G.findSingle(this.elementViewChild?.nativeElement,".p-scroller-content")}setInitialState(){this.first=this.both?{rows:0,cols:0}:0,this.last=this.both?{rows:0,cols:0}:0,this.numItemsInViewport=this.both?{rows:0,cols:0}:0,this.lastScrollPos=this.both?{top:0,left:0}:0,this.d_loading=this._loading||!1,this.d_numToleratedItems=this._numToleratedItems,this.loaderArr=[],this.spacerStyle={},this.contentStyle={}}getElementRef(){return this.elementViewChild}getPageByFirst(){return Math.floor((this.first+4*this.d_numToleratedItems)/(this._step||1))}scrollTo(e){this.lastScrollPos=this.both?{top:0,left:0}:0,this.elementViewChild?.nativeElement?.scrollTo(e)}scrollToIndex(e,i="auto"){const{numToleratedItems:s}=this.calculateNumItems(),r=this.getContentPosition(),o=(u=0,f)=>u<=f?0:u,a=(u,f,p)=>u*f+p,l=(u=0,f=0)=>this.scrollTo({left:u,top:f,behavior:i});let c=0;this.both?(c={rows:o(e[0],s[0]),cols:o(e[1],s[1])},l(a(c.cols,this._itemSize[1],r.left),a(c.rows,this._itemSize[0],r.top))):(c=o(e,s),this.horizontal?l(a(c,this._itemSize,r.left),0):l(0,a(c,this._itemSize,r.top))),this.isRangeChanged=this.first!==c,this.first=c}scrollInView(e,i,s="auto"){if(i){const{first:r,viewport:o}=this.getRenderedRange(),a=(u=0,f=0)=>this.scrollTo({left:u,top:f,behavior:s}),c="to-end"===i;if("to-start"===i){if(this.both)o.first.rows-r.rows>e[0]?a(o.first.cols*this._itemSize[1],(o.first.rows-1)*this._itemSize[0]):o.first.cols-r.cols>e[1]&&a((o.first.cols-1)*this._itemSize[1],o.first.rows*this._itemSize[0]);else if(o.first-r>e){const u=(o.first-1)*this._itemSize;this.horizontal?a(u,0):a(0,u)}}else if(c)if(this.both)o.last.rows-r.rows<=e[0]+1?a(o.first.cols*this._itemSize[1],(o.first.rows+1)*this._itemSize[0]):o.last.cols-r.cols<=e[1]+1&&a((o.first.cols+1)*this._itemSize[1],o.first.rows*this._itemSize[0]);else if(o.last-r<=e+1){const u=(o.first+1)*this._itemSize;this.horizontal?a(u,0):a(0,u)}}else this.scrollToIndex(e,s)}getRenderedRange(){const e=(r,o)=>Math.floor(r/(o||r));let i=this.first,s=0;if(this.elementViewChild?.nativeElement){const{scrollTop:r,scrollLeft:o}=this.elementViewChild.nativeElement;this.both?(i={rows:e(r,this._itemSize[0]),cols:e(o,this._itemSize[1])},s={rows:i.rows+this.numItemsInViewport.rows,cols:i.cols+this.numItemsInViewport.cols}):(i=e(this.horizontal?o:r,this._itemSize),s=i+this.numItemsInViewport)}return{first:this.first,last:this.last,viewport:{first:i,last:s}}}calculateNumItems(){const e=this.getContentPosition(),i=(this.elementViewChild?.nativeElement?this.elementViewChild.nativeElement.offsetWidth-e.left:0)||0,s=(this.elementViewChild?.nativeElement?this.elementViewChild.nativeElement.offsetHeight-e.top:0)||0,r=(c,u)=>Math.ceil(c/(u||c)),o=c=>Math.ceil(c/2),a=this.both?{rows:r(s,this._itemSize[0]),cols:r(i,this._itemSize[1])}:r(this.horizontal?i:s,this._itemSize);return{numItemsInViewport:a,numToleratedItems:this.d_numToleratedItems||(this.both?[o(a.rows),o(a.cols)]:o(a))}}calculateOptions(){const{numItemsInViewport:e,numToleratedItems:i}=this.calculateNumItems(),s=(a,l,c,u=!1)=>this.getLast(a+l+(aArray.from({length:e.cols})):Array.from({length:e})),this._lazy&&Promise.resolve().then(()=>{this.lazyLoadState={first:this._step?this.both?{rows:0,cols:r.cols}:0:r,last:Math.min(this._step?this._step:this.last,this.items.length)},this.handleEvents("onLazyLoad",this.lazyLoadState)})}calculateAutoSize(){this._autoSize&&!this.d_loading&&Promise.resolve().then(()=>{if(this.contentEl){this.contentEl.style.minHeight=this.contentEl.style.minWidth="auto",this.contentEl.style.position="relative",this.elementViewChild.nativeElement.style.contain="none";const[e,i]=[G.getWidth(this.contentEl),G.getHeight(this.contentEl)];e!==this.defaultContentWidth&&(this.elementViewChild.nativeElement.style.width=""),i!==this.defaultContentHeight&&(this.elementViewChild.nativeElement.style.height="");const[s,r]=[G.getWidth(this.elementViewChild.nativeElement),G.getHeight(this.elementViewChild.nativeElement)];(this.both||this.horizontal)&&(this.elementViewChild.nativeElement.style.width=sthis.elementViewChild.nativeElement.style[o]=a;this.both||this.horizontal?(r("height",s),r("width",i)):r("height",s)}}setSpacerSize(){if(this._items){const e=this.getContentPosition(),i=(s,r,o,a=0)=>this.spacerStyle={...this.spacerStyle,[`${s}`]:(r||[]).length*o+a+"px"};this.both?(i("height",this._items,this._itemSize[0],e.y),i("width",this._columns||this._items[1],this._itemSize[1],e.x)):this.horizontal?i("width",this._columns||this._items,this._itemSize,e.x):i("height",this._items,this._itemSize,e.y)}}setContentPosition(e){if(this.contentEl&&!this._appendOnly){const i=e?e.first:this.first,s=(o,a)=>o*a,r=(o=0,a=0)=>this.contentStyle={...this.contentStyle,transform:`translate3d(${o}px, ${a}px, 0)`};if(this.both)r(s(i.cols,this._itemSize[1]),s(i.rows,this._itemSize[0]));else{const o=s(i,this._itemSize);this.horizontal?r(o,0):r(0,o)}}}onScrollPositionChange(e){const i=e.target,s=this.getContentPosition(),r=(S,L)=>S?S>L?S-L:S:0,o=(S,L)=>Math.floor(S/(L||S)),a=(S,L,E,H,B,z)=>S<=B?B:z?E-H-B:L+B-1,l=(S,L,E,H,B,z,$)=>S<=z?0:Math.max(0,$?SL?E:S-2*z),c=(S,L,E,H,B,z=!1)=>{let $=L+H+2*B;return S>=B&&($+=B+1),this.getLast($,z)},u=r(i.scrollTop,s.top),f=r(i.scrollLeft,s.left);let p=this.both?{rows:0,cols:0}:0,g=this.last,v=!1,M=this.lastScrollPos;if(this.both){const S=this.lastScrollPos.top<=u,L=this.lastScrollPos.left<=f;if(!this._appendOnly||this._appendOnly&&(S||L)){const E={rows:o(u,this._itemSize[0]),cols:o(f,this._itemSize[1])},H={rows:a(E.rows,this.first.rows,this.last.rows,this.numItemsInViewport.rows,this.d_numToleratedItems[0],S),cols:a(E.cols,this.first.cols,this.last.cols,this.numItemsInViewport.cols,this.d_numToleratedItems[1],L)};p={rows:l(E.rows,H.rows,this.first.rows,0,0,this.d_numToleratedItems[0],S),cols:l(E.cols,H.cols,this.first.cols,0,0,this.d_numToleratedItems[1],L)},g={rows:c(E.rows,p.rows,0,this.numItemsInViewport.rows,this.d_numToleratedItems[0]),cols:c(E.cols,p.cols,0,this.numItemsInViewport.cols,this.d_numToleratedItems[1],!0)},v=p.rows!==this.first.rows||g.rows!==this.last.rows||p.cols!==this.first.cols||g.cols!==this.last.cols||this.isRangeChanged,M={top:u,left:f}}}else{const S=this.horizontal?f:u,L=this.lastScrollPos<=S;if(!this._appendOnly||this._appendOnly&&L){const E=o(S,this._itemSize);p=l(E,a(E,this.first,this.last,this.numItemsInViewport,this.d_numToleratedItems,L),this.first,0,0,this.d_numToleratedItems,L),g=c(E,p,0,this.numItemsInViewport,this.d_numToleratedItems),v=p!==this.first||g!==this.last||this.isRangeChanged,M=S}}return{first:p,last:g,isRangeChanged:v,scrollPos:M}}onScrollChange(e){const{first:i,last:s,isRangeChanged:r,scrollPos:o}=this.onScrollPositionChange(e);if(r){const a={first:i,last:s};if(this.setContentPosition(a),this.first=i,this.last=s,this.lastScrollPos=o,this.handleEvents("onScrollIndexChange",a),this._lazy&&this.isPageChanged){const l={first:this._step?Math.min(this.getPageByFirst()*this._step,this.items.length-this._step):i,last:Math.min(this._step?(this.getPageByFirst()+1)*this._step:s,this.items.length)};(this.lazyLoadState.first!==l.first||this.lazyLoadState.last!==l.last)&&this.handleEvents("onLazyLoad",l),this.lazyLoadState=l}}}onContainerScroll(e){if(this.handleEvents("onScroll",{originalEvent:e}),this._delay&&this.isPageChanged){if(this.scrollTimeout&&clearTimeout(this.scrollTimeout),!this.d_loading&&this.showLoader){const{isRangeChanged:i}=this.onScrollPositionChange(e);(i||this._step&&this.isPageChanged)&&(this.d_loading=!0,this.cd.detectChanges())}this.scrollTimeout=setTimeout(()=>{this.onScrollChange(e),this.d_loading&&this.showLoader&&(!this._lazy||void 0===this._loading)&&(this.d_loading=!1,this.page=this.getPageByFirst(),this.cd.detectChanges())},this._delay)}else!this.d_loading&&this.onScrollChange(e)}bindResizeListener(){ar(this.platformId)&&(this.windowResizeListener||this.zone.runOutsideAngular(()=>{const e=this.document.defaultView,i=G.isTouchDevice()?"orientationchange":"resize";this.windowResizeListener=this.renderer.listen(e,i,this.onWindowResize.bind(this))}))}unbindResizeListener(){this.windowResizeListener&&(this.windowResizeListener(),this.windowResizeListener=null)}onWindowResize(){this.resizeTimeout&&clearTimeout(this.resizeTimeout),this.resizeTimeout=setTimeout(()=>{if(G.isVisible(this.elementViewChild?.nativeElement)){const[e,i]=[G.getWidth(this.elementViewChild?.nativeElement),G.getHeight(this.elementViewChild?.nativeElement)],[s,r]=[e!==this.defaultWidth,i!==this.defaultHeight];(this.both?s||r:this.horizontal?s:this.vertical&&r)&&this.zone.run(()=>{this.d_numToleratedItems=this._numToleratedItems,this.defaultWidth=e,this.defaultHeight=i,this.defaultContentWidth=G.getWidth(this.contentEl),this.defaultContentHeight=G.getHeight(this.contentEl),this.init()})}},this._resizeDelay)}handleEvents(e,i){return this.options&&this.options[e]?this.options[e](i):this[e].emit(i)}getContentOptions(){return{contentStyleClass:"p-scroller-content "+(this.d_loading?"p-scroller-loading":""),items:this.loadedItems,getItemOptions:e=>this.getOptions(e),loading:this.d_loading,getLoaderOptions:(e,i)=>this.getLoaderOptions(e,i),itemSize:this._itemSize,rows:this.loadedRows,columns:this.loadedColumns,spacerStyle:this.spacerStyle,contentStyle:this.contentStyle,vertical:this.vertical,horizontal:this.horizontal,both:this.both}}getOptions(e){const i=(this._items||[]).length,s=this.both?this.first.rows+e:this.first+e;return{index:s,count:i,first:0===s,last:s===i-1,even:s%2==0,odd:s%2!=0}}getLoaderOptions(e,i){const s=this.loaderArr.length;return{index:e,count:s,first:0===e,last:e===s-1,even:e%2==0,odd:e%2!=0,...i}}}return h(n,"\u0275fac",function(e){return new(e||n)(W(wn),W(Ri),W(oi),W(ti),W(Ct))}),h(n,"\u0275cmp",Ne({type:n,selectors:[["p-scroller"]],contentQueries:function(e,i,s){if(1&e&&ir(s,ts,4),2&e){let r;rt(r=ot())&&(i.templates=r)}},viewQuery:function(e,i){if(1&e&&(Et(RX,5),Et(FX,5)),2&e){let s;rt(s=ot())&&(i.elementViewChild=s.first),rt(s=ot())&&(i.contentViewChild=s.first)}},hostAttrs:[1,"p-scroller-viewport","p-element"],inputs:{id:"id",style:"style",styleClass:"styleClass",tabindex:"tabindex",items:"items",itemSize:"itemSize",scrollHeight:"scrollHeight",scrollWidth:"scrollWidth",orientation:"orientation",step:"step",delay:"delay",resizeDelay:"resizeDelay",appendOnly:"appendOnly",inline:"inline",lazy:"lazy",disabled:"disabled",loaderDisabled:"loaderDisabled",columns:"columns",showSpacer:"showSpacer",showLoader:"showLoader",numToleratedItems:"numToleratedItems",loading:"loading",autoSize:"autoSize",trackBy:"trackBy",options:"options"},outputs:{onLazyLoad:"onLazyLoad",onScroll:"onScroll",onScrollIndexChange:"onScrollIndexChange"},features:[In],ngContentSelectors:aJ,decls:3,vars:2,consts:[[4,"ngIf","ngIfElse"],["disabledContainer",""],[3,"ngStyle","ngClass","scroll"],["element",""],["buildInContent",""],["class","p-scroller-spacer",3,"ngStyle",4,"ngIf"],["class","p-scroller-loader",3,"ngClass",4,"ngIf"],[4,"ngTemplateOutlet","ngTemplateOutletContext"],[1,"p-scroller-content",3,"ngClass","ngStyle"],["content",""],[4,"ngFor","ngForOf","ngForTrackBy"],[1,"p-scroller-spacer",3,"ngStyle"],[1,"p-scroller-loader",3,"ngClass"],["buildInLoader",""],[4,"ngFor","ngForOf"],["buildInLoaderIcon",""],[3,"styleClass"],[4,"ngIf"]],template:function(e,i){if(1&e&&(Sd(),O(0,nJ,8,14,"ng-container",0),O(1,oJ,2,1,"ng-template",null,1,Lr)),2&e){const s=Gn(2);x("ngIf",!i._disabled)("ngIfElse",s)}},dependencies:function(){return[gi,fo,Bn,Fs,yi,Sh]},styles:["p-scroller{flex:1;outline:0 none}.p-scroller{position:relative;overflow:auto;contain:strict;transform:translateZ(0);will-change:scroll-position;outline:0 none}.p-scroller-content{position:absolute;top:0;left:0;min-height:100%;min-width:100%;will-change:transform}.p-scroller-spacer{position:absolute;top:0;left:0;height:1px;width:1px;transform-origin:0 0;pointer-events:none}.p-scroller-loader{position:sticky;top:0;left:0;width:100%;height:100%}.p-scroller-loader.p-component-overlay{display:flex;align-items:center;justify-content:center}.p-scroller-loading-icon{scale:2}.p-scroller-inline .p-scroller-content{position:static}\n"],encapsulation:2})),n})(),m_=(()=>{class n{}return h(n,"\u0275fac",function(e){return new(e||n)}),h(n,"\u0275mod",pt({type:n})),h(n,"\u0275inj",ht({imports:[Mn,On,Sh,On]})),n})(),lJ=(()=>{class n{get disabled(){return this._disabled}set disabled(e){this._disabled=e,this.deactivate()}constructor(e,i,s,r,o,a){h(this,"platformId",void 0),h(this,"el",void 0),h(this,"zone",void 0),h(this,"config",void 0),h(this,"renderer",void 0),h(this,"changeDetector",void 0),h(this,"tooltipPosition",void 0),h(this,"tooltipEvent","hover"),h(this,"appendTo",void 0),h(this,"positionStyle",void 0),h(this,"tooltipStyleClass",void 0),h(this,"tooltipZIndex",void 0),h(this,"escape",!0),h(this,"showDelay",void 0),h(this,"hideDelay",void 0),h(this,"life",void 0),h(this,"positionTop",void 0),h(this,"positionLeft",void 0),h(this,"autoHide",!0),h(this,"fitContent",!0),h(this,"hideOnEscape",!0),h(this,"text",void 0),h(this,"tooltipOptions",void 0),h(this,"_tooltipOptions",{tooltipLabel:null,tooltipPosition:"right",tooltipEvent:"hover",appendTo:"body",positionStyle:null,tooltipStyleClass:null,tooltipZIndex:"auto",escape:!0,disabled:null,showDelay:null,hideDelay:null,positionTop:null,positionLeft:null,life:null,autoHide:!0,hideOnEscape:!0}),h(this,"_disabled",void 0),h(this,"container",void 0),h(this,"styleClass",void 0),h(this,"tooltipText",void 0),h(this,"showTimeout",void 0),h(this,"hideTimeout",void 0),h(this,"active",void 0),h(this,"mouseEnterListener",void 0),h(this,"mouseLeaveListener",void 0),h(this,"containerMouseleaveListener",void 0),h(this,"clickListener",void 0),h(this,"focusListener",void 0),h(this,"blurListener",void 0),h(this,"scrollHandler",void 0),h(this,"resizeListener",void 0),this.platformId=e,this.el=i,this.zone=s,this.config=r,this.renderer=o,this.changeDetector=a}ngAfterViewInit(){ar(this.platformId)&&this.zone.runOutsideAngular(()=>{if("hover"===this.getOption("tooltipEvent"))this.mouseEnterListener=this.onMouseEnter.bind(this),this.mouseLeaveListener=this.onMouseLeave.bind(this),this.clickListener=this.onInputClick.bind(this),this.el.nativeElement.addEventListener("mouseenter",this.mouseEnterListener),this.el.nativeElement.addEventListener("click",this.clickListener),this.el.nativeElement.addEventListener("mouseleave",this.mouseLeaveListener);else if("focus"===this.getOption("tooltipEvent")){this.focusListener=this.onFocus.bind(this),this.blurListener=this.onBlur.bind(this);let e=this.getTarget(this.el.nativeElement);e.addEventListener("focus",this.focusListener),e.addEventListener("blur",this.blurListener)}})}ngOnChanges(e){e.tooltipPosition&&this.setOption({tooltipPosition:e.tooltipPosition.currentValue}),e.tooltipEvent&&this.setOption({tooltipEvent:e.tooltipEvent.currentValue}),e.appendTo&&this.setOption({appendTo:e.appendTo.currentValue}),e.positionStyle&&this.setOption({positionStyle:e.positionStyle.currentValue}),e.tooltipStyleClass&&this.setOption({tooltipStyleClass:e.tooltipStyleClass.currentValue}),e.tooltipZIndex&&this.setOption({tooltipZIndex:e.tooltipZIndex.currentValue}),e.escape&&this.setOption({escape:e.escape.currentValue}),e.showDelay&&this.setOption({showDelay:e.showDelay.currentValue}),e.hideDelay&&this.setOption({hideDelay:e.hideDelay.currentValue}),e.life&&this.setOption({life:e.life.currentValue}),e.positionTop&&this.setOption({positionTop:e.positionTop.currentValue}),e.positionLeft&&this.setOption({positionLeft:e.positionLeft.currentValue}),e.disabled&&this.setOption({disabled:e.disabled.currentValue}),e.text&&(this.setOption({tooltipLabel:e.text.currentValue}),this.active&&(e.text.currentValue?this.container&&this.container.offsetParent?(this.updateText(),this.align()):this.show():this.hide())),e.autoHide&&this.setOption({autoHide:e.autoHide.currentValue}),e.tooltipOptions&&(this._tooltipOptions={...this._tooltipOptions,...e.tooltipOptions.currentValue},this.deactivate(),this.active&&(this.getOption("tooltipLabel")?this.container&&this.container.offsetParent?(this.updateText(),this.align()):this.show():this.hide()))}isAutoHide(){return this.getOption("autoHide")}onMouseEnter(e){!this.container&&!this.showTimeout&&this.activate()}onMouseLeave(e){(this.isAutoHide()||!(G.hasClass(e.target,"p-tooltip")||G.hasClass(e.target,"p-tooltip-arrow")||G.hasClass(e.target,"p-tooltip-text")||G.hasClass(e.relatedTarget,"p-tooltip")))&&this.deactivate()}onFocus(e){this.activate()}onBlur(e){this.deactivate()}onInputClick(e){this.deactivate()}onPressEscape(){this.hideOnEscape&&this.deactivate()}activate(){if(this.active=!0,this.clearHideTimeout(),this.getOption("showDelay")?this.showTimeout=setTimeout(()=>{this.show()},this.getOption("showDelay")):this.show(),this.getOption("life")){let e=this.getOption("showDelay")?this.getOption("life")+this.getOption("showDelay"):this.getOption("life");this.hideTimeout=setTimeout(()=>{this.hide()},e)}}deactivate(){this.active=!1,this.clearShowTimeout(),this.getOption("hideDelay")?(this.clearHideTimeout(),this.hideTimeout=setTimeout(()=>{this.hide()},this.getOption("hideDelay"))):this.hide()}create(){this.container&&(this.clearHideTimeout(),this.remove()),this.container=document.createElement("div");let e=document.createElement("div");e.className="p-tooltip-arrow",this.container.appendChild(e),this.tooltipText=document.createElement("div"),this.tooltipText.className="p-tooltip-text",this.updateText(),this.getOption("positionStyle")&&(this.container.style.position=this.getOption("positionStyle")),this.container.appendChild(this.tooltipText),"body"===this.getOption("appendTo")?document.body.appendChild(this.container):"target"===this.getOption("appendTo")?G.appendChild(this.container,this.el.nativeElement):G.appendChild(this.container,this.getOption("appendTo")),this.container.style.display="inline-block",this.fitContent&&(this.container.style.width="fit-content"),this.isAutoHide()||this.bindContainerMouseleaveListener()}bindContainerMouseleaveListener(){this.containerMouseleaveListener||(this.containerMouseleaveListener=this.renderer.listen(this.container??this.container.nativeElement,"mouseleave",i=>{this.deactivate()}))}unbindContainerMouseleaveListener(){this.containerMouseleaveListener&&(this.bindContainerMouseleaveListener(),this.containerMouseleaveListener=null)}show(){!this.getOption("tooltipLabel")||this.getOption("disabled")||(this.create(),this.align(),G.fadeIn(this.container,250),"auto"===this.getOption("tooltipZIndex")?Yr.set("tooltip",this.container,this.config.zIndex.tooltip):this.container.style.zIndex=this.getOption("tooltipZIndex"),this.bindDocumentResizeListener(),this.bindScrollListener())}hide(){"auto"===this.getOption("tooltipZIndex")&&Yr.clear(this.container),this.remove()}updateText(){this.getOption("escape")?(this.tooltipText.innerHTML="",this.tooltipText.appendChild(document.createTextNode(this.getOption("tooltipLabel")))):this.tooltipText.innerHTML=this.getOption("tooltipLabel")}align(){switch(this.getOption("tooltipPosition")){case"top":this.alignTop(),this.isOutOfBounds()&&(this.alignBottom(),this.isOutOfBounds()&&(this.alignRight(),this.isOutOfBounds()&&this.alignLeft()));break;case"bottom":this.alignBottom(),this.isOutOfBounds()&&(this.alignTop(),this.isOutOfBounds()&&(this.alignRight(),this.isOutOfBounds()&&this.alignLeft()));break;case"left":this.alignLeft(),this.isOutOfBounds()&&(this.alignRight(),this.isOutOfBounds()&&(this.alignTop(),this.isOutOfBounds()&&this.alignBottom()));break;case"right":this.alignRight(),this.isOutOfBounds()&&(this.alignLeft(),this.isOutOfBounds()&&(this.alignTop(),this.isOutOfBounds()&&this.alignBottom()))}}getHostOffset(){if("body"===this.getOption("appendTo")||"target"===this.getOption("appendTo")){let e=this.el.nativeElement.getBoundingClientRect();return{left:e.left+G.getWindowScrollLeft(),top:e.top+G.getWindowScrollTop()}}return{left:0,top:0}}alignRight(){this.preAlign("right");let e=this.getHostOffset(),i=e.left+G.getOuterWidth(this.el.nativeElement),s=e.top+(G.getOuterHeight(this.el.nativeElement)-G.getOuterHeight(this.container))/2;this.container.style.left=i+this.getOption("positionLeft")+"px",this.container.style.top=s+this.getOption("positionTop")+"px"}alignLeft(){this.preAlign("left");let e=this.getHostOffset(),i=e.left-G.getOuterWidth(this.container),s=e.top+(G.getOuterHeight(this.el.nativeElement)-G.getOuterHeight(this.container))/2;this.container.style.left=i+this.getOption("positionLeft")+"px",this.container.style.top=s+this.getOption("positionTop")+"px"}alignTop(){this.preAlign("top");let e=this.getHostOffset(),i=e.left+(G.getOuterWidth(this.el.nativeElement)-G.getOuterWidth(this.container))/2,s=e.top-G.getOuterHeight(this.container);this.container.style.left=i+this.getOption("positionLeft")+"px",this.container.style.top=s+this.getOption("positionTop")+"px"}alignBottom(){this.preAlign("bottom");let e=this.getHostOffset(),i=e.left+(G.getOuterWidth(this.el.nativeElement)-G.getOuterWidth(this.container))/2,s=e.top+G.getOuterHeight(this.el.nativeElement);this.container.style.left=i+this.getOption("positionLeft")+"px",this.container.style.top=s+this.getOption("positionTop")+"px"}setOption(e){this._tooltipOptions={...this._tooltipOptions,...e}}getOption(e){return this._tooltipOptions[e]}getTarget(e){return G.hasClass(e,"p-inputwrapper")?G.findSingle(e,"input"):e}preAlign(e){this.container.style.left="-999px",this.container.style.top="-999px";let i="p-tooltip p-component p-tooltip-"+e;this.container.className=this.getOption("tooltipStyleClass")?i+" "+this.getOption("tooltipStyleClass"):i}isOutOfBounds(){let e=this.container.getBoundingClientRect(),i=e.top,s=e.left,r=G.getOuterWidth(this.container),o=G.getOuterHeight(this.container),a=G.getViewport();return s+r>a.width||s<0||i<0||i+o>a.height}onWindowResize(e){this.hide()}bindDocumentResizeListener(){this.zone.runOutsideAngular(()=>{this.resizeListener=this.onWindowResize.bind(this),window.addEventListener("resize",this.resizeListener)})}unbindDocumentResizeListener(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)}bindScrollListener(){this.scrollHandler||(this.scrollHandler=new ew(this.el.nativeElement,()=>{this.container&&this.hide()})),this.scrollHandler.bindScrollListener()}unbindScrollListener(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}unbindEvents(){if("hover"===this.getOption("tooltipEvent"))this.el.nativeElement.removeEventListener("mouseenter",this.mouseEnterListener),this.el.nativeElement.removeEventListener("mouseleave",this.mouseLeaveListener),this.el.nativeElement.removeEventListener("click",this.clickListener);else if("focus"===this.getOption("tooltipEvent")){let e=this.getTarget(this.el.nativeElement);e.removeEventListener("focus",this.focusListener),e.removeEventListener("blur",this.blurListener)}this.unbindDocumentResizeListener()}remove(){this.container&&this.container.parentElement&&("body"===this.getOption("appendTo")?document.body.removeChild(this.container):"target"===this.getOption("appendTo")?this.el.nativeElement.removeChild(this.container):G.removeChild(this.container,this.getOption("appendTo"))),this.unbindDocumentResizeListener(),this.unbindScrollListener(),this.unbindContainerMouseleaveListener(),this.clearTimeouts(),this.container=null,this.scrollHandler=null}clearShowTimeout(){this.showTimeout&&(clearTimeout(this.showTimeout),this.showTimeout=null)}clearHideTimeout(){this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=null)}clearTimeouts(){this.clearShowTimeout(),this.clearHideTimeout()}ngOnDestroy(){this.unbindEvents(),this.container&&Yr.clear(this.container),this.remove(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null)}}return h(n,"\u0275fac",function(e){return new(e||n)(W(Ri),W(Gt),W(Ct),W(Th),W(oi),W(ti))}),h(n,"\u0275dir",Ae({type:n,selectors:[["","pTooltip",""]],hostAttrs:[1,"p-element"],hostBindings:function(e,i){1&e&&de("keydown.escape",function(r){return i.onPressEscape(r)},0,BC)},inputs:{tooltipPosition:"tooltipPosition",tooltipEvent:"tooltipEvent",appendTo:"appendTo",positionStyle:"positionStyle",tooltipStyleClass:"tooltipStyleClass",tooltipZIndex:"tooltipZIndex",escape:"escape",showDelay:"showDelay",hideDelay:"hideDelay",life:"life",positionTop:"positionTop",positionLeft:"positionLeft",autoHide:"autoHide",fitContent:"fitContent",hideOnEscape:"hideOnEscape",text:["pTooltip","text"],disabled:["tooltipDisabled","disabled"],tooltipOptions:"tooltipOptions"},features:[In]})),n})(),cJ=(()=>{class n{}return h(n,"\u0275fac",function(e){return new(e||n)}),h(n,"\u0275mod",pt({type:n})),h(n,"\u0275inj",ht({imports:[Mn]})),n})(),sO=(()=>{class n extends xn{constructor(...e){super(...e),h(this,"pathId",void 0)}ngOnInit(){this.pathId="url(#"+Bs()+")"}}return h(n,"\u0275fac",function(){let t;return function(i){return(t||(t=ft(n)))(i||n)}}()),h(n,"\u0275cmp",Ne({type:n,selectors:[["SearchIcon"]],standalone:!0,features:[Ve,en],decls:6,vars:7,consts:[["width","14","height","14","viewBox","0 0 14 14","fill","none","xmlns","http://www.w3.org/2000/svg"],["fill-rule","evenodd","clip-rule","evenodd","d","M2.67602 11.0265C3.6661 11.688 4.83011 12.0411 6.02086 12.0411C6.81149 12.0411 7.59438 11.8854 8.32483 11.5828C8.87005 11.357 9.37808 11.0526 9.83317 10.6803L12.9769 13.8241C13.0323 13.8801 13.0983 13.9245 13.171 13.9548C13.2438 13.985 13.3219 14.0003 13.4007 14C13.4795 14.0003 13.5575 13.985 13.6303 13.9548C13.7031 13.9245 13.7691 13.8801 13.8244 13.8241C13.9367 13.7116 13.9998 13.5592 13.9998 13.4003C13.9998 13.2414 13.9367 13.089 13.8244 12.9765L10.6807 9.8328C11.053 9.37773 11.3573 8.86972 11.5831 8.32452C11.8857 7.59408 12.0414 6.81119 12.0414 6.02056C12.0414 4.8298 11.6883 3.66579 11.0268 2.67572C10.3652 1.68564 9.42494 0.913972 8.32483 0.45829C7.22472 0.00260857 6.01418 -0.116618 4.84631 0.115686C3.67844 0.34799 2.60568 0.921393 1.76369 1.76338C0.921698 2.60537 0.348296 3.67813 0.115991 4.84601C-0.116313 6.01388 0.00291375 7.22441 0.458595 8.32452C0.914277 9.42464 1.68595 10.3649 2.67602 11.0265ZM3.35565 2.0158C4.14456 1.48867 5.07206 1.20731 6.02086 1.20731C7.29317 1.20731 8.51338 1.71274 9.41304 2.6124C10.3127 3.51206 10.8181 4.73226 10.8181 6.00457C10.8181 6.95337 10.5368 7.88088 10.0096 8.66978C9.48251 9.45868 8.73328 10.0736 7.85669 10.4367C6.98011 10.7997 6.01554 10.8947 5.08496 10.7096C4.15439 10.5245 3.2996 10.0676 2.62869 9.39674C1.95778 8.72583 1.50089 7.87104 1.31579 6.94046C1.13068 6.00989 1.22568 5.04532 1.58878 4.16874C1.95187 3.29215 2.56675 2.54292 3.35565 2.0158Z","fill","currentColor"],[3,"id"],["width","14","height","14","fill","white"]],template:function(e,i){1&e&&(fn(),V(0,"svg",0)(1,"g"),se(2,"path",1),Y(),V(3,"defs")(4,"clipPath",2),se(5,"rect",3),Y()()()),2&e&&(Ge(i.getClassNames()),Ce("aria-label",i.ariaLabel)("aria-hidden",i.ariaHidden)("role",i.role),I(1),Ce("clip-path",i.pathId),I(3),x("id",i.pathId))},encapsulation:2})),n})();function uJ(n,t){if(1&n&&(V(0,"span"),le(1),Y()),2&n){const e=R();let i;I(1),dt(null!==(i=e.label)&&void 0!==i?i:"empty")}}function dJ(n,t){1&n&&Fe(0)}const xh=function(n){return{height:n}},hJ=function(n,t){return{"p-dropdown-item":!0,"p-highlight":n,"p-disabled":t}},ow=function(n){return{$implicit:n}},fJ=["container"],pJ=["filter"],mJ=["in"],_J=["editableInput"],gJ=["items"],yJ=["scroller"],vJ=["overlay"];function bJ(n,t){if(1&n&&(ke(0),le(1),Ee()),2&n){const e=R(2);I(1),dt(e.label||"empty")}}function wJ(n,t){1&n&&Fe(0)}const MJ=function(n){return{"p-dropdown-label p-inputtext":!0,"p-dropdown-label-empty":n}};function TJ(n,t){if(1&n&&(V(0,"span",14),O(1,bJ,2,1,"ng-container",8),O(2,wJ,1,0,"ng-container",15),Y()),2&n){const e=R();x("ngClass",Je(9,MJ,null==e.label||0===e.label.length))("pTooltip",e.tooltip)("tooltipPosition",e.tooltipPosition)("positionStyle",e.tooltipPositionStyle)("tooltipStyleClass",e.tooltipStyleClass),Ce("id",e.labelId),I(1),x("ngIf",!e.selectedItemTemplate),I(1),x("ngTemplateOutlet",e.selectedItemTemplate)("ngTemplateOutletContext",Je(11,ow,e.selectedOption))}}const SJ=function(n){return{"p-dropdown-label p-inputtext p-placeholder":!0,"p-dropdown-label-empty":n}};function CJ(n,t){if(1&n&&(V(0,"span",16),le(1),Y()),2&n){const e=R();x("ngClass",Je(2,SJ,null==e.placeholder||0===e.placeholder.length)),I(1),dt(e.placeholder||"empty")}}function DJ(n,t){if(1&n){const e=Ue();V(0,"input",17,18),de("input",function(s){return q(e),K(R().onEditableInputChange(s))})("focus",function(s){return q(e),K(R().onEditableInputFocus(s))})("blur",function(s){return q(e),K(R().onInputBlur(s))}),Y()}if(2&n){const e=R();x("disabled",e.disabled),Ce("maxlength",e.maxlength)("placeholder",e.placeholder)("aria-expanded",e.overlayVisible)}}function xJ(n,t){if(1&n){const e=Ue();V(0,"TimesIcon",21),de("click",function(s){return q(e),K(R(2).clear(s))}),Y()}2&n&&x("styleClass","p-dropdown-clear-icon")}function kJ(n,t){}function EJ(n,t){1&n&&O(0,kJ,0,0,"ng-template")}function IJ(n,t){if(1&n){const e=Ue();V(0,"span",22),de("click",function(s){return q(e),K(R(2).clear(s))}),O(1,EJ,1,0,null,23),Y()}if(2&n){const e=R(2);I(1),x("ngTemplateOutlet",e.clearIconTemplate)}}function LJ(n,t){if(1&n&&(ke(0),O(1,xJ,1,1,"TimesIcon",19),O(2,IJ,2,1,"span",20),Ee()),2&n){const e=R();I(1),x("ngIf",!e.clearIconTemplate),I(1),x("ngIf",e.clearIconTemplate)}}function PJ(n,t){1&n&&se(0,"span",26),2&n&&x("ngClass",R(2).dropdownIcon)}function AJ(n,t){1&n&&se(0,"ChevronDownIcon",27),2&n&&x("styleClass","p-dropdown-trigger-icon")}function OJ(n,t){if(1&n&&(ke(0),O(1,PJ,1,1,"span",24),O(2,AJ,1,1,"ChevronDownIcon",25),Ee()),2&n){const e=R();I(1),x("ngIf",e.dropdownIcon),I(1),x("ngIf",!e.dropdownIcon)}}function RJ(n,t){}function FJ(n,t){1&n&&O(0,RJ,0,0,"ng-template")}function NJ(n,t){if(1&n&&(V(0,"span",28),O(1,FJ,1,0,null,23),Y()),2&n){const e=R();I(1),x("ngTemplateOutlet",e.dropdownIconTemplate)}}function HJ(n,t){1&n&&Fe(0)}function YJ(n,t){1&n&&Fe(0)}const rO=function(n){return{options:n}};function VJ(n,t){if(1&n&&(ke(0),O(1,YJ,1,0,"ng-container",15),Ee()),2&n){const e=R(3);I(1),x("ngTemplateOutlet",e.filterTemplate)("ngTemplateOutletContext",Je(2,rO,e.filterOptions))}}function BJ(n,t){1&n&&se(0,"SearchIcon",27),2&n&&x("styleClass","p-dropdown-filter-icon")}function zJ(n,t){}function jJ(n,t){1&n&&O(0,zJ,0,0,"ng-template")}function WJ(n,t){if(1&n&&(V(0,"span",41),O(1,jJ,1,0,null,23),Y()),2&n){const e=R(4);I(1),x("ngTemplateOutlet",e.filterIconTemplate)}}function UJ(n,t){if(1&n){const e=Ue();V(0,"div",37)(1,"input",38,39),de("keydown.enter",function(s){return s.preventDefault()})("keydown",function(s){return q(e),K(R(3).onKeydown(s,!1))})("input",function(s){return q(e),K(R(3).onFilterInputChange(s))}),Y(),O(3,BJ,1,1,"SearchIcon",25),O(4,WJ,2,1,"span",40),Y()}if(2&n){const e=R(3);I(1),x("value",e.filterValue||""),Ce("placeholder",e.filterPlaceholder)("aria-label",e.ariaFilterLabel)("aria-activedescendant",e.overlayVisible?"p-highlighted-option":e.labelId),I(2),x("ngIf",!e.filterIconTemplate),I(1),x("ngIf",e.filterIconTemplate)}}function GJ(n,t){if(1&n&&(V(0,"div",34),de("click",function(i){return i.stopPropagation()}),O(1,VJ,2,4,"ng-container",35),O(2,UJ,5,6,"ng-template",null,36,Lr),Y()),2&n){const e=Gn(3),i=R(2);I(1),x("ngIf",i.filterTemplate)("ngIfElse",e)}}function $J(n,t){1&n&&Fe(0)}const oO=function(n,t){return{$implicit:n,options:t}};function qJ(n,t){if(1&n&&O(0,$J,1,0,"ng-container",15),2&n){const e=t.$implicit,i=t.options;R(2),x("ngTemplateOutlet",Gn(7))("ngTemplateOutletContext",bn(2,oO,e,i))}}function KJ(n,t){1&n&&Fe(0)}function XJ(n,t){if(1&n&&O(0,KJ,1,0,"ng-container",15),2&n){const e=t.options;x("ngTemplateOutlet",R(4).loaderTemplate)("ngTemplateOutletContext",Je(2,rO,e))}}function JJ(n,t){1&n&&(ke(0),O(1,XJ,1,4,"ng-template",44),Ee())}function ZJ(n,t){if(1&n){const e=Ue();V(0,"p-scroller",42,43),de("onLazyLoad",function(s){return q(e),K(R(2).onLazyLoad.emit(s))}),O(2,qJ,1,5,"ng-template",13),O(3,JJ,2,0,"ng-container",8),Y()}if(2&n){const e=R(2);ai(Je(8,xh,e.scrollHeight)),x("items",e.optionsToDisplay)("itemSize",e.virtualScrollItemSize||e._itemSize)("autoSize",!0)("lazy",e.lazy)("options",e.virtualScrollOptions),I(3),x("ngIf",e.loaderTemplate)}}function QJ(n,t){1&n&&Fe(0)}const eZ=function(){return{}};function tZ(n,t){if(1&n&&(ke(0),O(1,QJ,1,0,"ng-container",15),Ee()),2&n){R();const e=Gn(7),i=R();I(1),x("ngTemplateOutlet",e)("ngTemplateOutletContext",bn(3,oO,i.optionsToDisplay,Ni(2,eZ)))}}function nZ(n,t){if(1&n&&(V(0,"span"),le(1),Y()),2&n){const e=R().$implicit,i=R(4);I(1),dt(i.getOptionGroupLabel(e)||"empty")}}function iZ(n,t){1&n&&Fe(0)}function sZ(n,t){1&n&&Fe(0)}const aO=function(n,t){return{$implicit:n,selectedOption:t}};function rZ(n,t){if(1&n&&(V(0,"li",50),O(1,nZ,2,1,"span",8),O(2,iZ,1,0,"ng-container",15),Y(),O(3,sZ,1,0,"ng-container",15)),2&n){const e=t.$implicit,i=R(2).options,s=Gn(5),r=R(2);x("ngStyle",Je(6,xh,i.itemSize+"px")),I(1),x("ngIf",!r.groupTemplate),I(1),x("ngTemplateOutlet",r.groupTemplate)("ngTemplateOutletContext",Je(8,ow,e)),I(1),x("ngTemplateOutlet",s)("ngTemplateOutletContext",bn(10,aO,r.getOptionGroupChildren(e),r.selectedOption))}}function oZ(n,t){if(1&n&&(ke(0),O(1,rZ,4,13,"ng-template",49),Ee()),2&n){const e=R().$implicit;I(1),x("ngForOf",e)}}function aZ(n,t){1&n&&Fe(0)}function lZ(n,t){if(1&n&&(ke(0),O(1,aZ,1,0,"ng-container",15),Ee()),2&n){const e=R().$implicit,i=Gn(5),s=R(2);I(1),x("ngTemplateOutlet",i)("ngTemplateOutletContext",bn(2,aO,e,s.selectedOption))}}function cZ(n,t){if(1&n){const e=Ue();V(0,"p-dropdownItem",51),de("onClick",function(s){return q(e),K(R(4).onItemClick(s))}),Y()}if(2&n){const e=t.$implicit,i=R().selectedOption,s=R(3);x("option",e)("selected",i==e)("label",s.getOptionLabel(e))("disabled",s.isOptionDisabled(e))("template",s.itemTemplate)}}function uZ(n,t){1&n&&O(0,cZ,1,5,"ng-template",49),2&n&&x("ngForOf",t.$implicit)}function dZ(n,t){if(1&n&&(ke(0),le(1),Ee()),2&n){const e=R(4);I(1),Hn(" ",e.emptyFilterMessageLabel," ")}}function hZ(n,t){1&n&&Fe(0,null,53)}function fZ(n,t){if(1&n&&(V(0,"li",52),O(1,dZ,2,1,"ng-container",35),O(2,hZ,2,0,"ng-container",23),Y()),2&n){const e=R().options,i=R(2);x("ngStyle",Je(4,xh,e.itemSize+"px")),I(1),x("ngIf",!i.emptyFilterTemplate&&!i.emptyTemplate)("ngIfElse",i.emptyFilter),I(1),x("ngTemplateOutlet",i.emptyFilterTemplate||i.emptyTemplate)}}function pZ(n,t){if(1&n&&(ke(0),le(1),Ee()),2&n){const e=R(4);I(1),Hn(" ",e.emptyMessageLabel," ")}}function mZ(n,t){1&n&&Fe(0,null,54)}function _Z(n,t){if(1&n&&(V(0,"li",52),O(1,pZ,2,1,"ng-container",35),O(2,mZ,2,0,"ng-container",23),Y()),2&n){const e=R().options,i=R(2);x("ngStyle",Je(4,xh,e.itemSize+"px")),I(1),x("ngIf",!i.emptyTemplate)("ngIfElse",i.empty),I(1),x("ngTemplateOutlet",i.emptyTemplate)}}function gZ(n,t){if(1&n&&(V(0,"ul",45,46),O(2,oZ,2,1,"ng-container",8),O(3,lZ,2,5,"ng-container",8),O(4,uZ,1,1,"ng-template",null,47,Lr),O(6,fZ,3,6,"li",48),O(7,_Z,3,6,"li",48),Y()),2&n){const e=t.options,i=R(2);ai(e.contentStyle),x("ngClass",e.contentStyleClass),Ce("id",i.listId),I(2),x("ngIf",i.group),I(1),x("ngIf",!i.group),I(3),x("ngIf",i.filterValue&&i.isEmpty()),I(1),x("ngIf",!i.filterValue&&i.isEmpty())}}function yZ(n,t){1&n&&Fe(0)}function vZ(n,t){if(1&n&&(V(0,"div",29),O(1,HJ,1,0,"ng-container",23),O(2,GJ,4,2,"div",30),V(3,"div",31),O(4,ZJ,4,10,"p-scroller",32),O(5,tZ,2,6,"ng-container",8),O(6,gZ,8,8,"ng-template",null,33,Lr),Y(),O(8,yZ,1,0,"ng-container",23),Y()),2&n){const e=R();Ge(e.panelStyleClass),x("ngClass","p-dropdown-panel p-component")("ngStyle",e.panelStyle),I(1),x("ngTemplateOutlet",e.headerTemplate),I(1),x("ngIf",e.filter),I(1),Cd("max-height",e.virtualScroll?"auto":e.scrollHeight||"auto"),I(1),x("ngIf",e.virtualScroll),I(1),x("ngIf",!e.virtualScroll),I(3),x("ngTemplateOutlet",e.footerTemplate)}}const bZ=function(n,t,e,i){return{"p-dropdown p-component":!0,"p-disabled":n,"p-dropdown-open":t,"p-focus":e,"p-dropdown-clearable":i}},wZ={provide:ii,useExisting:ut(()=>lO),multi:!0};let MZ=(()=>{class n{constructor(){h(this,"option",void 0),h(this,"selected",void 0),h(this,"label",void 0),h(this,"disabled",void 0),h(this,"visible",void 0),h(this,"itemSize",void 0),h(this,"template",void 0),h(this,"onClick",new ce)}onOptionClick(e){this.onClick.emit({originalEvent:e,option:this.option})}}return h(n,"\u0275fac",function(e){return new(e||n)}),h(n,"\u0275cmp",Ne({type:n,selectors:[["p-dropdownItem"]],hostAttrs:[1,"p-element"],inputs:{option:"option",selected:"selected",label:"label",disabled:"disabled",visible:"visible",itemSize:"itemSize",template:"template"},outputs:{onClick:"onClick"},decls:3,vars:15,consts:[["role","option","pRipple","",3,"ngStyle","id","ngClass","click"],[4,"ngIf"],[4,"ngTemplateOutlet","ngTemplateOutletContext"]],template:function(e,i){1&e&&(V(0,"li",0),de("click",function(r){return i.onOptionClick(r)}),O(1,uJ,2,1,"span",1),O(2,dJ,1,0,"ng-container",2),Y()),2&e&&(x("ngStyle",Je(8,xh,i.itemSize+"px"))("id",i.selected?"p-highlighted-option":"")("ngClass",bn(10,hJ,i.selected,i.disabled)),Ce("aria-label",i.label)("aria-selected",i.selected),I(1),x("ngIf",!i.template),I(1),x("ngTemplateOutlet",i.template)("ngTemplateOutletContext",Je(13,ow,i.option)))},dependencies:[gi,Bn,Fs,yi,Ch],encapsulation:2})),n})(),lO=(()=>{class n{get disabled(){return this._disabled}set disabled(e){e&&(this.focused=!1,this.overlayVisible&&this.hide()),this._disabled=e,this.cd.destroyed||this.cd.detectChanges()}get itemSize(){return this._itemSize}set itemSize(e){this._itemSize=e,console.warn("The itemSize property is deprecated, use virtualScrollItemSize property instead.")}get autoZIndex(){return this._autoZIndex}set autoZIndex(e){this._autoZIndex=e,console.warn("The autoZIndex property is deprecated since v14.2.0, use overlayOptions property instead.")}get baseZIndex(){return this._baseZIndex}set baseZIndex(e){this._baseZIndex=e,console.warn("The baseZIndex property is deprecated since v14.2.0, use overlayOptions property instead.")}get showTransitionOptions(){return this._showTransitionOptions}set showTransitionOptions(e){this._showTransitionOptions=e,console.warn("The showTransitionOptions property is deprecated since v14.2.0, use overlayOptions property instead.")}get hideTransitionOptions(){return this._hideTransitionOptions}set hideTransitionOptions(e){this._hideTransitionOptions=e,console.warn("The hideTransitionOptions property is deprecated since v14.2.0, use overlayOptions property instead.")}get filterValue(){return this._filterValue}set filterValue(e){this._filterValue=e,this.activateFilter()}get options(){return this._options}set options(e){this._options=e,this.optionsToDisplay=this._options,this.updateSelectedOption(this.value),this.selectedOption=this.findOption(this.value,this.optionsToDisplay),!this.selectedOption&&_e.isNotEmpty(this.value)&&!this.editable&&(this.value=null,this.onModelChange(this.value)),this.optionsChanged=!0,this._filterValue&&this._filterValue.length&&this.activateFilter()}constructor(e,i,s,r,o,a){h(this,"el",void 0),h(this,"renderer",void 0),h(this,"cd",void 0),h(this,"zone",void 0),h(this,"filterService",void 0),h(this,"config",void 0),h(this,"scrollHeight","200px"),h(this,"filter",void 0),h(this,"name",void 0),h(this,"style",void 0),h(this,"panelStyle",void 0),h(this,"styleClass",void 0),h(this,"panelStyleClass",void 0),h(this,"readonly",void 0),h(this,"required",void 0),h(this,"editable",void 0),h(this,"appendTo",void 0),h(this,"tabindex",void 0),h(this,"placeholder",void 0),h(this,"filterPlaceholder",void 0),h(this,"filterLocale",void 0),h(this,"inputId",void 0),h(this,"selectId",void 0),h(this,"dataKey",void 0),h(this,"filterBy",void 0),h(this,"autofocus",void 0),h(this,"resetFilterOnHide",!1),h(this,"dropdownIcon",void 0),h(this,"optionLabel",void 0),h(this,"optionValue",void 0),h(this,"optionDisabled",void 0),h(this,"optionGroupLabel",void 0),h(this,"optionGroupChildren","items"),h(this,"autoDisplayFirst",!0),h(this,"group",void 0),h(this,"showClear",void 0),h(this,"emptyFilterMessage",""),h(this,"emptyMessage",""),h(this,"lazy",!1),h(this,"virtualScroll",void 0),h(this,"virtualScrollItemSize",void 0),h(this,"virtualScrollOptions",void 0),h(this,"overlayOptions",void 0),h(this,"ariaFilterLabel",void 0),h(this,"ariaLabel",void 0),h(this,"ariaLabelledBy",void 0),h(this,"filterMatchMode","contains"),h(this,"maxlength",void 0),h(this,"tooltip",""),h(this,"tooltipPosition","right"),h(this,"tooltipPositionStyle","absolute"),h(this,"tooltipStyleClass",void 0),h(this,"autofocusFilter",!0),h(this,"overlayDirection","end"),h(this,"_itemSize",void 0),h(this,"_autoZIndex",void 0),h(this,"_baseZIndex",void 0),h(this,"_showTransitionOptions",void 0),h(this,"_hideTransitionOptions",void 0),h(this,"onChange",new ce),h(this,"onFilter",new ce),h(this,"onFocus",new ce),h(this,"onBlur",new ce),h(this,"onClick",new ce),h(this,"onShow",new ce),h(this,"onHide",new ce),h(this,"onClear",new ce),h(this,"onLazyLoad",new ce),h(this,"containerViewChild",void 0),h(this,"filterViewChild",void 0),h(this,"accessibleViewChild",void 0),h(this,"editableInputViewChild",void 0),h(this,"itemsViewChild",void 0),h(this,"scroller",void 0),h(this,"overlayViewChild",void 0),h(this,"templates",void 0),h(this,"_disabled",void 0),h(this,"itemsWrapper",void 0),h(this,"itemTemplate",void 0),h(this,"groupTemplate",void 0),h(this,"loaderTemplate",void 0),h(this,"selectedItemTemplate",void 0),h(this,"headerTemplate",void 0),h(this,"filterTemplate",void 0),h(this,"footerTemplate",void 0),h(this,"emptyFilterTemplate",void 0),h(this,"emptyTemplate",void 0),h(this,"dropdownIconTemplate",void 0),h(this,"clearIconTemplate",void 0),h(this,"filterIconTemplate",void 0),h(this,"filterOptions",void 0),h(this,"selectedOption",void 0),h(this,"_options",void 0),h(this,"value",void 0),h(this,"onModelChange",()=>{}),h(this,"onModelTouched",()=>{}),h(this,"optionsToDisplay",void 0),h(this,"hover",void 0),h(this,"focused",void 0),h(this,"overlayVisible",void 0),h(this,"optionsChanged",void 0),h(this,"panel",void 0),h(this,"dimensionsUpdated",void 0),h(this,"hoveredItem",void 0),h(this,"selectedOptionUpdated",void 0),h(this,"_filterValue",void 0),h(this,"searchValue",void 0),h(this,"searchIndex",void 0),h(this,"searchTimeout",void 0),h(this,"previousSearchChar",void 0),h(this,"currentSearchChar",void 0),h(this,"preventModelTouched",void 0),h(this,"id",Bs()),h(this,"labelId",void 0),h(this,"listId",void 0),this.el=e,this.renderer=i,this.cd=s,this.zone=r,this.filterService=o,this.config=a}ngAfterContentInit(){this.templates.forEach(e=>{switch(e.getType()){case"item":default:this.itemTemplate=e.template;break;case"selectedItem":this.selectedItemTemplate=e.template;break;case"header":this.headerTemplate=e.template;break;case"filter":this.filterTemplate=e.template;break;case"footer":this.footerTemplate=e.template;break;case"emptyfilter":this.emptyFilterTemplate=e.template;break;case"empty":this.emptyTemplate=e.template;break;case"group":this.groupTemplate=e.template;break;case"loader":this.loaderTemplate=e.template;break;case"dropdownicon":this.dropdownIconTemplate=e.template;break;case"clearicon":this.clearIconTemplate=e.template;break;case"filtericon":this.filterIconTemplate=e.template}})}ngOnInit(){this.optionsToDisplay=this.options,this.updateSelectedOption(null),this.labelId=this.id+"_label",this.listId=this.id+"_list",this.filterBy&&(this.filterOptions={filter:e=>this.onFilterInputChange(e),reset:()=>this.resetFilter()})}ngAfterViewInit(){this.editable&&this.updateEditableLabel()}get label(){return"number"==typeof this.selectedOption&&(this.selectedOption=this.selectedOption.toString()),this.selectedOption?this.getOptionLabel(this.selectedOption):null}get emptyMessageLabel(){return this.emptyMessage||this.config.getTranslation(zs.EMPTY_MESSAGE)}get emptyFilterMessageLabel(){return this.emptyFilterMessage||this.config.getTranslation(zs.EMPTY_FILTER_MESSAGE)}get filled(){return"string"==typeof this.value?!!this.value:this.value||null!=this.value||null!=this.value}get isVisibleClearIcon(){return null!=this.value&&""!==this.value&&this.showClear&&!this.disabled}updateEditableLabel(){this.editableInputViewChild&&this.editableInputViewChild.nativeElement&&(this.editableInputViewChild.nativeElement.value=this.selectedOption?this.getOptionLabel(this.selectedOption):this.value||"")}getOptionLabel(e){return this.optionLabel?_e.resolveFieldData(e,this.optionLabel):e&&void 0!==e.label?e.label:e}getOptionValue(e){return this.optionValue?_e.resolveFieldData(e,this.optionValue):!this.optionLabel&&e&&void 0!==e.value?e.value:e}isOptionDisabled(e){return this.optionDisabled?_e.resolveFieldData(e,this.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled}getOptionGroupLabel(e){return this.optionGroupLabel?_e.resolveFieldData(e,this.optionGroupLabel):e&&void 0!==e.label?e.label:e}getOptionGroupChildren(e){return this.optionGroupChildren?_e.resolveFieldData(e,this.optionGroupChildren):e.items}onItemClick(e){const i=e.option;this.isOptionDisabled(i)||(this.selectItem(e.originalEvent,i),this.accessibleViewChild?.nativeElement.focus({preventScroll:!0})),setTimeout(()=>{this.hide()},1)}selectItem(e,i){this.selectedOption!=i&&(this.selectedOption=i,this.value=this.getOptionValue(i),this.onModelChange(this.value),this.updateEditableLabel(),this.onChange.emit({originalEvent:e,value:this.value}))}ngAfterViewChecked(){if(this.optionsChanged&&this.overlayVisible&&(this.optionsChanged=!1,this.zone.runOutsideAngular(()=>{setTimeout(()=>{this.overlayViewChild&&this.overlayViewChild.alignOverlay()},1)})),this.selectedOptionUpdated&&this.itemsWrapper){let e=G.findSingle(this.overlayViewChild?.overlayViewChild?.nativeElement,"li.p-highlight");e&&G.scrollInView(this.itemsWrapper,e),this.selectedOptionUpdated=!1}}writeValue(e){this.filter&&this.resetFilter(),this.value=e,this.updateSelectedOption(e),this.updateEditableLabel(),this.cd.markForCheck()}resetFilter(){this._filterValue=null,this.filterViewChild&&this.filterViewChild.nativeElement&&(this.filterViewChild.nativeElement.value=""),this.optionsToDisplay=this.options}updateSelectedOption(e){this.selectedOption=this.findOption(e,this.optionsToDisplay),this.autoDisplayFirst&&!this.placeholder&&!this.selectedOption&&this.optionsToDisplay&&this.optionsToDisplay.length&&!this.editable&&(this.selectedOption=this.group?this.getOptionGroupChildren(this.optionsToDisplay[0])[0]:this.optionsToDisplay[0],this.value=this.getOptionValue(this.selectedOption),this.onModelChange(this.value)),this.selectedOptionUpdated=!0}registerOnChange(e){this.onModelChange=e}registerOnTouched(e){this.onModelTouched=e}setDisabledState(e){this.disabled=e,this.cd.markForCheck()}onMouseclick(e){this.disabled||this.readonly||this.isInputClick(e)||(this.onClick.emit(e),this.accessibleViewChild?.nativeElement.focus({preventScroll:!0}),this.overlayVisible?this.hide():this.show(),this.cd.detectChanges())}isInputClick(e){return G.hasClass(e.target,"p-dropdown-clear-icon")||e.target.isSameNode(this.accessibleViewChild?.nativeElement)||this.editableInputViewChild&&e.target.isSameNode(this.editableInputViewChild.nativeElement)}isEmpty(){return!this.optionsToDisplay||this.optionsToDisplay&&0===this.optionsToDisplay.length}onEditableInputFocus(e){this.focused=!0,this.hide(),this.onFocus.emit(e)}onEditableInputChange(e){this.value=e.target.value,this.updateSelectedOption(this.value),this.onModelChange(this.value),this.onChange.emit({originalEvent:e,value:this.value})}show(){this.overlayVisible=!0,this.cd.markForCheck()}onOverlayAnimationStart(e){if("visible"===e.toState){if(this.itemsWrapper=G.findSingle(this.overlayViewChild?.overlayViewChild?.nativeElement,this.virtualScroll?".p-scroller":".p-dropdown-items-wrapper"),this.virtualScroll&&this.scroller?.setContentEl(this.itemsViewChild?.nativeElement),this.options&&this.options.length)if(this.virtualScroll){const i=this.selectedOption?this.findOptionIndex(this.getOptionValue(this.selectedOption),this.optionsToDisplay):-1;-1!==i&&this.scroller?.scrollToIndex(i)}else{let i=G.findSingle(this.itemsWrapper,".p-dropdown-item.p-highlight");i&&i.scrollIntoView({block:"nearest",inline:"center"})}this.filterViewChild&&this.filterViewChild.nativeElement&&(this.preventModelTouched=!0,this.autofocusFilter&&this.filterViewChild.nativeElement.focus()),this.onShow.emit(e)}"void"===e.toState&&(this.itemsWrapper=null,this.onModelTouched(),this.onHide.emit(e))}hide(){this.overlayVisible=!1,this.filter&&this.resetFilterOnHide&&this.resetFilter(),this.cd.markForCheck()}onInputFocus(e){this.focused=!0,this.onFocus.emit(e)}onInputBlur(e){this.focused=!1,this.onBlur.emit(e),this.preventModelTouched||this.onModelTouched(),this.preventModelTouched=!1}findPrevEnabledOption(e){let i;if(this.optionsToDisplay&&this.optionsToDisplay.length){for(let s=e-1;0<=s;s--){let r=this.optionsToDisplay[s];if(!this.isOptionDisabled(r)){i=r;break}}if(!i)for(let s=this.optionsToDisplay.length-1;s>=e;s--){let r=this.optionsToDisplay[s];if(!this.isOptionDisabled(r)){i=r;break}}}return i}findNextEnabledOption(e){let i;if(this.optionsToDisplay&&this.optionsToDisplay.length){for(let s=e+1;s0&&this.selectItem(e,this.getOptionGroupChildren(this.optionsToDisplay[0])[0])}else{let s=this.selectedOption?this.findOptionIndex(this.getOptionValue(this.selectedOption),this.optionsToDisplay):-1,r=this.findNextEnabledOption(s);r&&(this.selectItem(e,r),this.selectedOptionUpdated=!0)}e.preventDefault();break;case 38:if(this.group){let s=this.selectedOption?this.findOptionGroupIndex(this.getOptionValue(this.selectedOption),this.optionsToDisplay):-1;if(-1!==s){let r=s.itemIndex-1;if(r>=0)this.selectItem(e,this.getOptionGroupChildren(this.optionsToDisplay[s.groupIndex])[r]),this.selectedOptionUpdated=!0;else if(r<0){let o=this.optionsToDisplay[s.groupIndex-1];o&&(this.selectItem(e,this.getOptionGroupChildren(o)[this.getOptionGroupChildren(o).length-1]),this.selectedOptionUpdated=!0)}}}else{let s=this.selectedOption?this.findOptionIndex(this.getOptionValue(this.selectedOption),this.optionsToDisplay):-1,r=this.findPrevEnabledOption(s);r&&(this.selectItem(e,r),this.selectedOptionUpdated=!0)}e.preventDefault();break;case 32:i&&(this.overlayVisible?this.hide():this.show(),e.preventDefault());break;case 13:this.overlayVisible&&(!this.filter||this.optionsToDisplay&&this.optionsToDisplay.length>0)?this.hide():this.overlayVisible||this.show(),e.preventDefault();break;case 27:case 9:this.hide();break;default:i&&!e.metaKey&&17!==e.which&&this.search(e)}}search(e){this.searchTimeout&&clearTimeout(this.searchTimeout);const i=e.key;let s;if(this.previousSearchChar=this.currentSearchChar,this.currentSearchChar=i,this.searchValue=this.previousSearchChar===this.currentSearchChar?this.currentSearchChar:this.searchValue?this.searchValue+i:i,this.group){let r=this.selectedOption?this.findOptionGroupIndex(this.getOptionValue(this.selectedOption),this.optionsToDisplay):{groupIndex:0,itemIndex:0};s=this.searchOptionWithinGroup(r)}else{let r=this.selectedOption?this.findOptionIndex(this.getOptionValue(this.selectedOption),this.optionsToDisplay):-1;s=this.searchOption(++r)}s&&!this.isOptionDisabled(s)&&(this.selectItem(e,s),this.selectedOptionUpdated=!0),this.searchTimeout=setTimeout(()=>{this.searchValue=null},250)}searchOption(e){let i;return this.searchValue&&(i=this.searchOptionInRange(e,this.optionsToDisplay.length),i||(i=this.searchOptionInRange(0,e))),i}searchOptionInRange(e,i){for(let s=e;s{class n{}return h(n,"\u0275fac",function(e){return new(e||n)}),h(n,"\u0275mod",pt({type:n})),h(n,"\u0275inj",ht({imports:[Mn,tO,On,cJ,_l,m_,bX,Co,p_,sO,tO,On,m_]})),n})(),TZ=(()=>{class n{constructor(e,i,s){h(this,"el",void 0),h(this,"ngModel",void 0),h(this,"cd",void 0),h(this,"filled",void 0),this.el=e,this.ngModel=i,this.cd=s}ngAfterViewInit(){this.updateFilledState(),this.cd.detectChanges()}ngDoCheck(){this.updateFilledState()}onInput(){this.updateFilledState()}updateFilledState(){this.filled=this.el.nativeElement.value&&this.el.nativeElement.value.length||this.ngModel&&this.ngModel.model}}return h(n,"\u0275fac",function(e){return new(e||n)(W(Gt),W(_h,8),W(ti))}),h(n,"\u0275dir",Ae({type:n,selectors:[["","pInputText",""]],hostAttrs:[1,"p-inputtext","p-component","p-element"],hostVars:2,hostBindings:function(e,i){1&e&&de("input",function(r){return i.onInput(r)}),2&e&&lo("p-filled",i.filled)}})),n})(),lw=(()=>{class n{}return h(n,"\u0275fac",function(e){return new(e||n)}),h(n,"\u0275mod",pt({type:n})),h(n,"\u0275inj",ht({imports:[Mn]})),n})(),cO=(()=>{class n extends xn{}return h(n,"\u0275fac",function(){let t;return function(i){return(t||(t=ft(n)))(i||n)}}()),h(n,"\u0275cmp",Ne({type:n,selectors:[["AngleUpIcon"]],standalone:!0,features:[Ve,en],decls:2,vars:5,consts:[["width","14","height","14","viewBox","0 0 14 14","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M10.4134 9.49931C10.3148 9.49977 10.2172 9.48055 10.1262 9.44278C10.0352 9.405 9.95263 9.34942 9.88338 9.27931L6.88338 6.27931L3.88338 9.27931C3.73811 9.34946 3.57409 9.3709 3.41567 9.34044C3.25724 9.30999 3.11286 9.22926 3.00395 9.11025C2.89504 8.99124 2.82741 8.84028 2.8111 8.67978C2.79478 8.51928 2.83065 8.35781 2.91338 8.21931L6.41338 4.71931C6.55401 4.57886 6.74463 4.49997 6.94338 4.49997C7.14213 4.49997 7.33276 4.57886 7.47338 4.71931L10.9734 8.21931C11.1138 8.35994 11.1927 8.55056 11.1927 8.74931C11.1927 8.94806 11.1138 9.13868 10.9734 9.27931C10.9007 9.35315 10.8132 9.41089 10.7168 9.44879C10.6203 9.48669 10.5169 9.5039 10.4134 9.49931Z","fill","currentColor"]],template:function(e,i){1&e&&(fn(),V(0,"svg",0),se(1,"path",1),Y()),2&e&&(Ge(i.getClassNames()),Ce("aria-label",i.ariaLabel)("aria-hidden",i.ariaHidden)("role",i.role))},encapsulation:2})),n})(),uO=(()=>{class n extends xn{}return h(n,"\u0275fac",function(){let t;return function(i){return(t||(t=ft(n)))(i||n)}}()),h(n,"\u0275cmp",Ne({type:n,selectors:[["AngleDownIcon"]],standalone:!0,features:[Ve,en],decls:2,vars:5,consts:[["width","14","height","14","viewBox","0 0 14 14","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M3.58659 4.5007C3.68513 4.50023 3.78277 4.51945 3.87379 4.55723C3.9648 4.59501 4.04735 4.65058 4.11659 4.7207L7.11659 7.7207L10.1166 4.7207C10.2619 4.65055 10.4259 4.62911 10.5843 4.65956C10.7427 4.69002 10.8871 4.77074 10.996 4.88976C11.1049 5.00877 11.1726 5.15973 11.1889 5.32022C11.2052 5.48072 11.1693 5.6422 11.0866 5.7807L7.58659 9.2807C7.44597 9.42115 7.25534 9.50004 7.05659 9.50004C6.85784 9.50004 6.66722 9.42115 6.52659 9.2807L3.02659 5.7807C2.88614 5.64007 2.80725 5.44945 2.80725 5.2507C2.80725 5.05195 2.88614 4.86132 3.02659 4.7207C3.09932 4.64685 3.18675 4.58911 3.28322 4.55121C3.37969 4.51331 3.48305 4.4961 3.58659 4.5007Z","fill","currentColor"]],template:function(e,i){1&e&&(fn(),V(0,"svg",0),se(1,"path",1),Y()),2&e&&(Ge(i.getClassNames()),Ce("aria-label",i.ariaLabel)("aria-hidden",i.ariaHidden)("role",i.role))},encapsulation:2})),n})();const SZ=["input"];function CZ(n,t){if(1&n){const e=Ue();V(0,"TimesIcon",8),de("click",function(){return q(e),K(R(2).clear())}),Y()}2&n&&x("ngClass","p-inputnumber-clear-icon")}function DZ(n,t){}function xZ(n,t){1&n&&O(0,DZ,0,0,"ng-template")}function kZ(n,t){if(1&n){const e=Ue();V(0,"span",9),de("click",function(){return q(e),K(R(2).clear())}),O(1,xZ,1,0,null,10),Y()}if(2&n){const e=R(2);I(1),x("ngTemplateOutlet",e.clearIconTemplate)}}function EZ(n,t){if(1&n&&(ke(0),O(1,CZ,1,1,"TimesIcon",6),O(2,kZ,2,1,"span",7),Ee()),2&n){const e=R();I(1),x("ngIf",!e.clearIconTemplate),I(1),x("ngIf",e.clearIconTemplate)}}function IZ(n,t){1&n&&se(0,"span",14),2&n&&x("ngClass",R(2).incrementButtonIcon)}function LZ(n,t){1&n&&se(0,"AngleUpIcon")}function PZ(n,t){}function AZ(n,t){1&n&&O(0,PZ,0,0,"ng-template")}function OZ(n,t){if(1&n&&(ke(0),O(1,LZ,1,0,"AngleUpIcon",3),O(2,AZ,1,0,null,10),Ee()),2&n){const e=R(2);I(1),x("ngIf",!e.incrementButtonIconTemplate),I(1),x("ngTemplateOutlet",e.incrementButtonIconTemplate)}}function RZ(n,t){1&n&&se(0,"span",14),2&n&&x("ngClass",R(2).decrementButtonIcon)}function FZ(n,t){1&n&&se(0,"AngleDownIcon")}function NZ(n,t){}function HZ(n,t){1&n&&O(0,NZ,0,0,"ng-template")}function YZ(n,t){if(1&n&&(ke(0),O(1,FZ,1,0,"AngleDownIcon",3),O(2,HZ,1,0,null,10),Ee()),2&n){const e=R(2);I(1),x("ngIf",!e.decrementButtonIconTemplate),I(1),x("ngTemplateOutlet",e.decrementButtonIconTemplate)}}const dO=function(){return{"p-inputnumber-button p-inputnumber-button-up":!0}},hO=function(){return{"p-inputnumber-button p-inputnumber-button-down":!0}};function VZ(n,t){if(1&n){const e=Ue();V(0,"span",11)(1,"button",12),de("mousedown",function(s){return q(e),K(R().onUpButtonMouseDown(s))})("mouseup",function(){return q(e),K(R().onUpButtonMouseUp())})("mouseleave",function(){return q(e),K(R().onUpButtonMouseLeave())})("keydown",function(s){return q(e),K(R().onUpButtonKeyDown(s))})("keyup",function(){return q(e),K(R().onUpButtonKeyUp())}),O(2,IZ,1,1,"span",13),O(3,OZ,3,2,"ng-container",3),Y(),V(4,"button",12),de("mousedown",function(s){return q(e),K(R().onDownButtonMouseDown(s))})("mouseup",function(){return q(e),K(R().onDownButtonMouseUp())})("mouseleave",function(){return q(e),K(R().onDownButtonMouseLeave())})("keydown",function(s){return q(e),K(R().onDownButtonKeyDown(s))})("keyup",function(){return q(e),K(R().onDownButtonKeyUp())}),O(5,RZ,1,1,"span",13),O(6,YZ,3,2,"ng-container",3),Y()()}if(2&n){const e=R();I(1),Ge(e.incrementButtonClass),x("ngClass",Ni(12,dO))("disabled",e.disabled),I(1),x("ngIf",e.incrementButtonIcon),I(1),x("ngIf",!e.incrementButtonIcon),I(1),Ge(e.decrementButtonClass),x("ngClass",Ni(13,hO))("disabled",e.disabled),I(1),x("ngIf",e.decrementButtonIcon),I(1),x("ngIf",!e.decrementButtonIcon)}}function BZ(n,t){1&n&&se(0,"span",14),2&n&&x("ngClass",R(2).incrementButtonIcon)}function zZ(n,t){1&n&&se(0,"AngleUpIcon")}function jZ(n,t){}function WZ(n,t){1&n&&O(0,jZ,0,0,"ng-template")}function UZ(n,t){if(1&n&&(ke(0),O(1,zZ,1,0,"AngleUpIcon",3),O(2,WZ,1,0,null,10),Ee()),2&n){const e=R(2);I(1),x("ngIf",!e.incrementButtonIconTemplate),I(1),x("ngTemplateOutlet",e.incrementButtonIconTemplate)}}function GZ(n,t){if(1&n){const e=Ue();V(0,"button",12),de("mousedown",function(s){return q(e),K(R().onUpButtonMouseDown(s))})("mouseup",function(){return q(e),K(R().onUpButtonMouseUp())})("mouseleave",function(){return q(e),K(R().onUpButtonMouseLeave())})("keydown",function(s){return q(e),K(R().onUpButtonKeyDown(s))})("keyup",function(){return q(e),K(R().onUpButtonKeyUp())}),O(1,BZ,1,1,"span",13),O(2,UZ,3,2,"ng-container",3),Y()}if(2&n){const e=R();Ge(e.incrementButtonClass),x("ngClass",Ni(6,dO))("disabled",e.disabled),I(1),x("ngIf",e.incrementButtonIcon),I(1),x("ngIf",!e.incrementButtonIcon)}}function $Z(n,t){1&n&&se(0,"span",14),2&n&&x("ngClass",R(2).decrementButtonIcon)}function qZ(n,t){1&n&&se(0,"AngleDownIcon")}function KZ(n,t){}function XZ(n,t){1&n&&O(0,KZ,0,0,"ng-template")}function JZ(n,t){if(1&n&&(ke(0),O(1,qZ,1,0,"AngleDownIcon",3),O(2,XZ,1,0,null,10),Ee()),2&n){const e=R(2);I(1),x("ngIf",!e.decrementButtonIconTemplate),I(1),x("ngTemplateOutlet",e.decrementButtonIconTemplate)}}function ZZ(n,t){if(1&n){const e=Ue();V(0,"button",12),de("mousedown",function(s){return q(e),K(R().onDownButtonMouseDown(s))})("mouseup",function(){return q(e),K(R().onDownButtonMouseUp())})("mouseleave",function(){return q(e),K(R().onDownButtonMouseLeave())})("keydown",function(s){return q(e),K(R().onDownButtonKeyDown(s))})("keyup",function(){return q(e),K(R().onDownButtonKeyUp())}),O(1,$Z,1,1,"span",13),O(2,JZ,3,2,"ng-container",3),Y()}if(2&n){const e=R();Ge(e.decrementButtonClass),x("ngClass",Ni(6,hO))("disabled",e.disabled),I(1),x("ngIf",e.decrementButtonIcon),I(1),x("ngIf",!e.decrementButtonIcon)}}const QZ=function(n,t,e){return{"p-inputnumber p-component":!0,"p-inputnumber-buttons-stacked":n,"p-inputnumber-buttons-horizontal":t,"p-inputnumber-buttons-vertical":e}},eQ={provide:ii,useExisting:ut(()=>fO),multi:!0};let fO=(()=>{class n{get disabled(){return this._disabled}set disabled(e){e&&(this.focused=!1),this._disabled=e,this.timer&&this.clearTimer()}constructor(e,i,s,r){h(this,"document",void 0),h(this,"el",void 0),h(this,"cd",void 0),h(this,"injector",void 0),h(this,"showButtons",!1),h(this,"format",!0),h(this,"buttonLayout","stacked"),h(this,"inputId",void 0),h(this,"styleClass",void 0),h(this,"style",void 0),h(this,"placeholder",void 0),h(this,"size",void 0),h(this,"maxlength",void 0),h(this,"tabindex",void 0),h(this,"title",void 0),h(this,"ariaLabel",void 0),h(this,"ariaRequired",void 0),h(this,"name",void 0),h(this,"required",void 0),h(this,"autocomplete",void 0),h(this,"min",void 0),h(this,"max",void 0),h(this,"incrementButtonClass",void 0),h(this,"decrementButtonClass",void 0),h(this,"incrementButtonIcon",void 0),h(this,"decrementButtonIcon",void 0),h(this,"readonly",!1),h(this,"step",1),h(this,"allowEmpty",!0),h(this,"locale",void 0),h(this,"localeMatcher",void 0),h(this,"mode","decimal"),h(this,"currency",void 0),h(this,"currencyDisplay",void 0),h(this,"useGrouping",!0),h(this,"minFractionDigits",void 0),h(this,"maxFractionDigits",void 0),h(this,"prefix",void 0),h(this,"suffix",void 0),h(this,"inputStyle",void 0),h(this,"inputStyleClass",void 0),h(this,"showClear",!1),h(this,"onInput",new ce),h(this,"onFocus",new ce),h(this,"onBlur",new ce),h(this,"onKeyDown",new ce),h(this,"onClear",new ce),h(this,"input",void 0),h(this,"templates",void 0),h(this,"clearIconTemplate",void 0),h(this,"incrementButtonIconTemplate",void 0),h(this,"decrementButtonIconTemplate",void 0),h(this,"value",void 0),h(this,"onModelChange",()=>{}),h(this,"onModelTouched",()=>{}),h(this,"focused",void 0),h(this,"initialized",void 0),h(this,"groupChar",""),h(this,"prefixChar",""),h(this,"suffixChar",""),h(this,"isSpecialChar",void 0),h(this,"timer",void 0),h(this,"lastValue",void 0),h(this,"_numeral",void 0),h(this,"numberFormat",void 0),h(this,"_decimal",void 0),h(this,"_group",void 0),h(this,"_minusSign",void 0),h(this,"_currency",void 0),h(this,"_prefix",void 0),h(this,"_suffix",void 0),h(this,"_index",void 0),h(this,"_disabled",void 0),h(this,"ngControl",null),this.document=e,this.el=i,this.cd=s,this.injector=r}ngOnChanges(e){["locale","localeMatcher","mode","currency","currencyDisplay","useGrouping","minFractionDigits","maxFractionDigits","prefix","suffix"].some(s=>!!e[s])&&this.updateConstructParser()}ngAfterContentInit(){this.templates.forEach(e=>{switch(e.getType()){case"clearicon":this.clearIconTemplate=e.template;break;case"incrementbuttonicon":this.incrementButtonIconTemplate=e.template;break;case"decrementbuttonicon":this.decrementButtonIconTemplate=e.template}})}ngOnInit(){this.ngControl=this.injector.get(Fr,null,{optional:!0}),this.constructParser(),this.initialized=!0}getOptions(){return{localeMatcher:this.localeMatcher,style:this.mode,currency:this.currency,currencyDisplay:this.currencyDisplay,useGrouping:this.useGrouping,minimumFractionDigits:this.minFractionDigits,maximumFractionDigits:this.maxFractionDigits}}constructParser(){this.numberFormat=new Intl.NumberFormat(this.locale,this.getOptions());const e=[...new Intl.NumberFormat(this.locale,{useGrouping:!1}).format(9876543210)].reverse(),i=new Map(e.map((s,r)=>[s,r]));this._numeral=new RegExp(`[${e.join("")}]`,"g"),this._group=this.getGroupingExpression(),this._minusSign=this.getMinusSignExpression(),this._currency=this.getCurrencyExpression(),this._decimal=this.getDecimalExpression(),this._suffix=this.getSuffixExpression(),this._prefix=this.getPrefixExpression(),this._index=s=>i.get(s)}updateConstructParser(){this.initialized&&this.constructParser()}escapeRegExp(e){return e.replace(/[-[\]{}()*+?.,\\^$|#\s]/g,"\\$&")}getDecimalExpression(){const e=new Intl.NumberFormat(this.locale,{...this.getOptions(),useGrouping:!1});return new RegExp(`[${e.format(1.1).replace(this._currency,"").trim().replace(this._numeral,"")}]`,"g")}getGroupingExpression(){const e=new Intl.NumberFormat(this.locale,{useGrouping:!0});return this.groupChar=e.format(1e6).trim().replace(this._numeral,"").charAt(0),new RegExp(`[${this.groupChar}]`,"g")}getMinusSignExpression(){const e=new Intl.NumberFormat(this.locale,{useGrouping:!1});return new RegExp(`[${e.format(-1).trim().replace(this._numeral,"")}]`,"g")}getCurrencyExpression(){if(this.currency){const e=new Intl.NumberFormat(this.locale,{style:"currency",currency:this.currency,currencyDisplay:this.currencyDisplay,minimumFractionDigits:0,maximumFractionDigits:0});return new RegExp(`[${e.format(1).replace(/\s/g,"").replace(this._numeral,"").replace(this._group,"")}]`,"g")}return new RegExp("[]","g")}getPrefixExpression(){if(this.prefix)this.prefixChar=this.prefix;else{const e=new Intl.NumberFormat(this.locale,{style:this.mode,currency:this.currency,currencyDisplay:this.currencyDisplay});this.prefixChar=e.format(1).split("1")[0]}return new RegExp(`${this.escapeRegExp(this.prefixChar||"")}`,"g")}getSuffixExpression(){if(this.suffix)this.suffixChar=this.suffix;else{const e=new Intl.NumberFormat(this.locale,{style:this.mode,currency:this.currency,currencyDisplay:this.currencyDisplay,minimumFractionDigits:0,maximumFractionDigits:0});this.suffixChar=e.format(1).split("1")[1]}return new RegExp(`${this.escapeRegExp(this.suffixChar||"")}`,"g")}formatValue(e){if(null!=e){if("-"===e)return e;if(this.format){let s=new Intl.NumberFormat(this.locale,this.getOptions()).format(e);return this.prefix&&(s=this.prefix+s),this.suffix&&(s+=this.suffix),s}return e.toString()}return""}parseValue(e){let i=e.replace(this._suffix,"").replace(this._prefix,"").trim().replace(/\s/g,"").replace(this._currency,"").replace(this._group,"").replace(this._minusSign,"-").replace(this._decimal,".").replace(this._numeral,this._index);if(i){if("-"===i)return i;let s=+i;return isNaN(s)?null:s}return null}repeat(e,i,s){if(this.readonly)return;let r=i||500;this.clearTimer(),this.timer=setTimeout(()=>{this.repeat(e,40,s)},r),this.spin(e,s)}spin(e,i){let s=this.step*i,r=this.parseValue(this.input?.nativeElement.value)||0,o=this.validateValue(r+s);this.maxlength&&this.maxlength0&&i>l){const f=this.isDecimalMode()&&(this.minFractionDigits||0)0?o:""):o=r.slice(0,i-1)+r.slice(i)}this.updateValue(e,o,null,"delete-single")}else o=this.deleteRange(r,i,s),this.updateValue(e,o,null,"delete-range");break;case 46:if(e.preventDefault(),i===s){const a=r.charAt(i),{decimalCharIndex:l,decimalCharIndexWithoutPrefix:c}=this.getDecimalCharIndexes(r);if(this.isNumeralChar(a)){const u=this.getDecimalLength(r);if(this._group.test(a))this._group.lastIndex=0,o=r.slice(0,i)+r.slice(i+2);else if(this._decimal.test(a))this._decimal.lastIndex=0,u?this.input?.nativeElement.setSelectionRange(i+1,i+1):o=r.slice(0,i)+r.slice(i+1);else if(l>0&&i>l){const f=this.isDecimalMode()&&(this.minFractionDigits||0)0?o:""):o=r.slice(0,i)+r.slice(i+1)}this.updateValue(e,o,null,"delete-back-single")}else o=this.deleteRange(r,i,s),this.updateValue(e,o,null,"delete-range")}this.onKeyDown.emit(e)}onInputKeyPress(e){if(this.readonly)return;let i=e.which||e.keyCode,s=String.fromCharCode(i);const r=this.isDecimalSign(s),o=this.isMinusSign(s);13!=i&&e.preventDefault(),(48<=i&&i<=57||o||r)&&this.insert(e,s,{isDecimalSign:r,isMinusSign:o})}onPaste(e){if(!this.disabled&&!this.readonly){e.preventDefault();let i=(e.clipboardData||this.document.defaultView.clipboardData).getData("Text");if(i){let s=this.parseValue(i);null!=s&&this.insert(e,s.toString())}}}allowMinusSign(){return null==this.min||this.min<0}isMinusSign(e){return!(!this._minusSign.test(e)&&"-"!==e||(this._minusSign.lastIndex=0,0))}isDecimalSign(e){return!!this._decimal.test(e)&&(this._decimal.lastIndex=0,!0)}isDecimalMode(){return"decimal"===this.mode}getDecimalCharIndexes(e){let i=e.search(this._decimal);this._decimal.lastIndex=0;const r=e.replace(this._prefix,"").trim().replace(/\s/g,"").replace(this._currency,"").search(this._decimal);return this._decimal.lastIndex=0,{decimalCharIndex:i,decimalCharIndexWithoutPrefix:r}}getCharIndexes(e){const i=e.search(this._decimal);this._decimal.lastIndex=0;const s=e.search(this._minusSign);this._minusSign.lastIndex=0;const r=e.search(this._suffix);this._suffix.lastIndex=0;const o=e.search(this._currency);return this._currency.lastIndex=0,{decimalCharIndex:i,minusCharIndex:s,suffixCharIndex:r,currencyCharIndex:o}}insert(e,i,s={isDecimalSign:!1,isMinusSign:!1}){const r=i.search(this._minusSign);if(this._minusSign.lastIndex=0,!this.allowMinusSign()&&-1!==r)return;let o=this.input?.nativeElement.selectionStart,a=this.input?.nativeElement.selectionEnd,l=this.input?.nativeElement.value.trim();const{decimalCharIndex:c,minusCharIndex:u,suffixCharIndex:f,currencyCharIndex:p}=this.getCharIndexes(l);let g;if(s.isMinusSign)0===o&&(g=l,(-1===u||0!==a)&&(g=this.insertText(l,i,0,a)),this.updateValue(e,g,i,"insert"));else if(s.isDecimalSign)c>0&&o===c?this.updateValue(e,l,i,"insert"):(c>o&&c0&&o>c){if(o+i.length-(c+1)<=v){const S=p>=o?p-1:f>=o?f:l.length;g=l.slice(0,o)+i+l.slice(o+i.length,S)+l.slice(S),this.updateValue(e,g,i,M)}}else g=this.insertText(l,i,o,a),this.updateValue(e,g,i,M)}}insertText(e,i,s,r){if(2===("."===i?i:i.split(".")).length){const a=e.slice(s,r).search(this._decimal);return this._decimal.lastIndex=0,a>0?e.slice(0,s)+this.formatValue(i)+e.slice(r):e||this.formatValue(i)}return r-s===e.length?this.formatValue(i):0===s?i+e.slice(r):r===e.length?e.slice(0,s)+i:e.slice(0,s)+i+e.slice(r)}deleteRange(e,i,s){let r;return r=s-i===e.length?"":0===i?e.slice(s):s===e.length?e.slice(0,i):e.slice(0,i)+e.slice(s),r}initCursor(){let e=this.input?.nativeElement.selectionStart,i=this.input?.nativeElement.value,s=i.length,r=null,o=(this.prefixChar||"").length;i=i.replace(this._prefix,""),e-=o;let a=i.charAt(e);if(this.isNumeralChar(a))return e+o;let l=e-1;for(;l>=0;){if(a=i.charAt(l),this.isNumeralChar(a)){r=l+o;break}l--}if(null!==r)this.input?.nativeElement.setSelectionRange(r+1,r+1);else{for(l=e;lthis.max?this.max:e}updateInput(e,i,s,r){i=i||"";let o=this.input?.nativeElement.value,a=this.formatValue(e),l=o.length;if(a!==r&&(a=this.concatValues(a,r)),0===l){this.input.nativeElement.value=a,this.input.nativeElement.setSelectionRange(0,0);const u=this.initCursor()+i.length;this.input.nativeElement.setSelectionRange(u,u)}else{let c=this.input.nativeElement.selectionStart,u=this.input.nativeElement.selectionEnd;if(this.maxlength&&this.maxlength0}clearTimer(){this.timer&&clearInterval(this.timer)}getFormatter(){return this.numberFormat}}return h(n,"\u0275fac",function(e){return new(e||n)(W(wn),W(Gt),W(ti),W(Ps))}),h(n,"\u0275cmp",Ne({type:n,selectors:[["p-inputNumber"]],contentQueries:function(e,i,s){if(1&e&&ir(s,ts,4),2&e){let r;rt(r=ot())&&(i.templates=r)}},viewQuery:function(e,i){if(1&e&&Et(SZ,5),2&e){let s;rt(s=ot())&&(i.input=s.first)}},hostAttrs:[1,"p-element","p-inputwrapper"],hostVars:6,hostBindings:function(e,i){2&e&&lo("p-inputwrapper-filled",i.filled)("p-inputwrapper-focus",i.focused)("p-inputnumber-clearable",i.showClear&&"vertical"!=i.buttonLayout)},inputs:{showButtons:"showButtons",format:"format",buttonLayout:"buttonLayout",inputId:"inputId",styleClass:"styleClass",style:"style",placeholder:"placeholder",size:"size",maxlength:"maxlength",tabindex:"tabindex",title:"title",ariaLabel:"ariaLabel",ariaRequired:"ariaRequired",name:"name",required:"required",autocomplete:"autocomplete",min:"min",max:"max",incrementButtonClass:"incrementButtonClass",decrementButtonClass:"decrementButtonClass",incrementButtonIcon:"incrementButtonIcon",decrementButtonIcon:"decrementButtonIcon",readonly:"readonly",step:"step",allowEmpty:"allowEmpty",locale:"locale",localeMatcher:"localeMatcher",mode:"mode",currency:"currency",currencyDisplay:"currencyDisplay",useGrouping:"useGrouping",minFractionDigits:"minFractionDigits",maxFractionDigits:"maxFractionDigits",prefix:"prefix",suffix:"suffix",inputStyle:"inputStyle",inputStyleClass:"inputStyleClass",showClear:"showClear",disabled:"disabled"},outputs:{onInput:"onInput",onFocus:"onFocus",onBlur:"onBlur",onKeyDown:"onKeyDown",onClear:"onClear"},features:[Mt([eQ]),In],decls:7,vars:32,consts:[[3,"ngClass","ngStyle"],["pInputText","","inputmode","decimal",3,"ngClass","ngStyle","value","disabled","readonly","input","keydown","keypress","paste","click","focus","blur"],["input",""],[4,"ngIf"],["class","p-inputnumber-button-group",4,"ngIf"],["type","button","pButton","","class","p-button-icon-only","tabindex","-1",3,"ngClass","class","disabled","mousedown","mouseup","mouseleave","keydown","keyup",4,"ngIf"],[3,"ngClass","click",4,"ngIf"],["class","p-inputnumber-clear-icon",3,"click",4,"ngIf"],[3,"ngClass","click"],[1,"p-inputnumber-clear-icon",3,"click"],[4,"ngTemplateOutlet"],[1,"p-inputnumber-button-group"],["type","button","pButton","","tabindex","-1",1,"p-button-icon-only",3,"ngClass","disabled","mousedown","mouseup","mouseleave","keydown","keyup"],[3,"ngClass",4,"ngIf"],[3,"ngClass"]],template:function(e,i){1&e&&(V(0,"span",0)(1,"input",1,2),de("input",function(r){return i.onUserInput(r)})("keydown",function(r){return i.onInputKeyDown(r)})("keypress",function(r){return i.onInputKeyPress(r)})("paste",function(r){return i.onPaste(r)})("click",function(){return i.onInputClick()})("focus",function(r){return i.onInputFocus(r)})("blur",function(r){return i.onInputBlur(r)}),Y(),O(3,EZ,3,2,"ng-container",3),O(4,VZ,7,14,"span",4),O(5,GZ,3,7,"button",5),O(6,ZZ,3,7,"button",5),Y()),2&e&&(Ge(i.styleClass),x("ngClass",ps(28,QZ,i.showButtons&&"stacked"===i.buttonLayout,i.showButtons&&"horizontal"===i.buttonLayout,i.showButtons&&"vertical"===i.buttonLayout))("ngStyle",i.style),I(1),Ge(i.inputStyleClass),x("ngClass","p-inputnumber-input")("ngStyle",i.inputStyle)("value",i.formattedValue())("disabled",i.disabled)("readonly",i.readonly),Ce("placeholder",i.placeholder)("title",i.title)("id",i.inputId)("size",i.size)("name",i.name)("autocomplete",i.autocomplete)("maxlength",i.maxlength)("tabindex",i.tabindex)("aria-label",i.ariaLabel)("aria-required",i.ariaRequired)("required",i.required)("min",i.min)("max",i.max),I(2),x("ngIf","vertical"!=i.buttonLayout&&i.showClear&&i.value),I(1),x("ngIf",i.showButtons&&"stacked"===i.buttonLayout),I(1),x("ngIf",i.showButtons&&"stacked"!==i.buttonLayout),I(1),x("ngIf",i.showButtons&&"stacked"!==i.buttonLayout))},dependencies:function(){return[gi,Bn,Fs,yi,TZ,d_,Co,cO,uO]},styles:["p-inputnumber,.p-inputnumber{display:inline-flex}.p-inputnumber-button{display:flex;align-items:center;justify-content:center;flex:0 0 auto}.p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label,.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label{display:none}.p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up{border-top-left-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0;padding:0}.p-inputnumber-buttons-stacked .p-inputnumber-input{border-top-right-radius:0;border-bottom-right-radius:0}.p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;padding:0}.p-inputnumber-buttons-stacked .p-inputnumber-button-group{display:flex;flex-direction:column}.p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button{flex:1 1 auto}.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up{order:3;border-top-left-radius:0;border-bottom-left-radius:0}.p-inputnumber-buttons-horizontal .p-inputnumber-input{order:2;border-radius:0}.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down{order:1;border-top-right-radius:0;border-bottom-right-radius:0}.p-inputnumber-buttons-vertical{flex-direction:column}.p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up{order:1;border-bottom-left-radius:0;border-bottom-right-radius:0;width:100%}.p-inputnumber-buttons-vertical .p-inputnumber-input{order:2;border-radius:0;text-align:center}.p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down{order:3;border-top-left-radius:0;border-top-right-radius:0;width:100%}.p-inputnumber-input{flex:1 1 auto}.p-fluid p-inputnumber,.p-fluid .p-inputnumber{width:100%}.p-fluid .p-inputnumber .p-inputnumber-input{width:1%}.p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input{width:100%}.p-inputnumber-clear-icon{position:absolute;top:50%;margin-top:-.5rem;cursor:pointer}.p-inputnumber-clearable{position:relative}\n"],encapsulation:2,changeDetection:0})),n})(),cw=(()=>{class n{}return h(n,"\u0275fac",function(e){return new(e||n)}),h(n,"\u0275mod",pt({type:n})),h(n,"\u0275inj",ht({imports:[Mn,lw,$c,Co,cO,uO,On]})),n})(),pO=(()=>{class n extends xn{}return h(n,"\u0275fac",function(){let t;return function(i){return(t||(t=ft(n)))(i||n)}}()),h(n,"\u0275cmp",Ne({type:n,selectors:[["AngleDoubleLeftIcon"]],standalone:!0,features:[Ve,en],decls:2,vars:5,consts:[["width","14","height","14","viewBox","0 0 14 14","fill","none","xmlns","http://www.w3.org/2000/svg"],["fill-rule","evenodd","clip-rule","evenodd","d","M5.71602 11.164C5.80782 11.2021 5.9063 11.2215 6.00569 11.221C6.20216 11.2301 6.39427 11.1612 6.54025 11.0294C6.68191 10.8875 6.76148 10.6953 6.76148 10.4948C6.76148 10.2943 6.68191 10.1021 6.54025 9.96024L3.51441 6.9344L6.54025 3.90855C6.624 3.76126 6.65587 3.59011 6.63076 3.42254C6.60564 3.25498 6.525 3.10069 6.40175 2.98442C6.2785 2.86815 6.11978 2.79662 5.95104 2.7813C5.78229 2.76598 5.61329 2.80776 5.47112 2.89994L1.97123 6.39983C1.82957 6.54167 1.75 6.73393 1.75 6.9344C1.75 7.13486 1.82957 7.32712 1.97123 7.46896L5.47112 10.9991C5.54096 11.0698 5.62422 11.1259 5.71602 11.164ZM11.0488 10.9689C11.1775 11.1156 11.3585 11.2061 11.5531 11.221C11.7477 11.2061 11.9288 11.1156 12.0574 10.9689C12.1815 10.8302 12.25 10.6506 12.25 10.4645C12.25 10.2785 12.1815 10.0989 12.0574 9.96024L9.03158 6.93439L12.0574 3.90855C12.1248 3.76739 12.1468 3.60881 12.1204 3.45463C12.0939 3.30045 12.0203 3.15826 11.9097 3.04765C11.7991 2.93703 11.6569 2.86343 11.5027 2.83698C11.3486 2.81053 11.19 2.83252 11.0488 2.89994L7.51865 6.36957C7.37699 6.51141 7.29742 6.70367 7.29742 6.90414C7.29742 7.1046 7.37699 7.29686 7.51865 7.4387L11.0488 10.9689Z","fill","currentColor"]],template:function(e,i){1&e&&(fn(),V(0,"svg",0),se(1,"path",1),Y()),2&e&&(Ge(i.getClassNames()),Ce("aria-label",i.ariaLabel)("aria-hidden",i.ariaHidden)("role",i.role))},encapsulation:2})),n})(),mO=(()=>{class n extends xn{}return h(n,"\u0275fac",function(){let t;return function(i){return(t||(t=ft(n)))(i||n)}}()),h(n,"\u0275cmp",Ne({type:n,selectors:[["AngleDoubleRightIcon"]],standalone:!0,features:[Ve,en],decls:2,vars:5,consts:[["width","14","height","14","viewBox","0 0 14 14","fill","none","xmlns","http://www.w3.org/2000/svg"],["fill-rule","evenodd","clip-rule","evenodd","d","M7.68757 11.1451C7.7791 11.1831 7.8773 11.2024 7.9764 11.2019C8.07769 11.1985 8.17721 11.1745 8.26886 11.1312C8.36052 11.088 8.44238 11.0265 8.50943 10.9505L12.0294 7.49085C12.1707 7.34942 12.25 7.15771 12.25 6.95782C12.25 6.75794 12.1707 6.56622 12.0294 6.42479L8.50943 2.90479C8.37014 2.82159 8.20774 2.78551 8.04633 2.80192C7.88491 2.81833 7.73309 2.88635 7.6134 2.99588C7.4937 3.10541 7.41252 3.25061 7.38189 3.40994C7.35126 3.56927 7.37282 3.73423 7.44337 3.88033L10.4605 6.89748L7.44337 9.91463C7.30212 10.0561 7.22278 10.2478 7.22278 10.4477C7.22278 10.6475 7.30212 10.8393 7.44337 10.9807C7.51301 11.0512 7.59603 11.1071 7.68757 11.1451ZM1.94207 10.9505C2.07037 11.0968 2.25089 11.1871 2.44493 11.2019C2.63898 11.1871 2.81949 11.0968 2.94779 10.9505L6.46779 7.49085C6.60905 7.34942 6.68839 7.15771 6.68839 6.95782C6.68839 6.75793 6.60905 6.56622 6.46779 6.42479L2.94779 2.90479C2.80704 2.83757 2.6489 2.81563 2.49517 2.84201C2.34143 2.86839 2.19965 2.94178 2.08936 3.05207C1.97906 3.16237 1.90567 3.30415 1.8793 3.45788C1.85292 3.61162 1.87485 3.76975 1.94207 3.9105L4.95922 6.92765L1.94207 9.9448C1.81838 10.0831 1.75 10.2621 1.75 10.4477C1.75 10.6332 1.81838 10.8122 1.94207 10.9505Z","fill","currentColor"]],template:function(e,i){1&e&&(fn(),V(0,"svg",0),se(1,"path",1),Y()),2&e&&(Ge(i.getClassNames()),Ce("aria-label",i.ariaLabel)("aria-hidden",i.ariaHidden)("role",i.role))},encapsulation:2})),n})(),_O=(()=>{class n extends xn{}return h(n,"\u0275fac",function(){let t;return function(i){return(t||(t=ft(n)))(i||n)}}()),h(n,"\u0275cmp",Ne({type:n,selectors:[["AngleLeftIcon"]],standalone:!0,features:[Ve,en],decls:2,vars:5,consts:[["width","14","height","14","viewBox","0 0 14 14","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M8.75 11.185C8.65146 11.1854 8.55381 11.1662 8.4628 11.1284C8.37179 11.0906 8.28924 11.0351 8.22 10.965L4.72 7.46496C4.57955 7.32433 4.50066 7.13371 4.50066 6.93496C4.50066 6.73621 4.57955 6.54558 4.72 6.40496L8.22 2.93496C8.36095 2.84357 8.52851 2.80215 8.69582 2.81733C8.86312 2.83252 9.02048 2.90344 9.14268 3.01872C9.26487 3.134 9.34483 3.28696 9.36973 3.4531C9.39463 3.61924 9.36303 3.78892 9.28 3.93496L6.28 6.93496L9.28 9.93496C9.42045 10.0756 9.49934 10.2662 9.49934 10.465C9.49934 10.6637 9.42045 10.8543 9.28 10.995C9.13526 11.1257 8.9448 11.1939 8.75 11.185Z","fill","currentColor"]],template:function(e,i){1&e&&(fn(),V(0,"svg",0),se(1,"path",1),Y()),2&e&&(Ge(i.getClassNames()),Ce("aria-label",i.ariaLabel)("aria-hidden",i.ariaHidden)("role",i.role))},encapsulation:2})),n})(),gO=(()=>{class n extends xn{}return h(n,"\u0275fac",function(){let t;return function(i){return(t||(t=ft(n)))(i||n)}}()),h(n,"\u0275cmp",Ne({type:n,selectors:[["AngleRightIcon"]],standalone:!0,features:[Ve,en],decls:2,vars:5,consts:[["width","14","height","14","viewBox","0 0 14 14","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M5.25 11.1728C5.14929 11.1694 5.05033 11.1455 4.9592 11.1025C4.86806 11.0595 4.78666 10.9984 4.72 10.9228C4.57955 10.7822 4.50066 10.5916 4.50066 10.3928C4.50066 10.1941 4.57955 10.0035 4.72 9.86283L7.72 6.86283L4.72 3.86283C4.66067 3.71882 4.64765 3.55991 4.68275 3.40816C4.71785 3.25642 4.79932 3.11936 4.91585 3.01602C5.03238 2.91268 5.17819 2.84819 5.33305 2.83149C5.4879 2.81479 5.64411 2.84671 5.78 2.92283L9.28 6.42283C9.42045 6.56346 9.49934 6.75408 9.49934 6.95283C9.49934 7.15158 9.42045 7.34221 9.28 7.48283L5.78 10.9228C5.71333 10.9984 5.63193 11.0595 5.5408 11.1025C5.44966 11.1455 5.35071 11.1694 5.25 11.1728Z","fill","currentColor"]],template:function(e,i){1&e&&(fn(),V(0,"svg",0),se(1,"path",1),Y()),2&e&&(Ge(i.getClassNames()),Ce("aria-label",i.ariaLabel)("aria-hidden",i.ariaHidden)("role",i.role))},encapsulation:2})),n})();function tQ(n,t){1&n&&Fe(0)}const uw=function(n){return{$implicit:n}};function nQ(n,t){if(1&n&&(V(0,"div",15),O(1,tQ,1,0,"ng-container",16),Y()),2&n){const e=R(2);I(1),x("ngTemplateOutlet",e.templateLeft)("ngTemplateOutletContext",Je(2,uw,e.paginatorState))}}function iQ(n,t){if(1&n&&(V(0,"span",17),le(1),Y()),2&n){const e=R(2);I(1),dt(e.currentPageReport)}}function sQ(n,t){1&n&&se(0,"AngleDoubleLeftIcon",19),2&n&&x("styleClass","p-paginator-icon")}function rQ(n,t){}function oQ(n,t){1&n&&O(0,rQ,0,0,"ng-template")}function aQ(n,t){if(1&n&&(V(0,"span",20),O(1,oQ,1,0,null,21),Y()),2&n){const e=R(3);I(1),x("ngTemplateOutlet",e.firstPageLinkIconTemplate)}}const __=function(n){return{"p-disabled":n}};function lQ(n,t){if(1&n){const e=Ue();V(0,"button",18),de("click",function(s){return q(e),K(R(2).changePageToFirst(s))}),O(1,sQ,1,1,"AngleDoubleLeftIcon",6),O(2,aQ,2,1,"span",7),Y()}if(2&n){const e=R(2);x("disabled",e.isFirstPage()||e.empty())("ngClass",Je(4,__,e.isFirstPage()||e.empty())),I(1),x("ngIf",!e.firstPageLinkIconTemplate),I(1),x("ngIf",e.firstPageLinkIconTemplate)}}function cQ(n,t){1&n&&se(0,"AngleLeftIcon",19),2&n&&x("styleClass","p-paginator-icon")}function uQ(n,t){}function dQ(n,t){1&n&&O(0,uQ,0,0,"ng-template")}function hQ(n,t){if(1&n&&(V(0,"span",20),O(1,dQ,1,0,null,21),Y()),2&n){const e=R(2);I(1),x("ngTemplateOutlet",e.previousPageLinkIconTemplate)}}const fQ=function(n){return{"p-highlight":n}};function pQ(n,t){if(1&n){const e=Ue();V(0,"button",24),de("click",function(s){const o=q(e).$implicit;return K(R(3).onPageLinkClick(s,o-1))}),le(1),Y()}if(2&n){const e=t.$implicit,i=R(3);x("ngClass",Je(2,fQ,e-1==i.getPage())),I(1),Hn(" ",e," ")}}function mQ(n,t){if(1&n&&(V(0,"span",22),O(1,pQ,2,4,"button",23),Y()),2&n){const e=R(2);I(1),x("ngForOf",e.pageLinks)}}function _Q(n,t){1&n&&le(0),2&n&&dt(R(3).currentPageReport)}function gQ(n,t){if(1&n){const e=Ue();V(0,"p-dropdown",25),de("onChange",function(s){return q(e),K(R(2).onPageDropdownChange(s))}),O(1,_Q,1,1,"ng-template",26),Y()}if(2&n){const e=R(2);x("options",e.pageItems)("ngModel",e.getPage())("disabled",e.empty())("appendTo",e.dropdownAppendTo)("scrollHeight",e.dropdownScrollHeight)}}function yQ(n,t){1&n&&se(0,"AngleRightIcon",19),2&n&&x("styleClass","p-paginator-icon")}function vQ(n,t){}function bQ(n,t){1&n&&O(0,vQ,0,0,"ng-template")}function wQ(n,t){if(1&n&&(V(0,"span",20),O(1,bQ,1,0,null,21),Y()),2&n){const e=R(2);I(1),x("ngTemplateOutlet",e.nextPageLinkIconTemplate)}}function MQ(n,t){1&n&&se(0,"AngleDoubleRightIcon",19),2&n&&x("styleClass","p-paginator-icon")}function TQ(n,t){}function SQ(n,t){1&n&&O(0,TQ,0,0,"ng-template")}function CQ(n,t){if(1&n&&(V(0,"span",20),O(1,SQ,1,0,null,21),Y()),2&n){const e=R(3);I(1),x("ngTemplateOutlet",e.lastPageLinkIconTemplate)}}function DQ(n,t){if(1&n){const e=Ue();V(0,"button",27),de("click",function(s){return q(e),K(R(2).changePageToLast(s))}),O(1,MQ,1,1,"AngleDoubleRightIcon",6),O(2,CQ,2,1,"span",7),Y()}if(2&n){const e=R(2);x("disabled",e.isLastPage()||e.empty())("ngClass",Je(4,__,e.isLastPage()||e.empty())),I(1),x("ngIf",!e.lastPageLinkIconTemplate),I(1),x("ngIf",e.lastPageLinkIconTemplate)}}function xQ(n,t){if(1&n){const e=Ue();V(0,"p-inputNumber",28),de("ngModelChange",function(s){return q(e),K(R(2).changePage(s-1))}),Y()}if(2&n){const e=R(2);x("ngModel",e.currentPage())("disabled",e.empty())}}function kQ(n,t){1&n&&Fe(0)}function EQ(n,t){if(1&n&&O(0,kQ,1,0,"ng-container",16),2&n){const e=t.$implicit;x("ngTemplateOutlet",R(4).dropdownItemTemplate)("ngTemplateOutletContext",Je(2,uw,e))}}function IQ(n,t){1&n&&(ke(0),O(1,EQ,1,4,"ng-template",31),Ee())}function LQ(n,t){if(1&n){const e=Ue();V(0,"p-dropdown",29),de("ngModelChange",function(s){return q(e),K(R(2).rows=s)})("onChange",function(s){return q(e),K(R(2).onRppChange(s))}),O(1,IQ,2,0,"ng-container",30),Y()}if(2&n){const e=R(2);x("options",e.rowsPerPageItems)("ngModel",e.rows)("disabled",e.empty())("appendTo",e.dropdownAppendTo)("scrollHeight",e.dropdownScrollHeight),I(1),x("ngIf",e.dropdownItemTemplate)}}function PQ(n,t){1&n&&Fe(0)}function AQ(n,t){if(1&n&&(V(0,"div",32),O(1,PQ,1,0,"ng-container",16),Y()),2&n){const e=R(2);I(1),x("ngTemplateOutlet",e.templateRight)("ngTemplateOutletContext",Je(2,uw,e.paginatorState))}}function OQ(n,t){if(1&n){const e=Ue();V(0,"div",1),O(1,nQ,2,4,"div",2),O(2,iQ,2,1,"span",3),O(3,lQ,3,6,"button",4),V(4,"button",5),de("click",function(s){return q(e),K(R().changePageToPrev(s))}),O(5,cQ,1,1,"AngleLeftIcon",6),O(6,hQ,2,1,"span",7),Y(),O(7,mQ,2,1,"span",8),O(8,gQ,2,5,"p-dropdown",9),V(9,"button",10),de("click",function(s){return q(e),K(R().changePageToNext(s))}),O(10,yQ,1,1,"AngleRightIcon",6),O(11,wQ,2,1,"span",7),Y(),O(12,DQ,3,6,"button",11),O(13,xQ,1,2,"p-inputNumber",12),O(14,LQ,2,6,"p-dropdown",13),O(15,AQ,2,4,"div",14),Y()}if(2&n){const e=R();Ge(e.styleClass),x("ngStyle",e.style)("ngClass","p-paginator p-component"),I(1),x("ngIf",e.templateLeft),I(1),x("ngIf",e.showCurrentPageReport),I(1),x("ngIf",e.showFirstLastIcon),I(1),x("disabled",e.isFirstPage()||e.empty())("ngClass",Je(21,__,e.isFirstPage()||e.empty())),I(1),x("ngIf",!e.previousPageLinkIconTemplate),I(1),x("ngIf",e.previousPageLinkIconTemplate),I(1),x("ngIf",e.showPageLinks),I(1),x("ngIf",e.showJumpToPageDropdown),I(1),x("disabled",e.isLastPage()||e.empty())("ngClass",Je(23,__,e.isLastPage()||e.empty())),I(1),x("ngIf",!e.nextPageLinkIconTemplate),I(1),x("ngIf",e.nextPageLinkIconTemplate),I(1),x("ngIf",e.showFirstLastIcon),I(1),x("ngIf",e.showJumpToPageInput),I(1),x("ngIf",e.rowsPerPageOptions),I(1),x("ngIf",e.templateRight)}}let RQ=(()=>{class n{get first(){return this._first}set first(e){this._first=e}constructor(e){h(this,"cd",void 0),h(this,"pageLinkSize",5),h(this,"style",void 0),h(this,"styleClass",void 0),h(this,"alwaysShow",!0),h(this,"dropdownAppendTo",void 0),h(this,"templateLeft",void 0),h(this,"templateRight",void 0),h(this,"appendTo",void 0),h(this,"dropdownScrollHeight","200px"),h(this,"currentPageReportTemplate","{currentPage} of {totalPages}"),h(this,"showCurrentPageReport",void 0),h(this,"showFirstLastIcon",!0),h(this,"totalRecords",0),h(this,"rows",0),h(this,"rowsPerPageOptions",void 0),h(this,"showJumpToPageDropdown",void 0),h(this,"showJumpToPageInput",void 0),h(this,"showPageLinks",!0),h(this,"dropdownItemTemplate",void 0),h(this,"onPageChange",new ce),h(this,"templates",void 0),h(this,"firstPageLinkIconTemplate",void 0),h(this,"previousPageLinkIconTemplate",void 0),h(this,"lastPageLinkIconTemplate",void 0),h(this,"nextPageLinkIconTemplate",void 0),h(this,"pageLinks",void 0),h(this,"pageItems",void 0),h(this,"rowsPerPageItems",void 0),h(this,"paginatorState",void 0),h(this,"_first",0),h(this,"_page",0),this.cd=e}ngOnInit(){this.updatePaginatorState()}ngAfterContentInit(){this.templates.forEach(e=>{switch(e.getType()){case"firstpagelinkicon":this.firstPageLinkIconTemplate=e.template;break;case"previouspagelinkicon":this.previousPageLinkIconTemplate=e.template;break;case"lastpagelinkicon":this.lastPageLinkIconTemplate=e.template;break;case"nextpagelinkicon":this.nextPageLinkIconTemplate=e.template}})}ngOnChanges(e){e.totalRecords&&(this.updatePageLinks(),this.updatePaginatorState(),this.updateFirst(),this.updateRowsPerPageOptions()),e.first&&(this._first=e.first.currentValue,this.updatePageLinks(),this.updatePaginatorState()),e.rows&&(this.updatePageLinks(),this.updatePaginatorState()),e.rowsPerPageOptions&&this.updateRowsPerPageOptions()}updateRowsPerPageOptions(){if(this.rowsPerPageOptions){this.rowsPerPageItems=[];for(let e of this.rowsPerPageOptions)"object"==typeof e&&e.showAll?this.rowsPerPageItems.unshift({label:e.showAll,value:this.totalRecords}):this.rowsPerPageItems.push({label:String(e),value:e})}}isFirstPage(){return 0===this.getPage()}isLastPage(){return this.getPage()===this.getPageCount()-1}getPageCount(){return Math.ceil(this.totalRecords/this.rows)}calculatePageLinkBoundaries(){let e=this.getPageCount(),i=Math.min(this.pageLinkSize,e),s=Math.max(0,Math.ceil(this.getPage()-i/2)),r=Math.min(e-1,s+i-1);return s=Math.max(0,s-(this.pageLinkSize-(r-s+1))),[s,r]}updatePageLinks(){this.pageLinks=[];let e=this.calculatePageLinkBoundaries(),s=e[1];for(let r=e[0];r<=s;r++)this.pageLinks.push(r+1);if(this.showJumpToPageDropdown){this.pageItems=[];for(let r=0;r=0&&e0&&this.totalRecords&&this.first>=this.totalRecords&&Promise.resolve(null).then(()=>this.changePage(e-1))}getPage(){return Math.floor(this.first/this.rows)}changePageToFirst(e){this.isFirstPage()||this.changePage(0),e.preventDefault()}changePageToPrev(e){this.changePage(this.getPage()-1),e.preventDefault()}changePageToNext(e){this.changePage(this.getPage()+1),e.preventDefault()}changePageToLast(e){this.isLastPage()||this.changePage(this.getPageCount()-1),e.preventDefault()}onPageLinkClick(e,i){this.changePage(i),e.preventDefault()}onRppChange(e){this.changePage(this.getPage())}onPageDropdownChange(e){this.changePage(e.value)}updatePaginatorState(){this.paginatorState={page:this.getPage(),pageCount:this.getPageCount(),rows:this.rows,first:this.first,totalRecords:this.totalRecords}}empty(){return 0===this.getPageCount()}currentPage(){return this.getPageCount()>0?this.getPage()+1:0}get currentPageReport(){return this.currentPageReportTemplate.replace("{currentPage}",String(this.currentPage())).replace("{totalPages}",String(this.getPageCount())).replace("{first}",String(this.totalRecords>0?this._first+1:0)).replace("{last}",String(Math.min(this._first+this.rows,this.totalRecords))).replace("{rows}",String(this.rows)).replace("{totalRecords}",String(this.totalRecords))}}return h(n,"\u0275fac",function(e){return new(e||n)(W(ti))}),h(n,"\u0275cmp",Ne({type:n,selectors:[["p-paginator"]],contentQueries:function(e,i,s){if(1&e&&ir(s,ts,4),2&e){let r;rt(r=ot())&&(i.templates=r)}},hostAttrs:[1,"p-element"],inputs:{pageLinkSize:"pageLinkSize",style:"style",styleClass:"styleClass",alwaysShow:"alwaysShow",dropdownAppendTo:"dropdownAppendTo",templateLeft:"templateLeft",templateRight:"templateRight",appendTo:"appendTo",dropdownScrollHeight:"dropdownScrollHeight",currentPageReportTemplate:"currentPageReportTemplate",showCurrentPageReport:"showCurrentPageReport",showFirstLastIcon:"showFirstLastIcon",totalRecords:"totalRecords",rows:"rows",rowsPerPageOptions:"rowsPerPageOptions",showJumpToPageDropdown:"showJumpToPageDropdown",showJumpToPageInput:"showJumpToPageInput",showPageLinks:"showPageLinks",dropdownItemTemplate:"dropdownItemTemplate",first:"first"},outputs:{onPageChange:"onPageChange"},features:[In],decls:1,vars:1,consts:[[3,"class","ngStyle","ngClass",4,"ngIf"],[3,"ngStyle","ngClass"],["class","p-paginator-left-content",4,"ngIf"],["class","p-paginator-current",4,"ngIf"],["type","button","pRipple","","class","p-paginator-first p-paginator-element p-link",3,"disabled","ngClass","click",4,"ngIf"],["type","button","pRipple","",1,"p-paginator-prev","p-paginator-element","p-link",3,"disabled","ngClass","click"],[3,"styleClass",4,"ngIf"],["class","p-paginator-icon",4,"ngIf"],["class","p-paginator-pages",4,"ngIf"],["styleClass","p-paginator-page-options",3,"options","ngModel","disabled","appendTo","scrollHeight","onChange",4,"ngIf"],["type","button","pRipple","",1,"p-paginator-next","p-paginator-element","p-link",3,"disabled","ngClass","click"],["type","button","pRipple","","class","p-paginator-last p-paginator-element p-link",3,"disabled","ngClass","click",4,"ngIf"],["class","p-paginator-page-input",3,"ngModel","disabled","ngModelChange",4,"ngIf"],["styleClass","p-paginator-rpp-options",3,"options","ngModel","disabled","appendTo","scrollHeight","ngModelChange","onChange",4,"ngIf"],["class","p-paginator-right-content",4,"ngIf"],[1,"p-paginator-left-content"],[4,"ngTemplateOutlet","ngTemplateOutletContext"],[1,"p-paginator-current"],["type","button","pRipple","",1,"p-paginator-first","p-paginator-element","p-link",3,"disabled","ngClass","click"],[3,"styleClass"],[1,"p-paginator-icon"],[4,"ngTemplateOutlet"],[1,"p-paginator-pages"],["type","button","class","p-paginator-page p-paginator-element p-link","pRipple","",3,"ngClass","click",4,"ngFor","ngForOf"],["type","button","pRipple","",1,"p-paginator-page","p-paginator-element","p-link",3,"ngClass","click"],["styleClass","p-paginator-page-options",3,"options","ngModel","disabled","appendTo","scrollHeight","onChange"],["pTemplate","selectedItem"],["type","button","pRipple","",1,"p-paginator-last","p-paginator-element","p-link",3,"disabled","ngClass","click"],[1,"p-paginator-page-input",3,"ngModel","disabled","ngModelChange"],["styleClass","p-paginator-rpp-options",3,"options","ngModel","disabled","appendTo","scrollHeight","ngModelChange","onChange"],[4,"ngIf"],["pTemplate","item"],[1,"p-paginator-right-content"]],template:function(e,i){1&e&&O(0,OQ,16,25,"div",0),2&e&&x("ngIf",!!i.alwaysShow||i.pageLinks&&i.pageLinks.length>1)},dependencies:function(){return[gi,fo,Bn,Fs,yi,lO,ts,fO,Qm,_h,Ch,pO,mO,_O,gO]},styles:[".p-paginator{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.p-paginator-left-content{margin-right:auto}.p-paginator-right-content{margin-left:auto}.p-paginator-page,.p-paginator-next,.p-paginator-last,.p-paginator-first,.p-paginator-prev,.p-paginator-current{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1;-webkit-user-select:none;user-select:none;overflow:hidden;position:relative}.p-paginator-element:focus{z-index:1;position:relative}\n"],encapsulation:2,changeDetection:0})),n})(),FQ=(()=>{class n{}return h(n,"\u0275fac",function(e){return new(e||n)}),h(n,"\u0275mod",pt({type:n})),h(n,"\u0275inj",ht({imports:[Mn,aw,cw,gh,On,_l,pO,mO,_O,gO,aw,cw,gh,On]})),n})();function NQ(n,t){1&n&&se(0,"span",8),2&n&&(Ge(R(2).$implicit.icon),x("ngClass","p-button-icon p-button-icon-left"))}function HQ(n,t){if(1&n&&(ke(0),O(1,NQ,1,3,"span",6),V(2,"span",7),le(3),Y(),Ee()),2&n){const e=R().$implicit,i=R();I(1),x("ngIf",e.icon),I(2),dt(i.getOptionLabel(e))}}function YQ(n,t){1&n&&Fe(0)}const VQ=function(n,t){return{$implicit:n,index:t}};function BQ(n,t){if(1&n&&O(0,YQ,1,0,"ng-container",9),2&n){const e=R(),i=e.$implicit,s=e.index;x("ngTemplateOutlet",R().selectButtonTemplate)("ngTemplateOutletContext",bn(2,VQ,i,s))}}const zQ=function(n,t,e){return{"p-highlight":n,"p-disabled":t,"p-button-icon-only":e}};function jQ(n,t){if(1&n){const e=Ue();V(0,"div",2,3),de("click",function(s){const r=q(e),o=r.$implicit,a=r.index;return K(R().onItemClick(s,o,a))})("keydown.enter",function(s){const r=q(e),o=r.$implicit,a=r.index;return K(R().onItemClick(s,o,a))})("blur",function(){return q(e),K(R().onBlur())}),O(2,HQ,4,2,"ng-container",4),O(3,BQ,1,5,"ng-template",null,5,Lr),Y()}if(2&n){const e=t.$implicit,i=Gn(4),s=R();Ge(e.styleClass),x("ngClass",ps(10,zQ,s.isSelected(e),s.disabled||s.isOptionDisabled(e),e.icon&&!s.getOptionLabel(e))),Ce("aria-pressed",s.isSelected(e))("title",e.title)("aria-label",e.label)("tabindex",s.disabled?null:s.tabindex)("aria-labelledby",s.getOptionLabel(e)),I(2),x("ngIf",!s.itemTemplate)("ngIfElse",i)}}const WQ={provide:ii,useExisting:ut(()=>UQ),multi:!0};let UQ=(()=>{class n{get selectButtonTemplate(){return this.itemTemplate?.template}constructor(e){h(this,"cd",void 0),h(this,"options",void 0),h(this,"optionLabel",void 0),h(this,"optionValue",void 0),h(this,"optionDisabled",void 0),h(this,"tabindex",0),h(this,"multiple",void 0),h(this,"style",void 0),h(this,"styleClass",void 0),h(this,"ariaLabelledBy",void 0),h(this,"disabled",void 0),h(this,"dataKey",void 0),h(this,"onOptionClick",new ce),h(this,"onChange",new ce),h(this,"itemTemplate",void 0),h(this,"value",void 0),h(this,"onModelChange",()=>{}),h(this,"onModelTouched",()=>{}),this.cd=e}getOptionLabel(e){return this.optionLabel?_e.resolveFieldData(e,this.optionLabel):null!=e.label?e.label:e}getOptionValue(e){return this.optionValue?_e.resolveFieldData(e,this.optionValue):this.optionLabel||void 0===e.value?e:e.value}isOptionDisabled(e){return this.optionDisabled?_e.resolveFieldData(e,this.optionDisabled):void 0!==e.disabled&&e.disabled}writeValue(e){this.value=e,this.cd.markForCheck()}registerOnChange(e){this.onModelChange=e}registerOnTouched(e){this.onModelTouched=e}setDisabledState(e){this.disabled=e,this.cd.markForCheck()}onItemClick(e,i,s){if(!this.disabled&&!this.isOptionDisabled(i)){if(this.multiple)this.isSelected(i)?this.removeOption(i):this.value=[...this.value||[],this.getOptionValue(i)],this.onModelChange(this.value),this.onChange.emit({originalEvent:e,value:this.value});else{let r=this.getOptionValue(i);this.value!==r&&(this.value=this.getOptionValue(i),this.onModelChange(this.value),this.onChange.emit({originalEvent:e,value:this.value}))}this.onOptionClick.emit({originalEvent:e,option:i,index:s})}}onBlur(){this.onModelTouched()}removeOption(e){this.value=this.value.filter(i=>!_e.equals(i,this.getOptionValue(e),this.dataKey))}isSelected(e){let i=!1,s=this.getOptionValue(e);if(this.multiple){if(this.value&&Array.isArray(this.value))for(let r of this.value)if(_e.equals(r,s,this.dataKey)){i=!0;break}}else i=_e.equals(this.getOptionValue(e),this.value,this.dataKey);return i}}return h(n,"\u0275fac",function(e){return new(e||n)(W(ti))}),h(n,"\u0275cmp",Ne({type:n,selectors:[["p-selectButton"]],contentQueries:function(e,i,s){if(1&e&&ir(s,ts,5),2&e){let r;rt(r=ot())&&(i.itemTemplate=r.first)}},hostAttrs:[1,"p-element"],inputs:{options:"options",optionLabel:"optionLabel",optionValue:"optionValue",optionDisabled:"optionDisabled",tabindex:"tabindex",multiple:"multiple",style:"style",styleClass:"styleClass",ariaLabelledBy:"ariaLabelledBy",disabled:"disabled",dataKey:"dataKey"},outputs:{onOptionClick:"onOptionClick",onChange:"onChange"},features:[Mt([WQ])],decls:2,vars:5,consts:[["role","group",3,"ngClass","ngStyle"],["class","p-button p-component","role","button","pRipple","",3,"class","ngClass","click","keydown.enter","blur",4,"ngFor","ngForOf"],["role","button","pRipple","",1,"p-button","p-component",3,"ngClass","click","keydown.enter","blur"],["btn",""],[4,"ngIf","ngIfElse"],["customcontent",""],[3,"ngClass","class",4,"ngIf"],[1,"p-button-label"],[3,"ngClass"],[4,"ngTemplateOutlet","ngTemplateOutletContext"]],template:function(e,i){1&e&&(V(0,"div",0),O(1,jQ,5,14,"div",1),Y()),2&e&&(Ge(i.styleClass),x("ngClass","p-selectbutton p-buttonset p-component")("ngStyle",i.style),I(1),x("ngForOf",i.options))},dependencies:[gi,fo,Bn,Fs,yi,Ch],styles:['.p-button{margin:0;display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;vertical-align:bottom;text-align:center;overflow:hidden;position:relative}.p-button-label{flex:1 1 auto}.p-button-icon-right{order:1}.p-button:disabled{cursor:default;pointer-events:none}.p-button-icon-only{justify-content:center}.p-button-icon-only:after{content:"p";visibility:hidden;clip:rect(0 0 0 0);width:0}.p-button-vertical{flex-direction:column}.p-button-icon-bottom{order:2}.p-buttonset .p-button{margin:0}.p-buttonset .p-button:not(:last-child){border-right:0 none}.p-buttonset .p-button:not(:first-of-type):not(:last-of-type){border-radius:0}.p-buttonset .p-button:first-of-type{border-top-right-radius:0;border-bottom-right-radius:0}.p-buttonset .p-button:last-of-type{border-top-left-radius:0;border-bottom-left-radius:0}.p-buttonset .p-button:focus{position:relative;z-index:1}\n'],encapsulation:2,changeDetection:0})),n})(),GQ=(()=>{class n{}return h(n,"\u0275fac",function(e){return new(e||n)}),h(n,"\u0275mod",pt({type:n})),h(n,"\u0275inj",ht({imports:[Mn,_l,On,On]})),n})(),dw=(()=>{class n extends xn{}return h(n,"\u0275fac",function(){let t;return function(i){return(t||(t=ft(n)))(i||n)}}()),h(n,"\u0275cmp",Ne({type:n,selectors:[["CheckIcon"]],standalone:!0,features:[Ve,en],decls:2,vars:5,consts:[["width","14","height","14","viewBox","0 0 14 14","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M4.86199 11.5948C4.78717 11.5923 4.71366 11.5745 4.64596 11.5426C4.57826 11.5107 4.51779 11.4652 4.46827 11.4091L0.753985 7.69483C0.683167 7.64891 0.623706 7.58751 0.580092 7.51525C0.536478 7.44299 0.509851 7.36177 0.502221 7.27771C0.49459 7.19366 0.506156 7.10897 0.536046 7.03004C0.565935 6.95111 0.613367 6.88 0.674759 6.82208C0.736151 6.76416 0.8099 6.72095 0.890436 6.69571C0.970973 6.67046 1.05619 6.66385 1.13966 6.67635C1.22313 6.68886 1.30266 6.72017 1.37226 6.76792C1.44186 6.81567 1.4997 6.8786 1.54141 6.95197L4.86199 10.2503L12.6397 2.49483C12.7444 2.42694 12.8689 2.39617 12.9932 2.40745C13.1174 2.41873 13.2343 2.47141 13.3251 2.55705C13.4159 2.64268 13.4753 2.75632 13.4938 2.87973C13.5123 3.00315 13.4888 3.1292 13.4271 3.23768L5.2557 11.4091C5.20618 11.4652 5.14571 11.5107 5.07801 11.5426C5.01031 11.5745 4.9368 11.5923 4.86199 11.5948Z","fill","currentColor"]],template:function(e,i){1&e&&(fn(),V(0,"svg",0),se(1,"path",1),Y()),2&e&&(Ge(i.getClassNames()),Ce("aria-label",i.ariaLabel)("aria-hidden",i.ariaHidden)("role",i.role))},encapsulation:2})),n})();function $Q(n,t){1&n&&se(0,"span",8),2&n&&x("ngClass",R(2).checkboxTrueIcon)}function qQ(n,t){1&n&&se(0,"CheckIcon",11),2&n&&x("styleClass","p-checkbox-icon")}function KQ(n,t){}function XQ(n,t){1&n&&O(0,KQ,0,0,"ng-template")}function JQ(n,t){if(1&n&&(V(0,"span",12),O(1,XQ,1,0,null,13),Y()),2&n){const e=R(3);I(1),x("ngTemplateOutlet",e.checkIconTemplate)}}function ZQ(n,t){if(1&n&&(ke(0),O(1,qQ,1,1,"CheckIcon",9),O(2,JQ,2,1,"span",10),Ee()),2&n){const e=R(2);I(1),x("ngIf",!e.checkIconTemplate),I(1),x("ngIf",e.checkIconTemplate)}}function QQ(n,t){if(1&n&&(ke(0),O(1,$Q,1,1,"span",7),O(2,ZQ,3,2,"ng-container",5),Ee()),2&n){const e=R();I(1),x("ngIf",e.checkboxTrueIcon),I(1),x("ngIf",!e.checkboxTrueIcon)}}function eee(n,t){1&n&&se(0,"span",8),2&n&&x("ngClass",R(2).checkboxFalseIcon)}function tee(n,t){1&n&&se(0,"TimesIcon",11),2&n&&x("styleClass","p-checkbox-icon")}function nee(n,t){}function iee(n,t){1&n&&O(0,nee,0,0,"ng-template")}function see(n,t){if(1&n&&(V(0,"span",12),O(1,iee,1,0,null,13),Y()),2&n){const e=R(3);I(1),x("ngTemplateOutlet",e.uncheckIconTemplate)}}function ree(n,t){if(1&n&&(ke(0),O(1,tee,1,1,"TimesIcon",9),O(2,see,2,1,"span",10),Ee()),2&n){const e=R(2);I(1),x("ngIf",!e.uncheckIconTemplate),I(1),x("ngIf",e.uncheckIconTemplate)}}function oee(n,t){if(1&n&&(ke(0),O(1,eee,1,1,"span",7),O(2,ree,3,2,"ng-container",5),Ee()),2&n){const e=R();I(1),x("ngIf",e.checkboxFalseIcon),I(1),x("ngIf",!e.checkboxFalseIcon)}}const aee=function(n,t,e){return{"p-checkbox-label-active":n,"p-disabled":t,"p-checkbox-label-focus":e}};function lee(n,t){if(1&n){const e=Ue();V(0,"label",14),de("click",function(s){q(e);const r=R(),o=Gn(3);return K(r.onClick(s,o))}),le(1),Y()}if(2&n){const e=R();x("ngClass",ps(3,aee,null!=e.value,e.disabled,e.focused)),Ce("for",e.inputId),I(1),dt(e.label)}}const cee=function(n,t){return{"p-checkbox p-component":!0,"p-checkbox-disabled":n,"p-checkbox-focused":t}},uee=function(n,t,e){return{"p-highlight":n,"p-disabled":t,"p-focus":e}},dee={provide:ii,useExisting:ut(()=>hee),multi:!0};let hee=(()=>{class n{constructor(e){h(this,"cd",void 0),h(this,"disabled",void 0),h(this,"name",void 0),h(this,"ariaLabelledBy",void 0),h(this,"tabindex",void 0),h(this,"inputId",void 0),h(this,"style",void 0),h(this,"styleClass",void 0),h(this,"label",void 0),h(this,"readonly",void 0),h(this,"checkboxTrueIcon",void 0),h(this,"checkboxFalseIcon",void 0),h(this,"onChange",new ce),h(this,"templates",void 0),h(this,"checkIconTemplate",void 0),h(this,"uncheckIconTemplate",void 0),h(this,"focused",void 0),h(this,"value",void 0),h(this,"onModelChange",()=>{}),h(this,"onModelTouched",()=>{}),this.cd=e}onClick(e,i){!this.disabled&&!this.readonly&&(this.toggle(e),this.focused=!0,i.focus())}onKeydown(e){32==e.keyCode&&e.preventDefault()}onKeyup(e){32==e.keyCode&&!this.readonly&&(this.toggle(e),e.preventDefault())}toggle(e){null==this.value||null==this.value?this.value=!0:1==this.value?this.value=!1:0==this.value&&(this.value=null),this.onModelChange(this.value),this.onChange.emit({originalEvent:e,value:this.value})}ngAfterContentInit(){this.templates.forEach(e=>{switch(e.getType()){case"checkicon":this.checkIconTemplate=e.template;break;case"uncheckicon":this.uncheckIconTemplate=e.template}})}onFocus(){this.focused=!0}onBlur(){this.focused=!1,this.onModelTouched()}registerOnChange(e){this.onModelChange=e}registerOnTouched(e){this.onModelTouched=e}writeValue(e){this.value=e,this.cd.markForCheck()}setDisabledState(e){this.disabled=e,this.cd.markForCheck()}}return h(n,"\u0275fac",function(e){return new(e||n)(W(ti))}),h(n,"\u0275cmp",Ne({type:n,selectors:[["p-triStateCheckbox"]],contentQueries:function(e,i,s){if(1&e&&ir(s,ts,4),2&e){let r;rt(r=ot())&&(i.templates=r)}},hostAttrs:[1,"p-element"],inputs:{disabled:"disabled",name:"name",ariaLabelledBy:"ariaLabelledBy",tabindex:"tabindex",inputId:"inputId",style:"style",styleClass:"styleClass",label:"label",readonly:"readonly",checkboxTrueIcon:"checkboxTrueIcon",checkboxFalseIcon:"checkboxFalseIcon"},outputs:{onChange:"onChange"},features:[Mt([dee])],decls:8,vars:22,consts:[[3,"ngStyle","ngClass"],[1,"p-hidden-accessible"],["type","text","inputmode","none",3,"name","readonly","disabled","keyup","keydown","focus","blur"],["input",""],["role","checkbox",1,"p-checkbox-box",3,"ngClass","click"],[4,"ngIf"],["class","p-checkbox-label",3,"ngClass","click",4,"ngIf"],["class","p-checkbox-icon",3,"ngClass",4,"ngIf"],[1,"p-checkbox-icon",3,"ngClass"],[3,"styleClass",4,"ngIf"],["class","p-checkbox-icon",4,"ngIf"],[3,"styleClass"],[1,"p-checkbox-icon"],[4,"ngTemplateOutlet"],[1,"p-checkbox-label",3,"ngClass","click"]],template:function(e,i){if(1&e){const s=Ue();V(0,"div",0)(1,"div",1)(2,"input",2,3),de("keyup",function(o){return i.onKeyup(o)})("keydown",function(o){return i.onKeydown(o)})("focus",function(){return i.onFocus()})("blur",function(){return i.onBlur()}),Y()(),V(4,"div",4),de("click",function(o){q(s);const a=Gn(3);return K(i.onClick(o,a))}),O(5,QQ,3,2,"ng-container",5),O(6,oee,3,2,"ng-container",5),Y()(),O(7,lee,2,7,"label",6)}2&e&&(Ge(i.styleClass),x("ngStyle",i.style)("ngClass",bn(15,cee,i.disabled,i.focused)),I(2),x("name",i.name)("readonly",i.readonly)("disabled",i.disabled),Ce("id",i.inputId)("tabindex",i.tabindex)("aria-labelledby",i.ariaLabelledBy),I(2),x("ngClass",ps(18,uee,null!=i.value,i.disabled,i.focused)),Ce("aria-checked",!0===i.value),I(1),x("ngIf",!0===i.value),I(1),x("ngIf",!1===i.value),I(1),x("ngIf",i.label))},dependencies:function(){return[gi,Bn,Fs,yi,dw,Co]},encapsulation:2,changeDetection:0})),n})(),fee=(()=>{class n{}return h(n,"\u0275fac",function(e){return new(e||n)}),h(n,"\u0275mod",pt({type:n})),h(n,"\u0275inj",ht({imports:[Mn,On,dw,Co,On]})),n})(),yO=(()=>{class n extends xn{constructor(...e){super(...e),h(this,"pathId",void 0)}ngOnInit(){this.pathId="url(#"+Bs()+")"}}return h(n,"\u0275fac",function(){let t;return function(i){return(t||(t=ft(n)))(i||n)}}()),h(n,"\u0275cmp",Ne({type:n,selectors:[["ArrowDownIcon"]],standalone:!0,features:[Ve,en],decls:6,vars:7,consts:[["width","14","height","14","viewBox","0 0 14 14","fill","none","xmlns","http://www.w3.org/2000/svg"],["fill-rule","evenodd","clip-rule","evenodd","d","M6.99994 14C6.91097 14.0004 6.82281 13.983 6.74064 13.9489C6.65843 13.9148 6.58387 13.8646 6.52133 13.8013L1.10198 8.38193C0.982318 8.25351 0.917175 8.08367 0.920272 7.90817C0.923368 7.73267 0.994462 7.56523 1.11858 7.44111C1.24269 7.317 1.41014 7.2459 1.58563 7.2428C1.76113 7.23971 1.93098 7.30485 2.0594 7.42451L6.32263 11.6877V0.677419C6.32263 0.497756 6.394 0.325452 6.52104 0.198411C6.64808 0.0713706 6.82039 0 7.00005 0C7.17971 0 7.35202 0.0713706 7.47906 0.198411C7.6061 0.325452 7.67747 0.497756 7.67747 0.677419V11.6877L11.9407 7.42451C12.0691 7.30485 12.2389 7.23971 12.4144 7.2428C12.5899 7.2459 12.7574 7.317 12.8815 7.44111C13.0056 7.56523 13.0767 7.73267 13.0798 7.90817C13.0829 8.08367 13.0178 8.25351 12.8981 8.38193L7.47875 13.8013C7.41621 13.8646 7.34164 13.9148 7.25944 13.9489C7.17727 13.983 7.08912 14.0004 7.00015 14C7.00012 14 7.00009 14 7.00005 14C7.00001 14 6.99998 14 6.99994 14Z","fill","currentColor"],[3,"id"],["width","14","height","14","fill","white"]],template:function(e,i){1&e&&(fn(),V(0,"svg",0)(1,"g"),se(2,"path",1),Y(),V(3,"defs")(4,"clipPath",2),se(5,"rect",3),Y()()()),2&e&&(Ge(i.getClassNames()),Ce("aria-label",i.ariaLabel)("aria-hidden",i.ariaHidden)("role",i.role),I(1),Ce("clip-path",i.pathId),I(3),x("id",i.pathId))},encapsulation:2})),n})(),vO=(()=>{class n extends xn{constructor(...e){super(...e),h(this,"pathId",void 0)}ngOnInit(){this.pathId="url(#"+Bs()+")"}}return h(n,"\u0275fac",function(){let t;return function(i){return(t||(t=ft(n)))(i||n)}}()),h(n,"\u0275cmp",Ne({type:n,selectors:[["ArrowUpIcon"]],standalone:!0,features:[Ve,en],decls:6,vars:7,consts:[["width","14","height","14","viewBox","0 0 14 14","fill","none","xmlns","http://www.w3.org/2000/svg"],["fill-rule","evenodd","clip-rule","evenodd","d","M6.51551 13.799C6.64205 13.9255 6.813 13.9977 6.99193 14C7.17087 13.9977 7.34182 13.9255 7.46835 13.799C7.59489 13.6725 7.66701 13.5015 7.66935 13.3226V2.31233L11.9326 6.57554C11.9951 6.63887 12.0697 6.68907 12.1519 6.72319C12.2341 6.75731 12.3223 6.77467 12.4113 6.77425C12.5003 6.77467 12.5885 6.75731 12.6707 6.72319C12.7529 6.68907 12.8274 6.63887 12.89 6.57554C13.0168 6.44853 13.0881 6.27635 13.0881 6.09683C13.0881 5.91732 13.0168 5.74514 12.89 5.61812L7.48846 0.216594C7.48274 0.210436 7.4769 0.204374 7.47094 0.198411C7.3439 0.0713707 7.1716 0 6.99193 0C6.81227 0 6.63997 0.0713707 6.51293 0.198411C6.50704 0.204296 6.50128 0.210278 6.49563 0.216354L1.09386 5.61812C0.974201 5.74654 0.909057 5.91639 0.912154 6.09189C0.91525 6.26738 0.986345 6.43483 1.11046 6.55894C1.23457 6.68306 1.40202 6.75415 1.57752 6.75725C1.75302 6.76035 1.92286 6.6952 2.05128 6.57554L6.31451 2.31231V13.3226C6.31685 13.5015 6.38898 13.6725 6.51551 13.799Z","fill","currentColor"],[3,"id"],["width","14","height","14","fill","white"]],template:function(e,i){1&e&&(fn(),V(0,"svg",0)(1,"g"),se(2,"path",1),Y(),V(3,"defs")(4,"clipPath",2),se(5,"rect",3),Y()()()),2&e&&(Ge(i.getClassNames()),Ce("aria-label",i.ariaLabel)("aria-hidden",i.ariaHidden)("role",i.role),I(1),Ce("clip-path",i.pathId),I(3),x("id",i.pathId))},encapsulation:2})),n})(),pee=(()=>{class n extends xn{constructor(...e){super(...e),h(this,"pathId",void 0)}ngOnInit(){this.pathId="url(#"+Bs()+")"}}return h(n,"\u0275fac",function(){let t;return function(i){return(t||(t=ft(n)))(i||n)}}()),h(n,"\u0275cmp",Ne({type:n,selectors:[["FilterIcon"]],standalone:!0,features:[Ve,en],decls:6,vars:7,consts:[["width","14","height","14","viewBox","0 0 14 14","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M8.64708 14H5.35296C5.18981 13.9979 5.03395 13.9321 4.91858 13.8167C4.8032 13.7014 4.73745 13.5455 4.73531 13.3824V7L0.329431 0.98C0.259794 0.889466 0.217389 0.780968 0.20718 0.667208C0.19697 0.553448 0.219379 0.439133 0.271783 0.337647C0.324282 0.236453 0.403423 0.151519 0.500663 0.0920138C0.597903 0.0325088 0.709548 0.000692754 0.823548 0H13.1765C13.2905 0.000692754 13.4021 0.0325088 13.4994 0.0920138C13.5966 0.151519 13.6758 0.236453 13.7283 0.337647C13.7807 0.439133 13.8031 0.553448 13.7929 0.667208C13.7826 0.780968 13.7402 0.889466 13.6706 0.98L9.26472 7V13.3824C9.26259 13.5455 9.19683 13.7014 9.08146 13.8167C8.96609 13.9321 8.81022 13.9979 8.64708 14ZM5.97061 12.7647H8.02943V6.79412C8.02878 6.66289 8.07229 6.53527 8.15296 6.43177L11.9412 1.23529H2.05884L5.86355 6.43177C5.94422 6.53527 5.98773 6.66289 5.98708 6.79412L5.97061 12.7647Z","fill","currentColor"],[3,"id"],["width","14","height","14","fill","white"]],template:function(e,i){1&e&&(fn(),V(0,"svg",0)(1,"g"),se(2,"path",1),Y(),V(3,"defs")(4,"clipPath",2),se(5,"rect",3),Y()()()),2&e&&(Ge(i.getClassNames()),Ce("aria-label",i.ariaLabel)("aria-hidden",i.ariaHidden)("role",i.role),I(1),Ce("clip-path",i.pathId),I(3),x("id",i.pathId))},encapsulation:2})),n})(),mee=(()=>{class n extends xn{constructor(...e){super(...e),h(this,"pathId",void 0)}ngOnInit(){this.pathId="url(#"+Bs()+")"}}return h(n,"\u0275fac",function(){let t;return function(i){return(t||(t=ft(n)))(i||n)}}()),h(n,"\u0275cmp",Ne({type:n,selectors:[["SortAltIcon"]],standalone:!0,features:[Ve,en],decls:9,vars:7,consts:[["width","14","height","14","viewBox","0 0 14 14","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M5.64515 3.61291C5.47353 3.61291 5.30192 3.54968 5.16644 3.4142L3.38708 1.63484L1.60773 3.4142C1.34579 3.67613 0.912244 3.67613 0.650309 3.4142C0.388374 3.15226 0.388374 2.71871 0.650309 2.45678L2.90837 0.198712C3.17031 -0.0632236 3.60386 -0.0632236 3.86579 0.198712L6.12386 2.45678C6.38579 2.71871 6.38579 3.15226 6.12386 3.4142C5.98837 3.54968 5.81676 3.61291 5.64515 3.61291Z","fill","currentColor"],["d","M3.38714 14C3.01681 14 2.70972 13.6929 2.70972 13.3226V0.677419C2.70972 0.307097 3.01681 0 3.38714 0C3.75746 0 4.06456 0.307097 4.06456 0.677419V13.3226C4.06456 13.6929 3.75746 14 3.38714 14Z","fill","currentColor"],["d","M10.6129 14C10.4413 14 10.2697 13.9368 10.1342 13.8013L7.87611 11.5432C7.61418 11.2813 7.61418 10.8477 7.87611 10.5858C8.13805 10.3239 8.5716 10.3239 8.83353 10.5858L10.6129 12.3652L12.3922 10.5858C12.6542 10.3239 13.0877 10.3239 13.3497 10.5858C13.6116 10.8477 13.6116 11.2813 13.3497 11.5432L11.0916 13.8013C10.9561 13.9368 10.7845 14 10.6129 14Z","fill","currentColor"],["d","M10.6129 14C10.2426 14 9.93552 13.6929 9.93552 13.3226V0.677419C9.93552 0.307097 10.2426 0 10.6129 0C10.9833 0 11.2904 0.307097 11.2904 0.677419V13.3226C11.2904 13.6929 10.9832 14 10.6129 14Z","fill","currentColor"],[3,"id"],["width","14","height","14","fill","white"]],template:function(e,i){1&e&&(fn(),V(0,"svg",0)(1,"g"),se(2,"path",1)(3,"path",2)(4,"path",3)(5,"path",4),Y(),V(6,"defs")(7,"clipPath",5),se(8,"rect",6),Y()()()),2&e&&(Ge(i.getClassNames()),Ce("aria-label",i.ariaLabel)("aria-hidden",i.ariaHidden)("role",i.role),I(1),Ce("clip-path",i.pathId),I(6),x("id",i.pathId))},encapsulation:2})),n})(),_ee=(()=>{class n extends xn{constructor(...e){super(...e),h(this,"pathId",void 0)}ngOnInit(){this.pathId="url(#"+Bs()+")"}}return h(n,"\u0275fac",function(){let t;return function(i){return(t||(t=ft(n)))(i||n)}}()),h(n,"\u0275cmp",Ne({type:n,selectors:[["SortAmountDownIcon"]],standalone:!0,features:[Ve,en],decls:11,vars:7,consts:[["width","14","height","14","viewBox","0 0 14 14","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M2.59836 13.2009C2.44634 13.2009 2.29432 13.1449 2.1743 13.0248L0.174024 11.0246C-0.0580081 10.7925 -0.0580081 10.4085 0.174024 10.1764C0.406057 9.94441 0.79011 9.94441 1.02214 10.1764L2.59836 11.7527L4.17458 10.1764C4.40662 9.94441 4.79067 9.94441 5.0227 10.1764C5.25473 10.4085 5.25473 10.7925 5.0227 11.0246L3.02242 13.0248C2.90241 13.1449 2.75038 13.2009 2.59836 13.2009Z","fill","currentColor"],["d","M2.59836 13.2009C2.27032 13.2009 1.99833 12.9288 1.99833 12.6008V1.39922C1.99833 1.07117 2.27036 0.799133 2.59841 0.799133C2.92646 0.799133 3.19849 1.07117 3.19849 1.39922V12.6008C3.19849 12.9288 2.92641 13.2009 2.59836 13.2009Z","fill","currentColor"],["d","M13.3999 11.2006H6.99902C6.67098 11.2006 6.39894 10.9285 6.39894 10.6005C6.39894 10.2725 6.67098 10.0004 6.99902 10.0004H13.3999C13.728 10.0004 14 10.2725 14 10.6005C14 10.9285 13.728 11.2006 13.3999 11.2006Z","fill","currentColor"],["d","M10.1995 6.39991H6.99902C6.67098 6.39991 6.39894 6.12788 6.39894 5.79983C6.39894 5.47179 6.67098 5.19975 6.99902 5.19975H10.1995C10.5275 5.19975 10.7996 5.47179 10.7996 5.79983C10.7996 6.12788 10.5275 6.39991 10.1995 6.39991Z","fill","currentColor"],["d","M8.59925 3.99958H6.99902C6.67098 3.99958 6.39894 3.72754 6.39894 3.3995C6.39894 3.07145 6.67098 2.79941 6.99902 2.79941H8.59925C8.92729 2.79941 9.19933 3.07145 9.19933 3.3995C9.19933 3.72754 8.92729 3.99958 8.59925 3.99958Z","fill","currentColor"],["d","M11.7997 8.80025H6.99902C6.67098 8.80025 6.39894 8.52821 6.39894 8.20017C6.39894 7.87212 6.67098 7.60008 6.99902 7.60008H11.7997C12.1277 7.60008 12.3998 7.87212 12.3998 8.20017C12.3998 8.52821 12.1277 8.80025 11.7997 8.80025Z","fill","currentColor"],[3,"id"],["width","14","height","14","fill","white"]],template:function(e,i){1&e&&(fn(),V(0,"svg",0)(1,"g"),se(2,"path",1)(3,"path",2)(4,"path",3)(5,"path",4)(6,"path",5)(7,"path",6),Y(),V(8,"defs")(9,"clipPath",7),se(10,"rect",8),Y()()()),2&e&&(Ge(i.getClassNames()),Ce("aria-label",i.ariaLabel)("aria-hidden",i.ariaHidden)("role",i.role),I(1),Ce("clip-path",i.pathId),I(8),x("id",i.pathId))},encapsulation:2})),n})(),gee=(()=>{class n extends xn{constructor(...e){super(...e),h(this,"pathId",void 0)}ngOnInit(){this.pathId="url(#"+Bs()+")"}}return h(n,"\u0275fac",function(){let t;return function(i){return(t||(t=ft(n)))(i||n)}}()),h(n,"\u0275cmp",Ne({type:n,selectors:[["SortAmountUpAltIcon"]],standalone:!0,features:[Ve,en],decls:11,vars:7,consts:[["width","14","height","14","viewBox","0 0 14 14","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M4.59864 3.99958C4.44662 3.99958 4.2946 3.94357 4.17458 3.82356L2.59836 2.24734L1.02214 3.82356C0.79011 4.05559 0.406057 4.05559 0.174024 3.82356C-0.0580081 3.59152 -0.0580081 3.20747 0.174024 2.97544L2.1743 0.97516C2.40634 0.743127 2.79039 0.743127 3.02242 0.97516L5.0227 2.97544C5.25473 3.20747 5.25473 3.59152 5.0227 3.82356C4.90268 3.94357 4.75066 3.99958 4.59864 3.99958Z","fill","currentColor"],["d","M2.59841 13.2009C2.27036 13.2009 1.99833 12.9288 1.99833 12.6008V1.39922C1.99833 1.07117 2.27036 0.799133 2.59841 0.799133C2.92646 0.799133 3.19849 1.07117 3.19849 1.39922V12.6008C3.19849 12.9288 2.92646 13.2009 2.59841 13.2009Z","fill","currentColor"],["d","M13.3999 11.2006H6.99902C6.67098 11.2006 6.39894 10.9285 6.39894 10.6005C6.39894 10.2725 6.67098 10.0004 6.99902 10.0004H13.3999C13.728 10.0004 14 10.2725 14 10.6005C14 10.9285 13.728 11.2006 13.3999 11.2006Z","fill","currentColor"],["d","M10.1995 6.39991H6.99902C6.67098 6.39991 6.39894 6.12788 6.39894 5.79983C6.39894 5.47179 6.67098 5.19975 6.99902 5.19975H10.1995C10.5275 5.19975 10.7996 5.47179 10.7996 5.79983C10.7996 6.12788 10.5275 6.39991 10.1995 6.39991Z","fill","currentColor"],["d","M8.59925 3.99958H6.99902C6.67098 3.99958 6.39894 3.72754 6.39894 3.3995C6.39894 3.07145 6.67098 2.79941 6.99902 2.79941H8.59925C8.92729 2.79941 9.19933 3.07145 9.19933 3.3995C9.19933 3.72754 8.92729 3.99958 8.59925 3.99958Z","fill","currentColor"],["d","M11.7997 8.80025H6.99902C6.67098 8.80025 6.39894 8.52821 6.39894 8.20017C6.39894 7.87212 6.67098 7.60008 6.99902 7.60008H11.7997C12.1277 7.60008 12.3998 7.87212 12.3998 8.20017C12.3998 8.52821 12.1277 8.80025 11.7997 8.80025Z","fill","currentColor"],[3,"id"],["width","14","height","14","fill","white"]],template:function(e,i){1&e&&(fn(),V(0,"svg",0)(1,"g"),se(2,"path",1)(3,"path",2)(4,"path",3)(5,"path",4)(6,"path",5)(7,"path",6),Y(),V(8,"defs")(9,"clipPath",7),se(10,"rect",8),Y()()()),2&e&&(Ge(i.getClassNames()),Ce("aria-label",i.ariaLabel)("aria-hidden",i.ariaHidden)("role",i.role),I(1),Ce("clip-path",i.pathId),I(8),x("id",i.pathId))},encapsulation:2})),n})(),yee=(()=>{class n extends xn{constructor(...e){super(...e),h(this,"pathId",void 0)}ngOnInit(){this.pathId="url(#"+Bs()+")"}}return h(n,"\u0275fac",function(){let t;return function(i){return(t||(t=ft(n)))(i||n)}}()),h(n,"\u0275cmp",Ne({type:n,selectors:[["FilterSlashIcon"]],standalone:!0,features:[Ve,en],decls:6,vars:7,consts:[["width","14","height","14","viewBox","0 0 14 14","fill","none","xmlns","http://www.w3.org/2000/svg"],["fill-rule","evenodd","clip-rule","evenodd","d","M13.4994 0.0920138C13.5967 0.151519 13.6758 0.236453 13.7283 0.337647C13.7807 0.439133 13.8031 0.553448 13.7929 0.667208C13.7827 0.780968 13.7403 0.889466 13.6707 0.98L11.406 4.06823C11.3099 4.19928 11.1656 4.28679 11.005 4.3115C10.8444 4.33621 10.6805 4.2961 10.5495 4.2C10.4184 4.1039 10.3309 3.95967 10.3062 3.79905C10.2815 3.63843 10.3216 3.47458 10.4177 3.34353L11.9412 1.23529H7.41184C7.24803 1.23529 7.09093 1.17022 6.97509 1.05439C6.85926 0.938558 6.79419 0.781457 6.79419 0.617647C6.79419 0.453837 6.85926 0.296736 6.97509 0.180905C7.09093 0.0650733 7.24803 0 7.41184 0H13.1765C13.2905 0.000692754 13.4022 0.0325088 13.4994 0.0920138ZM4.20008 0.181168H4.24126L13.2013 9.03411C13.3169 9.14992 13.3819 9.3069 13.3819 9.47058C13.3819 9.63426 13.3169 9.79124 13.2013 9.90705C13.1445 9.96517 13.0766 10.0112 13.0016 10.0423C12.9266 10.0735 12.846 10.0891 12.7648 10.0882C12.6836 10.0886 12.6032 10.0728 12.5283 10.0417C12.4533 10.0106 12.3853 9.96479 12.3283 9.90705L9.3142 6.92587L9.26479 6.99999V13.3823C9.26265 13.5455 9.19689 13.7014 9.08152 13.8167C8.96615 13.9321 8.81029 13.9979 8.64714 14H5.35302C5.18987 13.9979 5.03401 13.9321 4.91864 13.8167C4.80327 13.7014 4.73751 13.5455 4.73537 13.3823V6.99999L0.329492 1.02117C0.259855 0.930634 0.21745 0.822137 0.207241 0.708376C0.197031 0.594616 0.21944 0.480301 0.271844 0.378815C0.324343 0.277621 0.403484 0.192687 0.500724 0.133182C0.597964 0.073677 0.709609 0.041861 0.823609 0.0411682H3.86243C3.92448 0.0461551 3.9855 0.060022 4.04361 0.0823446C4.10037 0.10735 4.15311 0.140655 4.20008 0.181168ZM8.02949 6.79411C8.02884 6.66289 8.07235 6.53526 8.15302 6.43176L8.42478 6.05293L3.55773 1.23529H2.0589L5.84714 6.43176C5.92781 6.53526 5.97132 6.66289 5.97067 6.79411V12.7647H8.02949V6.79411Z","fill","currentColor"],[3,"id"],["width","14","height","14","fill","white"]],template:function(e,i){1&e&&(fn(),V(0,"svg",0)(1,"g"),se(2,"path",1),Y(),V(3,"defs")(4,"clipPath",2),se(5,"rect",3),Y()()()),2&e&&(Ge(i.getClassNames()),Ce("aria-label",i.ariaLabel)("aria-hidden",i.ariaHidden)("role",i.role),I(1),Ce("clip-path",i.pathId),I(3),x("id",i.pathId))},encapsulation:2})),n})();const vee=["container"],bee=["resizeHelper"],wee=["reorderIndicatorUp"],Mee=["reorderIndicatorDown"],Tee=["wrapper"],See=["table"],Cee=["thead"],Dee=["tfoot"],xee=["scroller"];function kee(n,t){1&n&&se(0,"i"),2&n&&Ge("p-datatable-loading-icon "+R(2).loadingIcon)}function Eee(n,t){1&n&&se(0,"SpinnerIcon",19),2&n&&x("spin",!0)("styleClass","p-datatable-loading-icon")}function Iee(n,t){}function Lee(n,t){1&n&&O(0,Iee,0,0,"ng-template")}function Pee(n,t){if(1&n&&(V(0,"span",20),O(1,Lee,1,0,null,21),Y()),2&n){const e=R(3);I(1),x("ngTemplateOutlet",e.loadingIconTemplate)}}function Aee(n,t){if(1&n&&(ke(0),O(1,Eee,1,2,"SpinnerIcon",17),O(2,Pee,2,1,"span",18),Ee()),2&n){const e=R(2);I(1),x("ngIf",!e.loadingIconTemplate),I(1),x("ngIf",e.loadingIconTemplate)}}function Oee(n,t){if(1&n&&(V(0,"div",15),O(1,kee,1,2,"i",16),O(2,Aee,3,2,"ng-container",8),Y()),2&n){const e=R();I(1),x("ngIf",e.loadingIcon),I(1),x("ngIf",!e.loadingIcon)}}function Ree(n,t){1&n&&Fe(0)}function Fee(n,t){if(1&n&&(V(0,"div",22),O(1,Ree,1,0,"ng-container",21),Y()),2&n){const e=R();I(1),x("ngTemplateOutlet",e.captionTemplate)}}function Nee(n,t){1&n&&Fe(0)}function Hee(n,t){1&n&&O(0,Nee,1,0,"ng-container",21),2&n&&x("ngTemplateOutlet",R(3).paginatorFirstPageLinkIconTemplate)}function Yee(n,t){1&n&&O(0,Hee,1,1,"ng-template",24)}function Vee(n,t){1&n&&Fe(0)}function Bee(n,t){1&n&&O(0,Vee,1,0,"ng-container",21),2&n&&x("ngTemplateOutlet",R(3).paginatorPreviousPageLinkIconTemplate)}function zee(n,t){1&n&&O(0,Bee,1,1,"ng-template",25)}function jee(n,t){1&n&&Fe(0)}function Wee(n,t){1&n&&O(0,jee,1,0,"ng-container",21),2&n&&x("ngTemplateOutlet",R(3).paginatorLastPageLinkIconTemplate)}function Uee(n,t){1&n&&O(0,Wee,1,1,"ng-template",26)}function Gee(n,t){1&n&&Fe(0)}function $ee(n,t){1&n&&O(0,Gee,1,0,"ng-container",21),2&n&&x("ngTemplateOutlet",R(3).paginatorNextPageLinkIconTemplate)}function qee(n,t){1&n&&O(0,$ee,1,1,"ng-template",27)}function Kee(n,t){if(1&n){const e=Ue();V(0,"p-paginator",23),de("onPageChange",function(s){return q(e),K(R().onPageChange(s))}),O(1,Yee,1,0,null,8),O(2,zee,1,0,null,8),O(3,Uee,1,0,null,8),O(4,qee,1,0,null,8),Y()}if(2&n){const e=R();x("rows",e.rows)("first",e.first)("totalRecords",e.totalRecords)("pageLinkSize",e.pageLinks)("alwaysShow",e.alwaysShowPaginator)("rowsPerPageOptions",e.rowsPerPageOptions)("templateLeft",e.paginatorLeftTemplate)("templateRight",e.paginatorRightTemplate)("dropdownAppendTo",e.paginatorDropdownAppendTo)("dropdownScrollHeight",e.paginatorDropdownScrollHeight)("currentPageReportTemplate",e.currentPageReportTemplate)("showFirstLastIcon",e.showFirstLastIcon)("dropdownItemTemplate",e.paginatorDropdownItemTemplate)("showCurrentPageReport",e.showCurrentPageReport)("showJumpToPageDropdown",e.showJumpToPageDropdown)("showJumpToPageInput",e.showJumpToPageInput)("showPageLinks",e.showPageLinks),I(1),x("ngIf",e.paginatorFirstPageLinkIconTemplate),I(1),x("ngIf",e.paginatorPreviousPageLinkIconTemplate),I(1),x("ngIf",e.paginatorLastPageLinkIconTemplate),I(1),x("ngIf",e.paginatorNextPageLinkIconTemplate)}}function Xee(n,t){1&n&&Fe(0)}const bO=function(n,t){return{$implicit:n,options:t}};function Jee(n,t){if(1&n&&O(0,Xee,1,0,"ng-container",31),2&n){const e=t.$implicit,i=t.options;R(2),x("ngTemplateOutlet",Gn(10))("ngTemplateOutletContext",bn(2,bO,e,i))}}const Zee=function(n){return{height:n}};function Qee(n,t){if(1&n){const e=Ue();V(0,"p-scroller",28,29),de("onLazyLoad",function(s){return q(e),K(R().onLazyItemLoad(s))}),O(2,Jee,1,5,"ng-template",30),Y()}if(2&n){const e=R();ai(Je(15,Zee,"flex"!==e.scrollHeight?e.scrollHeight:void 0)),x("items",e.processedData)("columns",e.columns)("scrollHeight","flex"!==e.scrollHeight?void 0:"100%")("itemSize",e.virtualScrollItemSize||e._virtualRowHeight)("step",e.rows)("delay",e.lazy?e.virtualScrollDelay:0)("inline",!0)("lazy",e.lazy)("loaderDisabled",!0)("showSpacer",!1)("showLoader",e.loadingBodyTemplate)("options",e.virtualScrollOptions)("autoSize",!0)}}function ete(n,t){1&n&&Fe(0)}const tte=function(n){return{columns:n}};function nte(n,t){if(1&n&&(ke(0),O(1,ete,1,0,"ng-container",31),Ee()),2&n){const e=R(),i=Gn(10);I(1),x("ngTemplateOutlet",i)("ngTemplateOutletContext",bn(4,bO,e.processedData,Je(2,tte,e.columns)))}}function ite(n,t){1&n&&Fe(0)}function ste(n,t){1&n&&Fe(0)}function rte(n,t){if(1&n&&se(0,"tbody",40),2&n){const e=R().options,i=R();x("value",i.frozenValue)("frozenRows",!0)("pTableBody",e.columns)("pTableBodyTemplate",i.frozenBodyTemplate)("frozen",!0)}}function ote(n,t){if(1&n&&se(0,"tbody",41),2&n){const e=R().options;ai("height: calc("+e.spacerStyle.height+" - "+e.rows.length*e.itemSize+"px);")}}function ate(n,t){1&n&&Fe(0)}const ma=function(n){return{$implicit:n}};function lte(n,t){if(1&n&&(V(0,"tfoot",42,43),O(2,ate,1,0,"ng-container",31),Y()),2&n){const e=R().options,i=R();I(2),x("ngTemplateOutlet",i.footerGroupedTemplate||i.footerTemplate)("ngTemplateOutletContext",Je(2,ma,e.columns))}}const cte=function(n,t,e){return{"p-datatable-table":!0,"p-datatable-scrollable-table":n,"p-datatable-resizable-table":t,"p-datatable-resizable-table-fit":e}};function ute(n,t){if(1&n&&(V(0,"table",32,33),O(2,ite,1,0,"ng-container",31),V(3,"thead",34,35),O(5,ste,1,0,"ng-container",31),Y(),O(6,rte,1,5,"tbody",36),se(7,"tbody",37),O(8,ote,1,2,"tbody",38),O(9,lte,3,4,"tfoot",39),Y()),2&n){const e=t.options,i=R();ai(i.tableStyle),Ge(i.tableStyleClass),x("ngClass",ps(20,cte,i.scrollable,i.resizableColumns,i.resizableColumns&&"fit"===i.columnResizeMode)),Ce("id",i.id+"-table"),I(2),x("ngTemplateOutlet",i.colGroupTemplate)("ngTemplateOutletContext",Je(24,ma,e.columns)),I(3),x("ngTemplateOutlet",i.headerGroupedTemplate||i.headerTemplate)("ngTemplateOutletContext",Je(26,ma,e.columns)),I(1),x("ngIf",i.frozenValue||i.frozenBodyTemplate),I(1),ai(e.contentStyle),x("ngClass",e.contentStyleClass)("value",i.dataToRender(e.rows))("pTableBody",e.columns)("pTableBodyTemplate",i.bodyTemplate)("scrollerOptions",e),I(1),x("ngIf",e.spacerStyle),I(1),x("ngIf",i.footerGroupedTemplate||i.footerTemplate)}}function dte(n,t){1&n&&Fe(0)}function hte(n,t){1&n&&O(0,dte,1,0,"ng-container",21),2&n&&x("ngTemplateOutlet",R(3).paginatorFirstPageLinkIconTemplate)}function fte(n,t){1&n&&O(0,hte,1,1,"ng-template",24)}function pte(n,t){1&n&&Fe(0)}function mte(n,t){1&n&&O(0,pte,1,0,"ng-container",21),2&n&&x("ngTemplateOutlet",R(3).paginatorPreviousPageLinkIconTemplate)}function _te(n,t){1&n&&O(0,mte,1,1,"ng-template",25)}function gte(n,t){1&n&&Fe(0)}function yte(n,t){1&n&&O(0,gte,1,0,"ng-container",21),2&n&&x("ngTemplateOutlet",R(3).paginatorLastPageLinkIconTemplate)}function vte(n,t){1&n&&O(0,yte,1,1,"ng-template",26)}function bte(n,t){1&n&&Fe(0)}function wte(n,t){1&n&&O(0,bte,1,0,"ng-container",21),2&n&&x("ngTemplateOutlet",R(3).paginatorNextPageLinkIconTemplate)}function Mte(n,t){1&n&&O(0,wte,1,1,"ng-template",27)}function Tte(n,t){if(1&n){const e=Ue();V(0,"p-paginator",44),de("onPageChange",function(s){return q(e),K(R().onPageChange(s))}),O(1,fte,1,0,null,8),O(2,_te,1,0,null,8),O(3,vte,1,0,null,8),O(4,Mte,1,0,null,8),Y()}if(2&n){const e=R();x("rows",e.rows)("first",e.first)("totalRecords",e.totalRecords)("pageLinkSize",e.pageLinks)("alwaysShow",e.alwaysShowPaginator)("rowsPerPageOptions",e.rowsPerPageOptions)("templateLeft",e.paginatorLeftTemplate)("templateRight",e.paginatorRightTemplate)("dropdownAppendTo",e.paginatorDropdownAppendTo)("dropdownScrollHeight",e.paginatorDropdownScrollHeight)("currentPageReportTemplate",e.currentPageReportTemplate)("showFirstLastIcon",e.showFirstLastIcon)("dropdownItemTemplate",e.paginatorDropdownItemTemplate)("showCurrentPageReport",e.showCurrentPageReport)("showJumpToPageDropdown",e.showJumpToPageDropdown)("showJumpToPageInput",e.showJumpToPageInput)("showPageLinks",e.showPageLinks),I(1),x("ngIf",e.paginatorFirstPageLinkIconTemplate),I(1),x("ngIf",e.paginatorPreviousPageLinkIconTemplate),I(1),x("ngIf",e.paginatorLastPageLinkIconTemplate),I(1),x("ngIf",e.paginatorNextPageLinkIconTemplate)}}function Ste(n,t){1&n&&Fe(0)}function Cte(n,t){if(1&n&&(V(0,"div",45),O(1,Ste,1,0,"ng-container",21),Y()),2&n){const e=R();I(1),x("ngTemplateOutlet",e.summaryTemplate)}}function Dte(n,t){1&n&&se(0,"div",46,47)}function xte(n,t){1&n&&se(0,"ArrowDownIcon")}function kte(n,t){}function Ete(n,t){1&n&&O(0,kte,0,0,"ng-template")}function Ite(n,t){if(1&n&&(V(0,"span",48,49),O(2,xte,1,0,"ArrowDownIcon",8),O(3,Ete,1,0,null,21),Y()),2&n){const e=R();I(2),x("ngIf",!e.reorderIndicatorUpIconTemplate),I(1),x("ngTemplateOutlet",e.reorderIndicatorUpIconTemplate)}}function Lte(n,t){1&n&&se(0,"ArrowUpIcon")}function Pte(n,t){}function Ate(n,t){1&n&&O(0,Pte,0,0,"ng-template")}function Ote(n,t){if(1&n&&(V(0,"span",50,51),O(2,Lte,1,0,"ArrowUpIcon",8),O(3,Ate,1,0,null,21),Y()),2&n){const e=R();I(2),x("ngIf",!e.reorderIndicatorDownIconTemplate),I(1),x("ngTemplateOutlet",e.reorderIndicatorDownIconTemplate)}}const Rte=function(n,t,e){return{"p-datatable p-component":!0,"p-datatable-hoverable-rows":n,"p-datatable-scrollable":t,"p-datatable-flex-scrollable":e}},Fte=function(n){return{maxHeight:n}},Nte=["pTableBody",""];function Hte(n,t){1&n&&Fe(0)}const hw=function(n,t,e,i,s){return{$implicit:n,rowIndex:t,columns:e,editing:i,frozen:s}};function Yte(n,t){if(1&n&&(ke(0,3),O(1,Hte,1,0,"ng-container",4),Ee()),2&n){const e=R(),i=e.$implicit,s=e.index,r=R(2);I(1),x("ngTemplateOutlet",r.dt.groupHeaderTemplate)("ngTemplateOutletContext",Jp(2,hw,i,r.getRowIndex(s),r.columns,"row"===r.dt.editMode&&r.dt.isRowEditing(i),r.frozen))}}function Vte(n,t){1&n&&Fe(0)}function Bte(n,t){if(1&n&&(ke(0),O(1,Vte,1,0,"ng-container",4),Ee()),2&n){const e=R(),i=e.$implicit,s=e.index,r=R(2);I(1),x("ngTemplateOutlet",i?r.template:r.dt.loadingBodyTemplate)("ngTemplateOutletContext",Jp(2,hw,i,r.getRowIndex(s),r.columns,"row"===r.dt.editMode&&r.dt.isRowEditing(i),r.frozen))}}function zte(n,t){1&n&&Fe(0)}const jte=function(n,t,e,i,s,r,o){return{$implicit:n,rowIndex:t,columns:e,editing:i,frozen:s,rowgroup:r,rowspan:o}};function Wte(n,t){if(1&n&&(ke(0),O(1,zte,1,0,"ng-container",4),Ee()),2&n){const e=R(),i=e.$implicit,s=e.index,r=R(2);I(1),x("ngTemplateOutlet",i?r.template:r.dt.loadingBodyTemplate)("ngTemplateOutletContext",function b2(n,t,e,i,s,r,o,a,l,c){const u=Ai()+n,f=X();let p=As(f,u,e,i,s,r);return Bp(f,u+4,o,a,l)||p?kr(f,u+7,c?t.call(c,e,i,s,r,o,a,l):t(e,i,s,r,o,a,l)):vd(f,u+7)}(2,jte,i,r.getRowIndex(s),r.columns,"row"===r.dt.editMode&&r.dt.isRowEditing(i),r.frozen,r.shouldRenderRowspan(r.value,i,s),r.calculateRowGroupSize(r.value,i,s)))}}function Ute(n,t){1&n&&Fe(0)}function Gte(n,t){if(1&n&&(ke(0,3),O(1,Ute,1,0,"ng-container",4),Ee()),2&n){const e=R(),i=e.$implicit,s=e.index,r=R(2);I(1),x("ngTemplateOutlet",r.dt.groupFooterTemplate)("ngTemplateOutletContext",Jp(2,hw,i,r.getRowIndex(s),r.columns,"row"===r.dt.editMode&&r.dt.isRowEditing(i),r.frozen))}}function $te(n,t){if(1&n&&(O(0,Yte,2,8,"ng-container",2),O(1,Bte,2,8,"ng-container",0),O(2,Wte,2,10,"ng-container",0),O(3,Gte,2,8,"ng-container",2)),2&n){const e=t.$implicit,i=t.index,s=R(2);x("ngIf",s.dt.groupHeaderTemplate&&!s.dt.virtualScroll&&"subheader"===s.dt.rowGroupMode&&s.shouldRenderRowGroupHeader(s.value,e,i)),I(1),x("ngIf","rowspan"!==s.dt.rowGroupMode),I(1),x("ngIf","rowspan"===s.dt.rowGroupMode),I(1),x("ngIf",s.dt.groupFooterTemplate&&!s.dt.virtualScroll&&"subheader"===s.dt.rowGroupMode&&s.shouldRenderRowGroupFooter(s.value,e,i))}}function qte(n,t){if(1&n&&(ke(0),O(1,$te,4,4,"ng-template",1),Ee()),2&n){const e=R();I(1),x("ngForOf",e.value)("ngForTrackBy",e.dt.rowTrackBy)}}function Kte(n,t){1&n&&Fe(0)}const g_=function(n,t,e,i,s,r){return{$implicit:n,rowIndex:t,columns:e,expanded:i,editing:s,frozen:r}};function Xte(n,t){if(1&n&&(ke(0),O(1,Kte,1,0,"ng-container",4),Ee()),2&n){const e=R(),i=e.$implicit,s=e.index,r=R(2);I(1),x("ngTemplateOutlet",r.template)("ngTemplateOutletContext",Ec(2,g_,i,r.getRowIndex(s),r.columns,r.dt.isRowExpanded(i),"row"===r.dt.editMode&&r.dt.isRowEditing(i),r.frozen))}}function Jte(n,t){1&n&&Fe(0)}function Zte(n,t){if(1&n&&(ke(0,3),O(1,Jte,1,0,"ng-container",4),Ee()),2&n){const e=R(),i=e.$implicit,s=e.index,r=R(2);I(1),x("ngTemplateOutlet",r.dt.groupHeaderTemplate)("ngTemplateOutletContext",Ec(2,g_,i,r.getRowIndex(s),r.columns,r.dt.isRowExpanded(i),"row"===r.dt.editMode&&r.dt.isRowEditing(i),r.frozen))}}function Qte(n,t){1&n&&Fe(0)}function ene(n,t){1&n&&Fe(0)}function tne(n,t){if(1&n&&(ke(0,3),O(1,ene,1,0,"ng-container",4),Ee()),2&n){const e=R(2),i=e.$implicit,s=e.index,r=R(2);I(1),x("ngTemplateOutlet",r.dt.groupFooterTemplate)("ngTemplateOutletContext",Ec(2,g_,i,r.getRowIndex(s),r.columns,r.dt.isRowExpanded(i),"row"===r.dt.editMode&&r.dt.isRowEditing(i),r.frozen))}}const wO=function(n,t,e,i){return{$implicit:n,rowIndex:t,columns:e,frozen:i}};function nne(n,t){if(1&n&&(ke(0),O(1,Qte,1,0,"ng-container",4),O(2,tne,2,9,"ng-container",2),Ee()),2&n){const e=R(),i=e.$implicit,s=e.index,r=R(2);I(1),x("ngTemplateOutlet",r.dt.expandedRowTemplate)("ngTemplateOutletContext",Pd(3,wO,i,r.getRowIndex(s),r.columns,r.frozen)),I(1),x("ngIf",r.dt.groupFooterTemplate&&"subheader"===r.dt.rowGroupMode&&r.shouldRenderRowGroupFooter(r.value,i,r.getRowIndex(s)))}}function ine(n,t){if(1&n&&(O(0,Xte,2,9,"ng-container",0),O(1,Zte,2,9,"ng-container",2),O(2,nne,3,8,"ng-container",0)),2&n){const e=t.$implicit,i=t.index,s=R(2);x("ngIf",!s.dt.groupHeaderTemplate),I(1),x("ngIf",s.dt.groupHeaderTemplate&&"subheader"===s.dt.rowGroupMode&&s.shouldRenderRowGroupHeader(s.value,e,s.getRowIndex(i))),I(1),x("ngIf",s.dt.isRowExpanded(e))}}function sne(n,t){if(1&n&&(ke(0),O(1,ine,3,3,"ng-template",1),Ee()),2&n){const e=R();I(1),x("ngForOf",e.value)("ngForTrackBy",e.dt.rowTrackBy)}}function rne(n,t){1&n&&Fe(0)}function one(n,t){1&n&&Fe(0)}function ane(n,t){if(1&n&&(ke(0),O(1,one,1,0,"ng-container",4),Ee()),2&n){const e=R(),i=e.$implicit,s=e.index,r=R(2);I(1),x("ngTemplateOutlet",r.dt.frozenExpandedRowTemplate)("ngTemplateOutletContext",Pd(2,wO,i,r.getRowIndex(s),r.columns,r.frozen))}}function lne(n,t){if(1&n&&(O(0,rne,1,0,"ng-container",4),O(1,ane,2,7,"ng-container",0)),2&n){const e=t.$implicit,i=t.index,s=R(2);x("ngTemplateOutlet",s.template)("ngTemplateOutletContext",Ec(3,g_,e,s.getRowIndex(i),s.columns,s.dt.isRowExpanded(e),"row"===s.dt.editMode&&s.dt.isRowEditing(e),s.frozen)),I(1),x("ngIf",s.dt.isRowExpanded(e))}}function cne(n,t){if(1&n&&(ke(0),O(1,lne,2,10,"ng-template",1),Ee()),2&n){const e=R();I(1),x("ngForOf",e.value)("ngForTrackBy",e.dt.rowTrackBy)}}function une(n,t){1&n&&Fe(0)}const MO=function(n,t){return{$implicit:n,frozen:t}};function dne(n,t){if(1&n&&(ke(0),O(1,une,1,0,"ng-container",4),Ee()),2&n){const e=R();I(1),x("ngTemplateOutlet",e.dt.loadingBodyTemplate)("ngTemplateOutletContext",bn(2,MO,e.columns,e.frozen))}}function hne(n,t){1&n&&Fe(0)}function fne(n,t){if(1&n&&(ke(0),O(1,hne,1,0,"ng-container",4),Ee()),2&n){const e=R();I(1),x("ngTemplateOutlet",e.dt.emptyMessageTemplate)("ngTemplateOutletContext",bn(2,MO,e.columns,e.frozen))}}let fw=(()=>{class n{constructor(){h(this,"sortSource",new Dt),h(this,"selectionSource",new Dt),h(this,"contextMenuSource",new Dt),h(this,"valueSource",new Dt),h(this,"totalRecordsSource",new Dt),h(this,"columnsSource",new Dt),h(this,"sortSource$",this.sortSource.asObservable()),h(this,"selectionSource$",this.selectionSource.asObservable()),h(this,"contextMenuSource$",this.contextMenuSource.asObservable()),h(this,"valueSource$",this.valueSource.asObservable()),h(this,"totalRecordsSource$",this.totalRecordsSource.asObservable()),h(this,"columnsSource$",this.columnsSource.asObservable())}onSort(e){this.sortSource.next(e)}onSelectionChange(){this.selectionSource.next(null)}onContextMenu(e){this.contextMenuSource.next(e)}onValueChange(e){this.valueSource.next(e)}onTotalRecordsChange(e){this.totalRecordsSource.next(e)}onColumnsChange(e){this.columnsSource.next(e)}}return h(n,"\u0275fac",function(e){return new(e||n)}),h(n,"\u0275prov",me({token:n,factory:n.\u0275fac})),n})(),y_=(()=>{class n{get responsive(){return this._responsive}set responsive(e){this._responsive=e,console.warn("responsive propery is deprecated as table is always responsive with scrollable behavior.")}get value(){return this._value}set value(e){this._value=e}get columns(){return this._columns}set columns(e){this._columns=e}get first(){return this._first}set first(e){this._first=e}get rows(){return this._rows}set rows(e){this._rows=e}get totalRecords(){return this._totalRecords}set totalRecords(e){this._totalRecords=e,this.tableService.onTotalRecordsChange(this._totalRecords)}get sortField(){return this._sortField}set sortField(e){this._sortField=e}get sortOrder(){return this._sortOrder}set sortOrder(e){this._sortOrder=e}get multiSortMeta(){return this._multiSortMeta}set multiSortMeta(e){this._multiSortMeta=e}get selection(){return this._selection}set selection(e){this._selection=e}get selectAll(){return this._selection}set selectAll(e){this._selection=e}get virtualRowHeight(){return this._virtualRowHeight}set virtualRowHeight(e){this._virtualRowHeight=e,console.warn("The virtualRowHeight property is deprecated.")}constructor(e,i,s,r,o,a,l,c,u){h(this,"document",void 0),h(this,"platformId",void 0),h(this,"renderer",void 0),h(this,"el",void 0),h(this,"zone",void 0),h(this,"tableService",void 0),h(this,"cd",void 0),h(this,"filterService",void 0),h(this,"overlayService",void 0),h(this,"frozenColumns",void 0),h(this,"frozenValue",void 0),h(this,"style",void 0),h(this,"styleClass",void 0),h(this,"tableStyle",void 0),h(this,"tableStyleClass",void 0),h(this,"paginator",void 0),h(this,"pageLinks",5),h(this,"rowsPerPageOptions",void 0),h(this,"alwaysShowPaginator",!0),h(this,"paginatorPosition","bottom"),h(this,"paginatorDropdownAppendTo",void 0),h(this,"paginatorDropdownScrollHeight","200px"),h(this,"currentPageReportTemplate","{currentPage} of {totalPages}"),h(this,"showCurrentPageReport",void 0),h(this,"showJumpToPageDropdown",void 0),h(this,"showJumpToPageInput",void 0),h(this,"showFirstLastIcon",!0),h(this,"showPageLinks",!0),h(this,"defaultSortOrder",1),h(this,"sortMode","single"),h(this,"resetPageOnSort",!0),h(this,"selectionMode",void 0),h(this,"selectionPageOnly",void 0),h(this,"contextMenuSelection",void 0),h(this,"contextMenuSelectionChange",new ce),h(this,"contextMenuSelectionMode","separate"),h(this,"dataKey",void 0),h(this,"metaKeySelection",void 0),h(this,"rowSelectable",void 0),h(this,"rowTrackBy",(f,p)=>p),h(this,"lazy",!1),h(this,"lazyLoadOnInit",!0),h(this,"compareSelectionBy","deepEquals"),h(this,"csvSeparator",","),h(this,"exportFilename","download"),h(this,"filters",{}),h(this,"globalFilterFields",void 0),h(this,"filterDelay",300),h(this,"filterLocale",void 0),h(this,"expandedRowKeys",{}),h(this,"editingRowKeys",{}),h(this,"rowExpandMode","multiple"),h(this,"scrollable",void 0),h(this,"scrollDirection","vertical"),h(this,"rowGroupMode",void 0),h(this,"scrollHeight",void 0),h(this,"virtualScroll",void 0),h(this,"virtualScrollItemSize",void 0),h(this,"virtualScrollOptions",void 0),h(this,"virtualScrollDelay",250),h(this,"frozenWidth",void 0),h(this,"_responsive",void 0),h(this,"contextMenu",void 0),h(this,"resizableColumns",void 0),h(this,"columnResizeMode","fit"),h(this,"reorderableColumns",void 0),h(this,"loading",void 0),h(this,"loadingIcon",void 0),h(this,"showLoader",!0),h(this,"rowHover",void 0),h(this,"customSort",void 0),h(this,"showInitialSortBadge",!0),h(this,"autoLayout",void 0),h(this,"exportFunction",void 0),h(this,"exportHeader",void 0),h(this,"stateKey",void 0),h(this,"stateStorage","session"),h(this,"editMode","cell"),h(this,"groupRowsBy",void 0),h(this,"groupRowsByOrder",1),h(this,"responsiveLayout","scroll"),h(this,"breakpoint","960px"),h(this,"selectAllChange",new ce),h(this,"selectionChange",new ce),h(this,"onRowSelect",new ce),h(this,"onRowUnselect",new ce),h(this,"onPage",new ce),h(this,"onSort",new ce),h(this,"onFilter",new ce),h(this,"onLazyLoad",new ce),h(this,"onRowExpand",new ce),h(this,"onRowCollapse",new ce),h(this,"onContextMenuSelect",new ce),h(this,"onColResize",new ce),h(this,"onColReorder",new ce),h(this,"onRowReorder",new ce),h(this,"onEditInit",new ce),h(this,"onEditComplete",new ce),h(this,"onEditCancel",new ce),h(this,"onHeaderCheckboxToggle",new ce),h(this,"sortFunction",new ce),h(this,"firstChange",new ce),h(this,"rowsChange",new ce),h(this,"onStateSave",new ce),h(this,"onStateRestore",new ce),h(this,"containerViewChild",void 0),h(this,"resizeHelperViewChild",void 0),h(this,"reorderIndicatorUpViewChild",void 0),h(this,"reorderIndicatorDownViewChild",void 0),h(this,"wrapperViewChild",void 0),h(this,"tableViewChild",void 0),h(this,"tableHeaderViewChild",void 0),h(this,"tableFooterViewChild",void 0),h(this,"scroller",void 0),h(this,"templates",void 0),h(this,"_virtualRowHeight",28),h(this,"_value",[]),h(this,"_columns",void 0),h(this,"_totalRecords",0),h(this,"_first",0),h(this,"_rows",void 0),h(this,"filteredValue",void 0),h(this,"headerTemplate",void 0),h(this,"headerGroupedTemplate",void 0),h(this,"bodyTemplate",void 0),h(this,"loadingBodyTemplate",void 0),h(this,"captionTemplate",void 0),h(this,"footerTemplate",void 0),h(this,"footerGroupedTemplate",void 0),h(this,"summaryTemplate",void 0),h(this,"colGroupTemplate",void 0),h(this,"expandedRowTemplate",void 0),h(this,"groupHeaderTemplate",void 0),h(this,"groupFooterTemplate",void 0),h(this,"frozenExpandedRowTemplate",void 0),h(this,"frozenHeaderTemplate",void 0),h(this,"frozenBodyTemplate",void 0),h(this,"frozenFooterTemplate",void 0),h(this,"frozenColGroupTemplate",void 0),h(this,"emptyMessageTemplate",void 0),h(this,"paginatorLeftTemplate",void 0),h(this,"paginatorRightTemplate",void 0),h(this,"paginatorDropdownItemTemplate",void 0),h(this,"loadingIconTemplate",void 0),h(this,"reorderIndicatorUpIconTemplate",void 0),h(this,"reorderIndicatorDownIconTemplate",void 0),h(this,"sortIconTemplate",void 0),h(this,"checkboxIconTemplate",void 0),h(this,"headerCheckboxIconTemplate",void 0),h(this,"paginatorFirstPageLinkIconTemplate",void 0),h(this,"paginatorLastPageLinkIconTemplate",void 0),h(this,"paginatorPreviousPageLinkIconTemplate",void 0),h(this,"paginatorNextPageLinkIconTemplate",void 0),h(this,"selectionKeys",{}),h(this,"lastResizerHelperX",void 0),h(this,"reorderIconWidth",void 0),h(this,"reorderIconHeight",void 0),h(this,"draggedColumn",void 0),h(this,"draggedRowIndex",void 0),h(this,"droppedRowIndex",void 0),h(this,"rowDragging",void 0),h(this,"dropPosition",void 0),h(this,"editingCell",void 0),h(this,"editingCellData",void 0),h(this,"editingCellField",void 0),h(this,"editingCellRowIndex",void 0),h(this,"selfClick",void 0),h(this,"documentEditListener",void 0),h(this,"_multiSortMeta",void 0),h(this,"_sortField",void 0),h(this,"_sortOrder",1),h(this,"preventSelectionSetterPropagation",void 0),h(this,"_selection",void 0),h(this,"_selectAll",null),h(this,"anchorRowIndex",void 0),h(this,"rangeRowIndex",void 0),h(this,"filterTimeout",void 0),h(this,"initialized",void 0),h(this,"rowTouched",void 0),h(this,"restoringSort",void 0),h(this,"restoringFilter",void 0),h(this,"stateRestored",void 0),h(this,"columnOrderStateRestored",void 0),h(this,"columnWidthsState",void 0),h(this,"tableWidthState",void 0),h(this,"overlaySubscription",void 0),h(this,"resizeColumnElement",void 0),h(this,"columnResizing",!1),h(this,"rowGroupHeaderStyleObject",{}),h(this,"id",Bs()),h(this,"styleElement",void 0),h(this,"responsiveStyleElement",void 0),h(this,"window",void 0),this.document=e,this.platformId=i,this.renderer=s,this.el=r,this.zone=o,this.tableService=a,this.cd=l,this.filterService=c,this.overlayService=u,this.window=this.document.defaultView}ngOnInit(){this.lazy&&this.lazyLoadOnInit&&(this.virtualScroll||this.onLazyLoad.emit(this.createLazyLoadMetadata()),this.restoringFilter&&(this.restoringFilter=!1)),"stack"===this.responsiveLayout&&!this.scrollable&&this.createResponsiveStyle(),this.initialized=!0}ngAfterContentInit(){this.templates.forEach(e=>{switch(e.getType()){case"caption":this.captionTemplate=e.template;break;case"header":this.headerTemplate=e.template;break;case"headergrouped":this.headerGroupedTemplate=e.template;break;case"body":this.bodyTemplate=e.template;break;case"loadingbody":this.loadingBodyTemplate=e.template;break;case"footer":this.footerTemplate=e.template;break;case"footergrouped":this.footerGroupedTemplate=e.template;break;case"summary":this.summaryTemplate=e.template;break;case"colgroup":this.colGroupTemplate=e.template;break;case"rowexpansion":this.expandedRowTemplate=e.template;break;case"groupheader":this.groupHeaderTemplate=e.template;break;case"groupfooter":this.groupFooterTemplate=e.template;break;case"frozenheader":this.frozenHeaderTemplate=e.template;break;case"frozenbody":this.frozenBodyTemplate=e.template;break;case"frozenfooter":this.frozenFooterTemplate=e.template;break;case"frozencolgroup":this.frozenColGroupTemplate=e.template;break;case"frozenrowexpansion":this.frozenExpandedRowTemplate=e.template;break;case"emptymessage":this.emptyMessageTemplate=e.template;break;case"paginatorleft":this.paginatorLeftTemplate=e.template;break;case"paginatorright":this.paginatorRightTemplate=e.template;break;case"paginatordropdownitem":this.paginatorDropdownItemTemplate=e.template;break;case"paginatorfirstpagelinkicon":this.paginatorFirstPageLinkIconTemplate=e.template;break;case"paginatorlastpagelinkicon":this.paginatorLastPageLinkIconTemplate=e.template;break;case"paginatorpreviouspagelinkicon":this.paginatorPreviousPageLinkIconTemplate=e.template;break;case"paginatornextpagelinkicon":this.paginatorNextPageLinkIconTemplate=e.template;break;case"loadingicon":this.loadingIconTemplate=e.template;break;case"reorderindicatorupicon":this.reorderIndicatorUpIconTemplate=e.template;break;case"reorderindicatordownicon":this.reorderIndicatorDownIconTemplate=e.template;break;case"sorticon":this.sortIconTemplate=e.template;break;case"checkboxicon":this.checkboxIconTemplate=e.template;break;case"headercheckboxicon":this.headerCheckboxIconTemplate=e.template}})}ngAfterViewInit(){this.isStateful()&&this.resizableColumns&&this.restoreColumnWidths()}ngOnChanges(e){e.value&&(this.isStateful()&&!this.stateRestored&&this.restoreState(),this._value=e.value.currentValue,this.lazy||(this.totalRecords=this._value?this._value.length:0,"single"==this.sortMode&&(this.sortField||this.groupRowsBy)?this.sortSingle():"multiple"==this.sortMode&&(this.multiSortMeta||this.groupRowsBy)?this.sortMultiple():this.hasFilter()&&this._filter()),this.tableService.onValueChange(e.value.currentValue)),e.columns&&(this._columns=e.columns.currentValue,this.tableService.onColumnsChange(e.columns.currentValue),this._columns&&this.isStateful()&&this.reorderableColumns&&!this.columnOrderStateRestored&&this.restoreColumnOrder()),e.sortField&&(this._sortField=e.sortField.currentValue,(!this.lazy||this.initialized)&&"single"===this.sortMode&&this.sortSingle()),e.groupRowsBy&&(!this.lazy||this.initialized)&&"single"===this.sortMode&&this.sortSingle(),e.sortOrder&&(this._sortOrder=e.sortOrder.currentValue,(!this.lazy||this.initialized)&&"single"===this.sortMode&&this.sortSingle()),e.groupRowsByOrder&&(!this.lazy||this.initialized)&&"single"===this.sortMode&&this.sortSingle(),e.multiSortMeta&&(this._multiSortMeta=e.multiSortMeta.currentValue,"multiple"===this.sortMode&&(this.initialized||!this.lazy&&!this.virtualScroll)&&this.sortMultiple()),e.selection&&(this._selection=e.selection.currentValue,this.preventSelectionSetterPropagation||(this.updateSelectionKeys(),this.tableService.onSelectionChange()),this.preventSelectionSetterPropagation=!1),e.selectAll&&(this._selectAll=e.selectAll.currentValue,this.preventSelectionSetterPropagation||(this.updateSelectionKeys(),this.tableService.onSelectionChange(),this.isStateful()&&this.saveState()),this.preventSelectionSetterPropagation=!1)}get processedData(){return this.filteredValue||this.value||[]}dataToRender(e){const i=e||this.processedData;if(i&&this.paginator){const s=this.lazy?0:this.first;return i.slice(s,s+this.rows)}return i}updateSelectionKeys(){if(this.dataKey&&this._selection)if(this.selectionKeys={},Array.isArray(this._selection))for(let e of this._selection)this.selectionKeys[String(_e.resolveFieldData(e,this.dataKey))]=1;else this.selectionKeys[String(_e.resolveFieldData(this._selection,this.dataKey))]=1}onPageChange(e){this.first=e.first,this.rows=e.rows,this.onPage.emit({first:this.first,rows:this.rows}),this.lazy&&this.onLazyLoad.emit(this.createLazyLoadMetadata()),this.firstChange.emit(this.first),this.rowsChange.emit(this.rows),this.tableService.onValueChange(this.value),this.isStateful()&&this.saveState(),this.anchorRowIndex=null,this.scrollable&&this.resetScrollTop()}sort(e){let i=e.originalEvent;if("single"===this.sortMode&&(this._sortOrder=this.sortField===e.field?-1*this.sortOrder:this.defaultSortOrder,this._sortField=e.field,this.resetPageOnSort&&(this._first=0,this.firstChange.emit(this._first),this.scrollable&&this.resetScrollTop()),this.sortSingle()),"multiple"===this.sortMode){let s=i.metaKey||i.ctrlKey,r=this.getSortMeta(e.field);r?s?r.order=-1*r.order:(this._multiSortMeta=[{field:e.field,order:-1*r.order}],this.resetPageOnSort&&(this._first=0,this.firstChange.emit(this._first),this.scrollable&&this.resetScrollTop())):((!s||!this.multiSortMeta)&&(this._multiSortMeta=[],this.resetPageOnSort&&(this._first=0,this.firstChange.emit(this._first))),this._multiSortMeta.push({field:e.field,order:this.defaultSortOrder})),this.sortMultiple()}this.isStateful()&&this.saveState(),this.anchorRowIndex=null}sortSingle(){let e=this.sortField||this.groupRowsBy,i=this.sortField?this.sortOrder:this.groupRowsByOrder;if(this.groupRowsBy&&this.sortField&&this.groupRowsBy!==this.sortField)return this._multiSortMeta=[this.getGroupRowsMeta(),{field:this.sortField,order:this.sortOrder}],void this.sortMultiple();if(e&&i){this.restoringSort&&(this.restoringSort=!1),this.lazy?this.onLazyLoad.emit(this.createLazyLoadMetadata()):this.value&&(this.customSort?this.sortFunction.emit({data:this.value,mode:this.sortMode,field:e,order:i}):(this.value.sort((r,o)=>{let a=_e.resolveFieldData(r,e),l=_e.resolveFieldData(o,e),c=null;return c=null==a&&null!=l?-1:null!=a&&null==l?1:null==a&&null==l?0:"string"==typeof a&&"string"==typeof l?a.localeCompare(l):al?1:0,i*c}),this._value=[...this.value]),this.hasFilter()&&this._filter());let s={field:e,order:i};this.onSort.emit(s),this.tableService.onSort(s)}}sortMultiple(){this.groupRowsBy&&(this._multiSortMeta?this.multiSortMeta[0].field!==this.groupRowsBy&&(this._multiSortMeta=[this.getGroupRowsMeta(),...this._multiSortMeta]):this._multiSortMeta=[this.getGroupRowsMeta()]),this.multiSortMeta&&(this.lazy?this.onLazyLoad.emit(this.createLazyLoadMetadata()):this.value&&(this.customSort?this.sortFunction.emit({data:this.value,mode:this.sortMode,multiSortMeta:this.multiSortMeta}):(this.value.sort((e,i)=>this.multisortField(e,i,this.multiSortMeta,0)),this._value=[...this.value]),this.hasFilter()&&this._filter()),this.onSort.emit({multisortmeta:this.multiSortMeta}),this.tableService.onSort(this.multiSortMeta))}multisortField(e,i,s,r){const o=_e.resolveFieldData(e,s[r].field),a=_e.resolveFieldData(i,s[r].field);return 0===_e.compare(o,a,this.filterLocale)?s.length-1>r?this.multisortField(e,i,s,r+1):0:this.compareValuesOnSort(o,a,s[r].order)}compareValuesOnSort(e,i,s){return _e.sort(e,i,s,this.filterLocale,this.sortOrder)}getSortMeta(e){if(this.multiSortMeta&&this.multiSortMeta.length)for(let i=0;iv!=p),this.selectionChange.emit(this.selection),u&&delete this.selectionKeys[u]}this.onRowUnselect.emit({originalEvent:e.originalEvent,data:o,type:"row"})}else this.isSingleSelectionMode()?(this._selection=o,this.selectionChange.emit(o),u&&(this.selectionKeys={},this.selectionKeys[u]=1)):this.isMultipleSelectionMode()&&(f?this._selection=this.selection||[]:(this._selection=[],this.selectionKeys={}),this._selection=[...this.selection,o],this.selectionChange.emit(this.selection),u&&(this.selectionKeys[u]=1)),this.onRowSelect.emit({originalEvent:e.originalEvent,data:o,type:"row",index:a})}else if("single"===this.selectionMode)l?(this._selection=null,this.selectionKeys={},this.selectionChange.emit(this.selection),this.onRowUnselect.emit({originalEvent:e.originalEvent,data:o,type:"row",index:a})):(this._selection=o,this.selectionChange.emit(this.selection),this.onRowSelect.emit({originalEvent:e.originalEvent,data:o,type:"row",index:a}),u&&(this.selectionKeys={},this.selectionKeys[u]=1));else if("multiple"===this.selectionMode)if(l){let f=this.findIndexInSelection(o);this._selection=this.selection.filter((p,g)=>g!=f),this.selectionChange.emit(this.selection),this.onRowUnselect.emit({originalEvent:e.originalEvent,data:o,type:"row",index:a}),u&&delete this.selectionKeys[u]}else this._selection=this.selection?[...this.selection,o]:[o],this.selectionChange.emit(this.selection),this.onRowSelect.emit({originalEvent:e.originalEvent,data:o,type:"row",index:a}),u&&(this.selectionKeys[u]=1)}this.tableService.onSelectionChange(),this.isStateful()&&this.saveState()}this.rowTouched=!1}}handleRowTouchEnd(e){this.rowTouched=!0}handleRowRightClick(e){if(this.contextMenu){const i=e.rowData,s=e.rowIndex;if("separate"===this.contextMenuSelectionMode)this.contextMenuSelection=i,this.contextMenuSelectionChange.emit(i),this.onContextMenuSelect.emit({originalEvent:e.originalEvent,data:i,index:e.rowIndex}),this.contextMenu.show(e.originalEvent),this.tableService.onContextMenu(i);else if("joint"===this.contextMenuSelectionMode){this.preventSelectionSetterPropagation=!0;let r=this.isSelected(i),o=this.dataKey?String(_e.resolveFieldData(i,this.dataKey)):null;if(!r){if(!this.isRowSelectable(i,s))return;this.isSingleSelectionMode()?(this.selection=i,this.selectionChange.emit(i),o&&(this.selectionKeys={},this.selectionKeys[o]=1)):this.isMultipleSelectionMode()&&(this._selection=this.selection?[...this.selection,i]:[i],this.selectionChange.emit(this.selection),o&&(this.selectionKeys[o]=1))}this.tableService.onSelectionChange(),this.contextMenu.show(e.originalEvent),this.onContextMenuSelect.emit({originalEvent:e,data:i,index:e.rowIndex})}}}selectRange(e,i){let s,r;this.anchorRowIndex>i?(s=i,r=this.anchorRowIndex):this.anchorRowIndexo?(i=this.anchorRowIndex,s=this.rangeRowIndex):rp!=c);let u=this.dataKey?String(_e.resolveFieldData(l,this.dataKey)):null;u&&delete this.selectionKeys[u],this.onRowUnselect.emit({originalEvent:e,data:l,type:"row"})}}isSelected(e){return!(!e||!this.selection)&&(this.dataKey?void 0!==this.selectionKeys[_e.resolveFieldData(e,this.dataKey)]:Array.isArray(this.selection)?this.findIndexInSelection(e)>-1:this.equals(e,this.selection))}findIndexInSelection(e){let i=-1;if(this.selection&&this.selection.length)for(let s=0;sl!=o),this.selectionChange.emit(this.selection),this.onRowUnselect.emit({originalEvent:e.originalEvent,index:e.rowIndex,data:i,type:"checkbox"}),r&&delete this.selectionKeys[r]}else{if(!this.isRowSelectable(i,e.rowIndex))return;this._selection=this.selection?[...this.selection,i]:[i],this.selectionChange.emit(this.selection),this.onRowSelect.emit({originalEvent:e.originalEvent,index:e.rowIndex,data:i,type:"checkbox"}),r&&(this.selectionKeys[r]=1)}this.tableService.onSelectionChange(),this.isStateful()&&this.saveState()}toggleRowsWithCheckbox(e,i){if(null!==this._selectAll)this.selectAllChange.emit({originalEvent:e,checked:i});else{const s=this.selectionPageOnly?this.dataToRender(this.processedData):this.processedData;let r=this.selectionPageOnly&&this._selection?this._selection.filter(o=>!s.some(a=>this.equals(o,a))):[];i&&(r=this.frozenValue?[...r,...this.frozenValue,...s]:[...r,...s],r=this.rowSelectable?r.filter((o,a)=>this.rowSelectable({data:o,index:a})):r),this._selection=r,this.preventSelectionSetterPropagation=!0,this.updateSelectionKeys(),this.selectionChange.emit(this._selection),this.tableService.onSelectionChange(),this.onHeaderCheckboxToggle.emit({originalEvent:e,checked:i}),this.isStateful()&&this.saveState()}}equals(e,i){return"equals"===this.compareSelectionBy?e===i:_e.equals(e,i,this.dataKey)}filter(e,i,s){this.filterTimeout&&clearTimeout(this.filterTimeout),this.isFilterBlank(e)?this.filters[i]&&delete this.filters[i]:this.filters[i]={value:e,matchMode:s},this.filterTimeout=setTimeout(()=>{this._filter(),this.filterTimeout=null},this.filterDelay),this.anchorRowIndex=null}filterGlobal(e,i){this.filter(e,"global",i)}isFilterBlank(e){return null==e||!!("string"==typeof e&&0==e.trim().length||Array.isArray(e)&&0==e.length)}_filter(){if(this.restoringFilter||(this.first=0,this.firstChange.emit(this.first)),this.lazy)this.onLazyLoad.emit(this.createLazyLoadMetadata());else{if(!this.value)return;if(this.hasFilter()){let e;if(this.filters.global){if(!this.columns&&!this.globalFilterFields)throw new Error("Global filtering requires dynamic columns or globalFilterFields to be defined.");e=this.globalFilterFields||this.columns}this.filteredValue=[];for(let i=0;ithis.cd.detectChanges()}}clear(){this._sortField=null,this._sortOrder=this.defaultSortOrder,this._multiSortMeta=null,this.tableService.onSort(null),this.clearFilterValues(),this.filteredValue=null,this.first=0,this.firstChange.emit(this.first),this.lazy?this.onLazyLoad.emit(this.createLazyLoadMetadata()):this.totalRecords=this._value?this._value.length:0}clearFilterValues(){for(const[,e]of Object.entries(this.filters))if(Array.isArray(e))for(let i of e)i.value=null;else e&&(e.value=null)}reset(){this.clear()}getExportHeader(e){return e[this.exportHeader]||e.header||e.field}exportCSV(e){let i,s="",r=this.columns;e&&e.selectionOnly?i=this.selection||[]:e&&e.allValues?i=this.value||[]:(i=this.filteredValue||this.value,this.frozenValue&&(i=i?[...this.frozenValue,...i]:this.frozenValue));for(let l=0;l{s+="\n";for(let u=0;u{this.editingCell&&!this.selfClick&&this.isEditingCellValid()&&(G.removeClass(this.editingCell,"p-cell-editing"),this.editingCell=null,this.onEditComplete.emit({field:this.editingCellField,data:this.editingCellData,originalEvent:e,index:this.editingCellRowIndex}),this.editingCellField=null,this.editingCellData=null,this.editingCellRowIndex=null,this.unbindDocumentEditListener(),this.cd.markForCheck(),this.overlaySubscription&&this.overlaySubscription.unsubscribe()),this.selfClick=!1}))}unbindDocumentEditListener(){this.documentEditListener&&(this.documentEditListener(),this.documentEditListener=null)}initRowEdit(e){let i=String(_e.resolveFieldData(e,this.dataKey));this.editingRowKeys[i]=!0}saveRowEdit(e,i){if(0===G.find(i,".ng-invalid.ng-dirty").length){let s=String(_e.resolveFieldData(e,this.dataKey));delete this.editingRowKeys[s]}}cancelRowEdit(e){let i=String(_e.resolveFieldData(e,this.dataKey));delete this.editingRowKeys[i]}toggleRow(e,i){if(!this.dataKey)throw new Error("dataKey must be defined to use row expansion");let s=String(_e.resolveFieldData(e,this.dataKey));null!=this.expandedRowKeys[s]?(delete this.expandedRowKeys[s],this.onRowCollapse.emit({originalEvent:i,data:e})):("single"===this.rowExpandMode&&(this.expandedRowKeys={}),this.expandedRowKeys[s]=!0,this.onRowExpand.emit({originalEvent:i,data:e})),i&&i.preventDefault(),this.isStateful()&&this.saveState()}isRowExpanded(e){return!0===this.expandedRowKeys[String(_e.resolveFieldData(e,this.dataKey))]}isRowEditing(e){return!0===this.editingRowKeys[String(_e.resolveFieldData(e,this.dataKey))]}isSingleSelectionMode(){return"single"===this.selectionMode}isMultipleSelectionMode(){return"multiple"===this.selectionMode}onColumnResizeBegin(e){let i=G.getOffset(this.containerViewChild?.nativeElement).left;this.resizeColumnElement=e.target.parentElement,this.columnResizing=!0,this.lastResizerHelperX=e.pageX-i+this.containerViewChild?.nativeElement.scrollLeft,this.onColumnResize(e),e.preventDefault()}onColumnResize(e){let i=G.getOffset(this.containerViewChild?.nativeElement).left;G.addClass(this.containerViewChild?.nativeElement,"p-unselectable-text"),this.resizeHelperViewChild.nativeElement.style.height=this.containerViewChild?.nativeElement.offsetHeight+"px",this.resizeHelperViewChild.nativeElement.style.top="0px",this.resizeHelperViewChild.nativeElement.style.left=e.pageX-i+this.containerViewChild?.nativeElement.scrollLeft+"px",this.resizeHelperViewChild.nativeElement.style.display="block"}onColumnResizeEnd(){let e=this.resizeHelperViewChild?.nativeElement.offsetLeft-this.lastResizerHelperX,s=this.resizeColumnElement.offsetWidth+e;if(s>=(this.resizeColumnElement.style.minWidth.replace(/[^\d.]/g,"")||15)){if("fit"===this.columnResizeMode){let a=this.resizeColumnElement.nextElementSibling.offsetWidth-e;s>15&&a>15&&this.resizeTableCells(s,a)}else"expand"===this.columnResizeMode&&(this.setResizeTableWidth(this.tableViewChild?.nativeElement.offsetWidth+e+"px"),this.resizeTableCells(s,null));this.onColResize.emit({element:this.resizeColumnElement,delta:e}),this.isStateful()&&this.saveState()}this.resizeHelperViewChild.nativeElement.style.display="none",G.removeClass(this.containerViewChild?.nativeElement,"p-unselectable-text")}resizeTableCells(e,i){let s=G.index(this.resizeColumnElement),r=[];const o=G.findSingle(this.containerViewChild?.nativeElement,".p-datatable-thead");G.find(o,"tr > th").forEach(c=>r.push(G.getOuterWidth(c))),this.destroyStyleElement(),this.createStyleElement();let l="";r.forEach((c,u)=>{let f=u===s?e:i&&u===s+1?i:c;l+=`\n #${this.id}-table > .p-datatable-thead > tr > th:nth-child(${u+1}),\n #${this.id}-table > .p-datatable-tbody > tr > td:nth-child(${u+1}),\n #${this.id}-table > .p-datatable-tfoot > tr > td:nth-child(${u+1}) {\n width: ${f}px !important; max-width: ${f}px !important;\n }\n `}),this.renderer.setProperty(this.styleElement,"innerHTML",l)}onColumnDragStart(e,i){this.reorderIconWidth=G.getHiddenElementOuterWidth(this.reorderIndicatorUpViewChild?.nativeElement),this.reorderIconHeight=G.getHiddenElementOuterHeight(this.reorderIndicatorDownViewChild?.nativeElement),this.draggedColumn=i,e.dataTransfer.setData("text","b")}onColumnDragEnter(e,i){if(this.reorderableColumns&&this.draggedColumn&&i){e.preventDefault();let s=G.getOffset(this.containerViewChild?.nativeElement),r=G.getOffset(i);if(this.draggedColumn!=i){G.indexWithinGroup(this.draggedColumn,"preorderablecolumn"),G.indexWithinGroup(i,"preorderablecolumn");let l=r.left-s.left,u=r.left+i.offsetWidth/2;this.reorderIndicatorUpViewChild.nativeElement.style.top=r.top-s.top-(this.reorderIconHeight-1)+"px",this.reorderIndicatorDownViewChild.nativeElement.style.top=r.top-s.top+i.offsetHeight+"px",e.pageX>u?(this.reorderIndicatorUpViewChild.nativeElement.style.left=l+i.offsetWidth-Math.ceil(this.reorderIconWidth/2)+"px",this.reorderIndicatorDownViewChild.nativeElement.style.left=l+i.offsetWidth-Math.ceil(this.reorderIconWidth/2)+"px",this.dropPosition=1):(this.reorderIndicatorUpViewChild.nativeElement.style.left=l-Math.ceil(this.reorderIconWidth/2)+"px",this.reorderIndicatorDownViewChild.nativeElement.style.left=l-Math.ceil(this.reorderIconWidth/2)+"px",this.dropPosition=-1),this.reorderIndicatorUpViewChild.nativeElement.style.display="block",this.reorderIndicatorDownViewChild.nativeElement.style.display="block"}else e.dataTransfer.dropEffect="none"}}onColumnDragLeave(e){this.reorderableColumns&&this.draggedColumn&&e.preventDefault()}onColumnDrop(e,i){if(e.preventDefault(),this.draggedColumn){let s=G.indexWithinGroup(this.draggedColumn,"preorderablecolumn"),r=G.indexWithinGroup(i,"preorderablecolumn"),o=s!=r;o&&(r-s==1&&-1===this.dropPosition||s-r==1&&1===this.dropPosition)&&(o=!1),o&&rs&&-1===this.dropPosition&&(r-=1),o&&(_e.reorderArray(this.columns,s,r),this.onColReorder.emit({dragIndex:s,dropIndex:r,columns:this.columns}),this.isStateful()&&this.zone.runOutsideAngular(()=>{setTimeout(()=>{this.saveState()})})),this.reorderIndicatorUpViewChild.nativeElement.style.display="none",this.reorderIndicatorDownViewChild.nativeElement.style.display="none",this.draggedColumn.draggable=!1,this.draggedColumn=null,this.dropPosition=null}}onRowDragStart(e,i){this.rowDragging=!0,this.draggedRowIndex=i,e.dataTransfer.setData("text","b")}onRowDragOver(e,i,s){if(this.rowDragging&&this.draggedRowIndex!==i){let r=G.getOffset(s).top,o=e.pageY,a=r+G.getOuterHeight(s)/2,l=s.previousElementSibling;othis.droppedRowIndex?this.droppedRowIndex:0===this.droppedRowIndex?0:this.droppedRowIndex-1;_e.reorderArray(this.value,this.draggedRowIndex,s),this.virtualScroll&&(this._value=[...this._value]),this.onRowReorder.emit({dragIndex:this.draggedRowIndex,dropIndex:s})}this.onRowDragLeave(e,i),this.onRowDragEnd(e)}isEmpty(){let e=this.filteredValue||this.value;return null==e||0==e.length}getBlockableElement(){return this.el.nativeElement.children[0]}getStorage(){if(!ar(this.platformId))throw new Error("Browser storage is not available in the server side.");switch(this.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(this.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}}isStateful(){return null!=this.stateKey}saveState(){const e=this.getStorage();let i={};this.paginator&&(i.first=this.first,i.rows=this.rows),this.sortField&&(i.sortField=this.sortField,i.sortOrder=this.sortOrder),this.multiSortMeta&&(i.multiSortMeta=this.multiSortMeta),this.hasFilter()&&(i.filters=this.filters),this.resizableColumns&&this.saveColumnWidths(i),this.reorderableColumns&&this.saveColumnOrder(i),this.selection&&(i.selection=this.selection),Object.keys(this.expandedRowKeys).length&&(i.expandedRowKeys=this.expandedRowKeys),e.setItem(this.stateKey,JSON.stringify(i)),this.onStateSave.emit(i)}clearState(){const e=this.getStorage();this.stateKey&&e.removeItem(this.stateKey)}restoreState(){const i=this.getStorage().getItem(this.stateKey),s=/\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}.\d{3}Z/;if(i){let o=JSON.parse(i,function(o,a){return"string"==typeof a&&s.test(a)?new Date(a):a});this.paginator&&(void 0!==this.first&&(this.first=o.first,this.firstChange.emit(this.first)),void 0!==this.rows&&(this.rows=o.rows,this.rowsChange.emit(this.rows))),o.sortField&&(this.restoringSort=!0,this._sortField=o.sortField,this._sortOrder=o.sortOrder),o.multiSortMeta&&(this.restoringSort=!0,this._multiSortMeta=o.multiSortMeta),o.filters&&(this.restoringFilter=!0,this.filters=o.filters),this.resizableColumns&&(this.columnWidthsState=o.columnWidths,this.tableWidthState=o.tableWidth),o.expandedRowKeys&&(this.expandedRowKeys=o.expandedRowKeys),o.selection&&Promise.resolve(null).then(()=>this.selectionChange.emit(o.selection)),this.stateRestored=!0,this.onStateRestore.emit(o)}}saveColumnWidths(e){let i=[];G.find(this.containerViewChild?.nativeElement,".p-datatable-thead > tr > th").forEach(r=>i.push(G.getOuterWidth(r))),e.columnWidths=i.join(","),"expand"===this.columnResizeMode&&(e.tableWidth=G.getOuterWidth(this.tableViewChild?.nativeElement))}setResizeTableWidth(e){this.tableViewChild.nativeElement.style.width=e,this.tableViewChild.nativeElement.style.minWidth=e}restoreColumnWidths(){if(this.columnWidthsState){let e=this.columnWidthsState.split(",");if("expand"===this.columnResizeMode&&this.tableWidthState&&this.setResizeTableWidth(this.tableWidthState+"px"),_e.isNotEmpty(e)){this.createStyleElement();let i="";e.forEach((s,r)=>{i+=`\n #${this.id}-table > .p-datatable-thead > tr > th:nth-child(${r+1}),\n #${this.id}-table > .p-datatable-tbody > tr > td:nth-child(${r+1}),\n #${this.id}-table > .p-datatable-tfoot > tr > td:nth-child(${r+1}) {\n width: ${s}px !important; max-width: ${s}px !important\n }\n `}),this.styleElement.innerHTML=i}}}saveColumnOrder(e){if(this.columns){let i=[];this.columns.map(s=>{i.push(s.field||s.key)}),e.columnOrder=i}}restoreColumnOrder(){const i=this.getStorage().getItem(this.stateKey);if(i){let r=JSON.parse(i).columnOrder;if(r){let o=[];r.map(a=>{let l=this.findColumnByKey(a);l&&o.push(l)}),this.columnOrderStateRestored=!0,this.columns=o}}}findColumnByKey(e){if(!this.columns)return null;for(let i of this.columns)if(i.key===e||i.field===e)return i}createStyleElement(){this.styleElement=this.renderer.createElement("style"),this.styleElement.type="text/css",this.renderer.appendChild(this.document.head,this.styleElement)}getGroupRowsMeta(){return{field:this.groupRowsBy,order:this.groupRowsByOrder}}createResponsiveStyle(){ar(this.platformId)&&!this.responsiveStyleElement&&(this.responsiveStyleElement=this.renderer.createElement("style"),this.responsiveStyleElement.type="text/css",this.renderer.appendChild(this.document.head,this.responsiveStyleElement),this.renderer.setProperty(this.responsiveStyleElement,"innerHTML",`\n @media screen and (max-width: ${this.breakpoint}) {\n #${this.id}-table > .p-datatable-thead > tr > th,\n #${this.id}-table > .p-datatable-tfoot > tr > td {\n display: none !important;\n }\n \n #${this.id}-table > .p-datatable-tbody > tr > td {\n display: flex;\n width: 100% !important;\n align-items: center;\n justify-content: space-between;\n }\n \n #${this.id}-table > .p-datatable-tbody > tr > td:not(:last-child) {\n border: 0 none;\n }\n \n #${this.id}.p-datatable-gridlines > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tbody > tr > td:last-child {\n border-top: 0;\n border-right: 0;\n border-left: 0;\n }\n \n #${this.id}-table > .p-datatable-tbody > tr > td > .p-column-title {\n display: block;\n }\n }\n `))}destroyResponsiveStyle(){this.responsiveStyleElement&&(this.renderer.removeChild(this.document.head,this.responsiveStyleElement),this.responsiveStyleElement=null)}destroyStyleElement(){this.styleElement&&(this.renderer.removeChild(this.document.head,this.styleElement),this.styleElement=null)}ngOnDestroy(){this.unbindDocumentEditListener(),this.editingCell=null,this.initialized=null,this.destroyStyleElement(),this.destroyResponsiveStyle()}}return h(n,"\u0275fac",function(e){return new(e||n)(W(wn),W(Ri),W(oi),W(Gt),W(Ct),W(fw),W(ti),W(YA),W(Q1))}),h(n,"\u0275cmp",Ne({type:n,selectors:[["p-table"]],contentQueries:function(e,i,s){if(1&e&&ir(s,ts,4),2&e){let r;rt(r=ot())&&(i.templates=r)}},viewQuery:function(e,i){if(1&e&&(Et(vee,5),Et(bee,5),Et(wee,5),Et(Mee,5),Et(Tee,5),Et(See,5),Et(Cee,5),Et(Dee,5),Et(xee,5)),2&e){let s;rt(s=ot())&&(i.containerViewChild=s.first),rt(s=ot())&&(i.resizeHelperViewChild=s.first),rt(s=ot())&&(i.reorderIndicatorUpViewChild=s.first),rt(s=ot())&&(i.reorderIndicatorDownViewChild=s.first),rt(s=ot())&&(i.wrapperViewChild=s.first),rt(s=ot())&&(i.tableViewChild=s.first),rt(s=ot())&&(i.tableHeaderViewChild=s.first),rt(s=ot())&&(i.tableFooterViewChild=s.first),rt(s=ot())&&(i.scroller=s.first)}},hostAttrs:[1,"p-element"],inputs:{frozenColumns:"frozenColumns",frozenValue:"frozenValue",style:"style",styleClass:"styleClass",tableStyle:"tableStyle",tableStyleClass:"tableStyleClass",paginator:"paginator",pageLinks:"pageLinks",rowsPerPageOptions:"rowsPerPageOptions",alwaysShowPaginator:"alwaysShowPaginator",paginatorPosition:"paginatorPosition",paginatorDropdownAppendTo:"paginatorDropdownAppendTo",paginatorDropdownScrollHeight:"paginatorDropdownScrollHeight",currentPageReportTemplate:"currentPageReportTemplate",showCurrentPageReport:"showCurrentPageReport",showJumpToPageDropdown:"showJumpToPageDropdown",showJumpToPageInput:"showJumpToPageInput",showFirstLastIcon:"showFirstLastIcon",showPageLinks:"showPageLinks",defaultSortOrder:"defaultSortOrder",sortMode:"sortMode",resetPageOnSort:"resetPageOnSort",selectionMode:"selectionMode",selectionPageOnly:"selectionPageOnly",contextMenuSelection:"contextMenuSelection",contextMenuSelectionMode:"contextMenuSelectionMode",dataKey:"dataKey",metaKeySelection:"metaKeySelection",rowSelectable:"rowSelectable",rowTrackBy:"rowTrackBy",lazy:"lazy",lazyLoadOnInit:"lazyLoadOnInit",compareSelectionBy:"compareSelectionBy",csvSeparator:"csvSeparator",exportFilename:"exportFilename",filters:"filters",globalFilterFields:"globalFilterFields",filterDelay:"filterDelay",filterLocale:"filterLocale",expandedRowKeys:"expandedRowKeys",editingRowKeys:"editingRowKeys",rowExpandMode:"rowExpandMode",scrollable:"scrollable",scrollDirection:"scrollDirection",rowGroupMode:"rowGroupMode",scrollHeight:"scrollHeight",virtualScroll:"virtualScroll",virtualScrollItemSize:"virtualScrollItemSize",virtualScrollOptions:"virtualScrollOptions",virtualScrollDelay:"virtualScrollDelay",frozenWidth:"frozenWidth",responsive:"responsive",contextMenu:"contextMenu",resizableColumns:"resizableColumns",columnResizeMode:"columnResizeMode",reorderableColumns:"reorderableColumns",loading:"loading",loadingIcon:"loadingIcon",showLoader:"showLoader",rowHover:"rowHover",customSort:"customSort",showInitialSortBadge:"showInitialSortBadge",autoLayout:"autoLayout",exportFunction:"exportFunction",exportHeader:"exportHeader",stateKey:"stateKey",stateStorage:"stateStorage",editMode:"editMode",groupRowsBy:"groupRowsBy",groupRowsByOrder:"groupRowsByOrder",responsiveLayout:"responsiveLayout",breakpoint:"breakpoint",value:"value",columns:"columns",first:"first",rows:"rows",totalRecords:"totalRecords",sortField:"sortField",sortOrder:"sortOrder",multiSortMeta:"multiSortMeta",selection:"selection",selectAll:"selectAll",virtualRowHeight:"virtualRowHeight"},outputs:{contextMenuSelectionChange:"contextMenuSelectionChange",selectAllChange:"selectAllChange",selectionChange:"selectionChange",onRowSelect:"onRowSelect",onRowUnselect:"onRowUnselect",onPage:"onPage",onSort:"onSort",onFilter:"onFilter",onLazyLoad:"onLazyLoad",onRowExpand:"onRowExpand",onRowCollapse:"onRowCollapse",onContextMenuSelect:"onContextMenuSelect",onColResize:"onColResize",onColReorder:"onColReorder",onRowReorder:"onRowReorder",onEditInit:"onEditInit",onEditComplete:"onEditComplete",onEditCancel:"onEditCancel",onHeaderCheckboxToggle:"onHeaderCheckboxToggle",sortFunction:"sortFunction",firstChange:"firstChange",rowsChange:"rowsChange",onStateSave:"onStateSave",onStateRestore:"onStateRestore"},features:[Mt([fw]),In],decls:16,vars:22,consts:[[3,"ngStyle","ngClass"],["container",""],["class","p-datatable-loading-overlay p-component-overlay",4,"ngIf"],["class","p-datatable-header",4,"ngIf"],["styleClass","p-paginator-top",3,"rows","first","totalRecords","pageLinkSize","alwaysShow","rowsPerPageOptions","templateLeft","templateRight","dropdownAppendTo","dropdownScrollHeight","currentPageReportTemplate","showFirstLastIcon","dropdownItemTemplate","showCurrentPageReport","showJumpToPageDropdown","showJumpToPageInput","showPageLinks","onPageChange",4,"ngIf"],[1,"p-datatable-wrapper",3,"ngStyle"],["wrapper",""],[3,"items","columns","style","scrollHeight","itemSize","step","delay","inline","lazy","loaderDisabled","showSpacer","showLoader","options","autoSize","onLazyLoad",4,"ngIf"],[4,"ngIf"],["buildInTable",""],["styleClass","p-paginator-bottom",3,"rows","first","totalRecords","pageLinkSize","alwaysShow","rowsPerPageOptions","templateLeft","templateRight","dropdownAppendTo","dropdownScrollHeight","currentPageReportTemplate","showFirstLastIcon","dropdownItemTemplate","showCurrentPageReport","showJumpToPageDropdown","showJumpToPageInput","showPageLinks","onPageChange",4,"ngIf"],["class","p-datatable-footer",4,"ngIf"],["class","p-column-resizer-helper","style","display:none",4,"ngIf"],["class","p-datatable-reorder-indicator-up","style","display: none;",4,"ngIf"],["class","p-datatable-reorder-indicator-down","style","display: none;",4,"ngIf"],[1,"p-datatable-loading-overlay","p-component-overlay"],[3,"class",4,"ngIf"],[3,"spin","styleClass",4,"ngIf"],["class","p-datatable-loading-icon",4,"ngIf"],[3,"spin","styleClass"],[1,"p-datatable-loading-icon"],[4,"ngTemplateOutlet"],[1,"p-datatable-header"],["styleClass","p-paginator-top",3,"rows","first","totalRecords","pageLinkSize","alwaysShow","rowsPerPageOptions","templateLeft","templateRight","dropdownAppendTo","dropdownScrollHeight","currentPageReportTemplate","showFirstLastIcon","dropdownItemTemplate","showCurrentPageReport","showJumpToPageDropdown","showJumpToPageInput","showPageLinks","onPageChange"],["pTemplate","firstpagelinkicon"],["pTemplate","previouspagelinkicon"],["pTemplate","lastpagelinkicon"],["pTemplate","nextpagelinkicon"],[3,"items","columns","scrollHeight","itemSize","step","delay","inline","lazy","loaderDisabled","showSpacer","showLoader","options","autoSize","onLazyLoad"],["scroller",""],["pTemplate","content"],[4,"ngTemplateOutlet","ngTemplateOutletContext"],["role","table",3,"ngClass"],["table",""],[1,"p-datatable-thead"],["thead",""],["class","p-datatable-tbody p-datatable-frozen-tbody",3,"value","frozenRows","pTableBody","pTableBodyTemplate","frozen",4,"ngIf"],[1,"p-datatable-tbody",3,"ngClass","value","pTableBody","pTableBodyTemplate","scrollerOptions"],["class","p-datatable-scroller-spacer",3,"style",4,"ngIf"],["class","p-datatable-tfoot",4,"ngIf"],[1,"p-datatable-tbody","p-datatable-frozen-tbody",3,"value","frozenRows","pTableBody","pTableBodyTemplate","frozen"],[1,"p-datatable-scroller-spacer"],[1,"p-datatable-tfoot"],["tfoot",""],["styleClass","p-paginator-bottom",3,"rows","first","totalRecords","pageLinkSize","alwaysShow","rowsPerPageOptions","templateLeft","templateRight","dropdownAppendTo","dropdownScrollHeight","currentPageReportTemplate","showFirstLastIcon","dropdownItemTemplate","showCurrentPageReport","showJumpToPageDropdown","showJumpToPageInput","showPageLinks","onPageChange"],[1,"p-datatable-footer"],[1,"p-column-resizer-helper",2,"display","none"],["resizeHelper",""],[1,"p-datatable-reorder-indicator-up",2,"display","none"],["reorderIndicatorUp",""],[1,"p-datatable-reorder-indicator-down",2,"display","none"],["reorderIndicatorDown",""]],template:function(e,i){1&e&&(V(0,"div",0,1),O(2,Oee,3,2,"div",2),O(3,Fee,2,1,"div",3),O(4,Kee,5,21,"p-paginator",4),V(5,"div",5,6),O(7,Qee,3,17,"p-scroller",7),O(8,nte,2,7,"ng-container",8),O(9,ute,10,28,"ng-template",null,9,Lr),Y(),O(11,Tte,5,21,"p-paginator",10),O(12,Cte,2,1,"div",11),O(13,Dte,2,0,"div",12),O(14,Ite,4,2,"span",13),O(15,Ote,4,2,"span",14),Y()),2&e&&(Ge(i.styleClass),x("ngStyle",i.style)("ngClass",ps(16,Rte,i.rowHover||i.selectionMode,i.scrollable,i.scrollable&&"flex"===i.scrollHeight)),Ce("id",i.id),I(2),x("ngIf",i.loading&&i.showLoader),I(1),x("ngIf",i.captionTemplate),I(1),x("ngIf",i.paginator&&("top"===i.paginatorPosition||"both"==i.paginatorPosition)),I(1),x("ngStyle",Je(20,Fte,i.virtualScroll?"":i.scrollHeight)),I(2),x("ngIf",i.virtualScroll),I(1),x("ngIf",!i.virtualScroll),I(3),x("ngIf",i.paginator&&("bottom"===i.paginatorPosition||"both"==i.paginatorPosition)),I(1),x("ngIf",i.summaryTemplate),I(1),x("ngIf",i.resizableColumns),I(1),x("ngIf",i.reorderableColumns),I(1),x("ngIf",i.reorderableColumns))},dependencies:function(){return[gi,Bn,Fs,yi,RQ,ts,iO,yO,vO,Sh,lie]},styles:[".p-datatable{position:relative}.p-datatable>.p-datatable-wrapper{overflow:auto}.p-datatable-table{border-spacing:0px;width:100%}.p-datatable .p-sortable-column{cursor:pointer;-webkit-user-select:none;user-select:none}.p-datatable .p-sortable-column .p-column-title,.p-datatable .p-sortable-column .p-sortable-column-icon,.p-datatable .p-sortable-column .p-sortable-column-badge{vertical-align:middle}.p-datatable .p-sortable-column .p-icon-wrapper{display:inline}.p-datatable .p-sortable-column .p-sortable-column-badge{display:inline-flex;align-items:center;justify-content:center}.p-datatable-hoverable-rows .p-selectable-row{cursor:pointer}.p-datatable-scrollable>.p-datatable-wrapper{position:relative}.p-datatable-scrollable-table>.p-datatable-thead{position:sticky;top:0;z-index:1}.p-datatable-scrollable-table>.p-datatable-frozen-tbody{position:sticky;z-index:1}.p-datatable-scrollable-table>.p-datatable-tfoot{position:sticky;bottom:0;z-index:1}.p-datatable-scrollable .p-frozen-column{position:sticky;background:inherit}.p-datatable-scrollable th.p-frozen-column{z-index:1}.p-datatable-flex-scrollable{display:flex;flex-direction:column;height:100%}.p-datatable-flex-scrollable>.p-datatable-wrapper{display:flex;flex-direction:column;flex:1;height:100%}.p-datatable-scrollable-table>.p-datatable-tbody>.p-rowgroup-header{position:sticky;z-index:1}.p-datatable-resizable-table>.p-datatable-thead>tr>th,.p-datatable-resizable-table>.p-datatable-tfoot>tr>td,.p-datatable-resizable-table>.p-datatable-tbody>tr>td{overflow:hidden;white-space:nowrap}.p-datatable-resizable-table>.p-datatable-thead>tr>th.p-resizable-column:not(.p-frozen-column){background-clip:padding-box;position:relative}.p-datatable-resizable-table-fit>.p-datatable-thead>tr>th.p-resizable-column:last-child .p-column-resizer{display:none}.p-datatable .p-column-resizer{display:block;position:absolute!important;top:0;right:0;margin:0;width:.5rem;height:100%;padding:0;cursor:col-resize;border:1px solid transparent}.p-datatable .p-column-resizer-helper{width:1px;position:absolute;z-index:10;display:none}.p-datatable .p-row-editor-init,.p-datatable .p-row-editor-save,.p-datatable .p-row-editor-cancel,.p-datatable .p-row-toggler{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.p-datatable-reorder-indicator-up,.p-datatable-reorder-indicator-down{position:absolute}.p-datatable-reorderablerow-handle,[pReorderableColumn]{cursor:move}.p-datatable .p-datatable-loading-overlay{position:absolute;display:flex;align-items:center;justify-content:center;z-index:2}.p-column-filter-row{display:flex;align-items:center;width:100%}.p-column-filter-menu{display:inline-flex}.p-column-filter-row p-columnfilterformelement{flex:1 1 auto;width:1%}.p-column-filter-menu-button,.p-column-filter-clear-button{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;text-decoration:none;overflow:hidden;position:relative}.p-column-filter-overlay{position:absolute;top:0;left:0}.p-column-filter-row-items{margin:0;padding:0;list-style:none}.p-column-filter-row-item{cursor:pointer}.p-column-filter-add-button,.p-column-filter-remove-button{justify-content:center}.p-column-filter-add-button .p-button-label,.p-column-filter-remove-button .p-button-label{flex-grow:0}.p-column-filter-buttonbar{display:flex;align-items:center;justify-content:space-between}.p-column-filter-buttonbar .p-button{width:auto}.p-datatable-tbody>tr>td>.p-column-title{display:none}.p-datatable-scroller-spacer{display:flex}.p-datatable .p-scroller .p-scroller-loading{transform:none!important;min-height:0;position:sticky;top:0;left:0}\n"],encapsulation:2})),n})(),lie=(()=>{class n{get value(){return this._value}set value(e){this._value=e,this.frozenRows&&this.updateFrozenRowStickyPosition(),this.dt.scrollable&&"subheader"===this.dt.rowGroupMode&&this.updateFrozenRowGroupHeaderStickyPosition()}ngAfterViewInit(){this.frozenRows&&this.updateFrozenRowStickyPosition(),this.dt.scrollable&&"subheader"===this.dt.rowGroupMode&&this.updateFrozenRowGroupHeaderStickyPosition()}constructor(e,i,s,r){h(this,"dt",void 0),h(this,"tableService",void 0),h(this,"cd",void 0),h(this,"el",void 0),h(this,"columns",void 0),h(this,"template",void 0),h(this,"frozen",void 0),h(this,"frozenRows",void 0),h(this,"scrollerOptions",void 0),h(this,"subscription",void 0),h(this,"_value",void 0),this.dt=e,this.tableService=i,this.cd=s,this.el=r,this.subscription=this.dt.tableService.valueSource$.subscribe(()=>{this.dt.virtualScroll&&this.cd.detectChanges()})}shouldRenderRowGroupHeader(e,i,s){let r=_e.resolveFieldData(i,this.dt.groupRowsBy),o=e[s-1];return!o||r!==_e.resolveFieldData(o,this.dt.groupRowsBy)}shouldRenderRowGroupFooter(e,i,s){let r=_e.resolveFieldData(i,this.dt.groupRowsBy),o=e[s+1];return!o||r!==_e.resolveFieldData(o,this.dt.groupRowsBy)}shouldRenderRowspan(e,i,s){let r=_e.resolveFieldData(i,this.dt.groupRowsBy),o=e[s-1];return!o||r!==_e.resolveFieldData(o,this.dt.groupRowsBy)}calculateRowGroupSize(e,i,s){let r=_e.resolveFieldData(i,this.dt.groupRowsBy),o=r,a=0;for(;r===o;){a++;let l=e[++s];if(!l)break;o=_e.resolveFieldData(l,this.dt.groupRowsBy)}return 1===a?null:a}ngOnDestroy(){this.subscription&&this.subscription.unsubscribe()}updateFrozenRowStickyPosition(){this.el.nativeElement.style.top=G.getOuterHeight(this.el.nativeElement.previousElementSibling)+"px"}updateFrozenRowGroupHeaderStickyPosition(){if(this.el.nativeElement.previousElementSibling){let e=G.getOuterHeight(this.el.nativeElement.previousElementSibling);this.dt.rowGroupHeaderStyleObject.top=e+"px"}}getScrollerOption(e,i){return this.dt.virtualScroll&&(i=i||this.scrollerOptions)?i[e]:null}getRowIndex(e){const i=this.dt.paginator?this.dt.first+e:e,s=this.getScrollerOption("getItemOptions");return s?s(i).index:i}}return h(n,"\u0275fac",function(e){return new(e||n)(W(y_),W(fw),W(ti),W(Gt))}),h(n,"\u0275cmp",Ne({type:n,selectors:[["","pTableBody",""]],hostAttrs:[1,"p-element"],inputs:{columns:["pTableBody","columns"],template:["pTableBodyTemplate","template"],value:"value",frozen:"frozen",frozenRows:"frozenRows",scrollerOptions:"scrollerOptions"},attrs:Nte,decls:5,vars:5,consts:[[4,"ngIf"],["ngFor","",3,"ngForOf","ngForTrackBy"],["role","row",4,"ngIf"],["role","row"],[4,"ngTemplateOutlet","ngTemplateOutletContext"]],template:function(e,i){1&e&&(O(0,qte,2,2,"ng-container",0),O(1,sne,2,2,"ng-container",0),O(2,cne,2,2,"ng-container",0),O(3,dne,2,5,"ng-container",0),O(4,fne,2,5,"ng-container",0)),2&e&&(x("ngIf",!i.dt.expandedRowTemplate),I(1),x("ngIf",i.dt.expandedRowTemplate&&!(i.frozen&&i.dt.frozenExpandedRowTemplate)),I(1),x("ngIf",i.dt.frozenExpandedRowTemplate&&i.frozen),I(1),x("ngIf",i.dt.loading),I(1),x("ngIf",i.dt.isEmpty()&&!i.dt.loading))},dependencies:[fo,Bn,Fs],encapsulation:2})),n})(),cie=(()=>{class n{constructor(e){h(this,"dt",void 0),h(this,"data",void 0),h(this,"pRowTogglerDisabled",void 0),this.dt=e}onClick(e){this.isEnabled()&&(this.dt.toggleRow(this.data,e),e.preventDefault())}isEnabled(){return!0!==this.pRowTogglerDisabled}}return h(n,"\u0275fac",function(e){return new(e||n)(W(y_))}),h(n,"\u0275dir",Ae({type:n,selectors:[["","pRowToggler",""]],hostAttrs:[1,"p-element"],hostBindings:function(e,i){1&e&&de("click",function(r){return i.onClick(r)})},inputs:{data:["pRowToggler","data"],pRowTogglerDisabled:"pRowTogglerDisabled"}})),n})(),TO=(()=>{class n{}return h(n,"\u0275fac",function(e){return new(e||n)}),h(n,"\u0275mod",pt({type:n})),h(n,"\u0275inj",ht({imports:[Mn,FQ,lw,aw,gh,$c,GQ,yX,cw,fee,m_,yO,vO,Sh,mee,gee,_ee,dw,pee,yee,On,m_]})),n})();const uie=[wq,bq],die=[TO,VA,tw,$c];let hie=(()=>{class n{}return n.\u0275fac=function(e){return new(e||n)},n.\u0275mod=pt({type:n}),n.\u0275inj=ht({providers:[...uie],imports:[die,TO,VA,tw,$c]}),n})();function pw(...n){const t=Ht(n),e=cf(n),{args:i,keys:s}=QL(n);if(0===i.length)return dn([],t);const r=new cn(function pie(n,t,e=Ss){return i=>{SO(t,()=>{const{length:s}=n,r=new Array(s);let o=s,a=s;for(let l=0;l{const c=dn(n[l],t);let u=!1;c.subscribe(Jt(i,f=>{r[l]=f,u||(u=!0,a--),a||i.next(e(r.slice()))},()=>{--o||i.complete()}))},i)},i)}}(i,t,s?o=>tP(s,o):Ss));return e?r.pipe(eP(e)):r}function SO(n,t,e){n?zt(e,n,t):t()}const v_=_(n=>function(){n(this),this.name="EmptyError",this.message="no elements in sequence"});function mw(...n){return function mie(){return jt(1)}()(dn(n,Ht(n)))}function CO(n){return new cn(t=>{he(n()).subscribe(t)})}function kh(n,t){const e=D(n)?n:()=>n,i=s=>s.error(e());return new cn(t?s=>t.schedule(i,0,s):i)}function _w(){return kn((n,t)=>{let e=null;n._refCount++;const i=Jt(t,void 0,void 0,void 0,()=>{if(!n||n._refCount<=0||0<--n._refCount)return void(e=null);const s=n._connection,r=e;e=null,s&&(!r||s===r)&&s.unsubscribe(),t.unsubscribe()});n.subscribe(i),i.closed||(e=n.connect())})}class DO extends cn{constructor(t,e){super(),this.source=t,this.subjectFactory=e,this._subject=null,this._refCount=0,this._connection=null,ef(t)&&(this.lift=t.lift)}_subscribe(t){return this.getSubject().subscribe(t)}getSubject(){const t=this._subject;return(!t||t.isStopped)&&(this._subject=this.subjectFactory()),this._subject}_teardown(){this._refCount=0;const{_connection:t}=this;this._subject=this._connection=null,t?.unsubscribe()}connect(){let t=this._connection;if(!t){t=this._connection=new b;const e=this.getSubject();t.add(this.source.subscribe(Jt(e,void 0,()=>{this._teardown(),e.complete()},i=>{this._teardown(),e.error(i)},()=>this._teardown()))),t.closed&&(this._connection=null,t=b.EMPTY)}return t}refCount(){return _w()(this)}}function qc(n){return n<=0?()=>un:kn((t,e)=>{let i=0;t.subscribe(Jt(e,s=>{++i<=n&&(e.next(s),n<=i&&e.complete())}))})}function xO(...n){const t=Ht(n);return kn((e,i)=>{(t?mw(n,e,t):mw(n,e)).subscribe(i)})}function vs(n,t){return kn((e,i)=>{let s=0;e.subscribe(Jt(i,r=>n.call(t,r,s++)&&i.next(r)))})}function b_(n){return kn((t,e)=>{let i=!1;t.subscribe(Jt(e,s=>{i=!0,e.next(s)},()=>{i||e.next(n),e.complete()}))})}function kO(n=_ie){return kn((t,e)=>{let i=!1;t.subscribe(Jt(e,s=>{i=!0,e.next(s)},()=>i?e.complete():e.error(n())))})}function _ie(){return new v_}function vl(n,t){const e=arguments.length>=2;return i=>i.pipe(n?vs((s,r)=>n(s,r,i)):Ss,qc(1),e?b_(t):kO(()=>new v_))}function Kc(n,t){return D(t)?Lt(n,t,1):Lt(n,1)}function Bi(n,t,e){const i=D(n)||t||e?{next:n,error:t,complete:e}:n;return i?kn((s,r)=>{var o;null===(o=i.subscribe)||void 0===o||o.call(i);let a=!0;s.subscribe(Jt(r,l=>{var c;null===(c=i.next)||void 0===c||c.call(i,l),r.next(l)},()=>{var l;a=!1,null===(l=i.complete)||void 0===l||l.call(i),r.complete()},l=>{var c;a=!1,null===(c=i.error)||void 0===c||c.call(i,l),r.error(l)},()=>{var l,c;a&&(null===(l=i.unsubscribe)||void 0===l||l.call(i)),null===(c=i.finalize)||void 0===c||c.call(i)}))}):Ss}function bl(n){return kn((t,e)=>{let r,i=null,s=!1;i=t.subscribe(Jt(e,void 0,void 0,o=>{r=he(n(o,bl(n)(t))),i?(i.unsubscribe(),i=null,r.subscribe(e)):s=!0})),s&&(i.unsubscribe(),i=null,r.subscribe(e))})}function gw(n){return n<=0?()=>un:kn((t,e)=>{let i=[];t.subscribe(Jt(e,s=>{i.push(s),n{for(const s of i)e.next(s);e.complete()},void 0,()=>{i=null}))})}function Eh(n){return kn((t,e)=>{try{t.subscribe(e)}finally{e.add(n)}})}const st="primary",Ih=Symbol("RouteTitle");class wie{constructor(t){this.params=t||{}}has(t){return Object.prototype.hasOwnProperty.call(this.params,t)}get(t){if(this.has(t)){const e=this.params[t];return Array.isArray(e)?e[0]:e}return null}getAll(t){if(this.has(t)){const e=this.params[t];return Array.isArray(e)?e:[e]}return[]}get keys(){return Object.keys(this.params)}}function Xc(n){return new wie(n)}function Mie(n,t,e){const i=e.path.split("/");if(i.length>n.length||"full"===e.pathMatch&&(t.hasChildren()||i.lengthi[r]===s)}return n===t}function IO(n){return n.length>0?n[n.length-1]:null}function _a(n){return function fie(n){return!!n&&(n instanceof cn||D(n.lift)&&D(n.subscribe))}(n)?n:Td(n)?dn(Promise.resolve(n)):ze(n)}const Sie={exact:function AO(n,t,e){if(!wl(n.segments,t.segments)||!w_(n.segments,t.segments,e)||n.numberOfChildren!==t.numberOfChildren)return!1;for(const i in t.children)if(!n.children[i]||!AO(n.children[i],t.children[i],e))return!1;return!0},subset:OO},LO={exact:function Cie(n,t){return Vr(n,t)},subset:function Die(n,t){return Object.keys(t).length<=Object.keys(n).length&&Object.keys(t).every(e=>EO(n[e],t[e]))},ignored:()=>!0};function PO(n,t,e){return Sie[e.paths](n.root,t.root,e.matrixParams)&&LO[e.queryParams](n.queryParams,t.queryParams)&&!("exact"===e.fragment&&n.fragment!==t.fragment)}function OO(n,t,e){return RO(n,t,t.segments,e)}function RO(n,t,e,i){if(n.segments.length>e.length){const s=n.segments.slice(0,e.length);return!(!wl(s,e)||t.hasChildren()||!w_(s,e,i))}if(n.segments.length===e.length){if(!wl(n.segments,e)||!w_(n.segments,e,i))return!1;for(const s in t.children)if(!n.children[s]||!OO(n.children[s],t.children[s],i))return!1;return!0}{const s=e.slice(0,n.segments.length),r=e.slice(n.segments.length);return!!(wl(n.segments,s)&&w_(n.segments,s,i)&&n.children[st])&&RO(n.children[st],t,r,i)}}function w_(n,t,e){return t.every((i,s)=>LO[e](n[s].parameters,i.parameters))}class Jc{constructor(t=new Ot([],{}),e={},i=null){this.root=t,this.queryParams=e,this.fragment=i}get queryParamMap(){return this._queryParamMap||(this._queryParamMap=Xc(this.queryParams)),this._queryParamMap}toString(){return Eie.serialize(this)}}class Ot{constructor(t,e){this.segments=t,this.children=e,this.parent=null,Object.values(e).forEach(i=>i.parent=this)}hasChildren(){return this.numberOfChildren>0}get numberOfChildren(){return Object.keys(this.children).length}toString(){return M_(this)}}class Lh{constructor(t,e){this.path=t,this.parameters=e}get parameterMap(){return this._parameterMap||(this._parameterMap=Xc(this.parameters)),this._parameterMap}toString(){return HO(this)}}function wl(n,t){return n.length===t.length&&n.every((e,i)=>e.path===t[i].path)}let Ph=(()=>{class n{}return n.\u0275fac=function(e){return new(e||n)},n.\u0275prov=me({token:n,factory:function(){return new yw},providedIn:"root"}),n})();class yw{parse(t){const e=new Vie(t);return new Jc(e.parseRootSegment(),e.parseQueryParams(),e.parseFragment())}serialize(t){const e=`/${Ah(t.root,!0)}`,i=function Pie(n){const t=Object.keys(n).map(e=>{const i=n[e];return Array.isArray(i)?i.map(s=>`${T_(e)}=${T_(s)}`).join("&"):`${T_(e)}=${T_(i)}`}).filter(e=>!!e);return t.length?`?${t.join("&")}`:""}(t.queryParams);return`${e}${i}${"string"==typeof t.fragment?`#${function Iie(n){return encodeURI(n)}(t.fragment)}`:""}`}}const Eie=new yw;function M_(n){return n.segments.map(t=>HO(t)).join("/")}function Ah(n,t){if(!n.hasChildren())return M_(n);if(t){const e=n.children[st]?Ah(n.children[st],!1):"",i=[];return Object.entries(n.children).forEach(([s,r])=>{s!==st&&i.push(`${s}:${Ah(r,!1)}`)}),i.length>0?`${e}(${i.join("//")})`:e}{const e=function kie(n,t){let e=[];return Object.entries(n.children).forEach(([i,s])=>{i===st&&(e=e.concat(t(s,i)))}),Object.entries(n.children).forEach(([i,s])=>{i!==st&&(e=e.concat(t(s,i)))}),e}(n,(i,s)=>s===st?[Ah(n.children[st],!1)]:[`${s}:${Ah(i,!1)}`]);return 1===Object.keys(n.children).length&&null!=n.children[st]?`${M_(n)}/${e[0]}`:`${M_(n)}/(${e.join("//")})`}}function FO(n){return encodeURIComponent(n).replace(/%40/g,"@").replace(/%3A/gi,":").replace(/%24/g,"$").replace(/%2C/gi,",")}function T_(n){return FO(n).replace(/%3B/gi,";")}function vw(n){return FO(n).replace(/\(/g,"%28").replace(/\)/g,"%29").replace(/%26/gi,"&")}function S_(n){return decodeURIComponent(n)}function NO(n){return S_(n.replace(/\+/g,"%20"))}function HO(n){return`${vw(n.path)}${function Lie(n){return Object.keys(n).map(t=>`;${vw(t)}=${vw(n[t])}`).join("")}(n.parameters)}`}const Aie=/^[^\/()?;#]+/;function bw(n){const t=n.match(Aie);return t?t[0]:""}const Oie=/^[^\/()?;=#]+/,Fie=/^[^=?&#]+/,Hie=/^[^&#]+/;class Vie{constructor(t){this.url=t,this.remaining=t}parseRootSegment(){return this.consumeOptional("/"),""===this.remaining||this.peekStartsWith("?")||this.peekStartsWith("#")?new Ot([],{}):new Ot([],this.parseChildren())}parseQueryParams(){const t={};if(this.consumeOptional("?"))do{this.parseQueryParam(t)}while(this.consumeOptional("&"));return t}parseFragment(){return this.consumeOptional("#")?decodeURIComponent(this.remaining):null}parseChildren(){if(""===this.remaining)return{};this.consumeOptional("/");const t=[];for(this.peekStartsWith("(")||t.push(this.parseSegment());this.peekStartsWith("/")&&!this.peekStartsWith("//")&&!this.peekStartsWith("/(");)this.capture("/"),t.push(this.parseSegment());let e={};this.peekStartsWith("/(")&&(this.capture("/"),e=this.parseParens(!0));let i={};return this.peekStartsWith("(")&&(i=this.parseParens(!1)),(t.length>0||Object.keys(e).length>0)&&(i[st]=new Ot(t,e)),i}parseSegment(){const t=bw(this.remaining);if(""===t&&this.peekStartsWith(";"))throw new Q(4009,!1);return this.capture(t),new Lh(S_(t),this.parseMatrixParams())}parseMatrixParams(){const t={};for(;this.consumeOptional(";");)this.parseParam(t);return t}parseParam(t){const e=function Rie(n){const t=n.match(Oie);return t?t[0]:""}(this.remaining);if(!e)return;this.capture(e);let i="";if(this.consumeOptional("=")){const s=bw(this.remaining);s&&(i=s,this.capture(i))}t[S_(e)]=S_(i)}parseQueryParam(t){const e=function Nie(n){const t=n.match(Fie);return t?t[0]:""}(this.remaining);if(!e)return;this.capture(e);let i="";if(this.consumeOptional("=")){const o=function Yie(n){const t=n.match(Hie);return t?t[0]:""}(this.remaining);o&&(i=o,this.capture(i))}const s=NO(e),r=NO(i);if(t.hasOwnProperty(s)){let o=t[s];Array.isArray(o)||(o=[o],t[s]=o),o.push(r)}else t[s]=r}parseParens(t){const e={};for(this.capture("(");!this.consumeOptional(")")&&this.remaining.length>0;){const i=bw(this.remaining),s=this.remaining[i.length];if("/"!==s&&")"!==s&&";"!==s)throw new Q(4010,!1);let r;i.indexOf(":")>-1?(r=i.slice(0,i.indexOf(":")),this.capture(r),this.capture(":")):t&&(r=st);const o=this.parseChildren();e[r]=1===Object.keys(o).length?o[st]:new Ot([],o),this.consumeOptional("//")}return e}peekStartsWith(t){return this.remaining.startsWith(t)}consumeOptional(t){return!!this.peekStartsWith(t)&&(this.remaining=this.remaining.substring(t.length),!0)}capture(t){if(!this.consumeOptional(t))throw new Q(4011,!1)}}function YO(n){return n.segments.length>0?new Ot([],{[st]:n}):n}function VO(n){const t={};for(const i of Object.keys(n.children)){const r=VO(n.children[i]);if(i===st&&0===r.segments.length&&r.hasChildren())for(const[o,a]of Object.entries(r.children))t[o]=a;else(r.segments.length>0||r.hasChildren())&&(t[i]=r)}return function Bie(n){if(1===n.numberOfChildren&&n.children[st]){const t=n.children[st];return new Ot(n.segments.concat(t.segments),t.children)}return n}(new Ot(n.segments,t))}function Ml(n){return n instanceof Jc}function BO(n){let t;const s=YO(function e(r){const o={};for(const l of r.children){const c=e(l);o[l.outlet]=c}const a=new Ot(r.url,o);return r===n&&(t=a),a}(n.root));return t??s}function zO(n,t,e,i){let s=n;for(;s.parent;)s=s.parent;if(0===t.length)return ww(s,s,s,e,i);const r=function jie(n){if("string"==typeof n[0]&&1===n.length&&"/"===n[0])return new WO(!0,0,n);let t=0,e=!1;const i=n.reduce((s,r,o)=>{if("object"==typeof r&&null!=r){if(r.outlets){const a={};return Object.entries(r.outlets).forEach(([l,c])=>{a[l]="string"==typeof c?c.split("/"):c}),[...s,{outlets:a}]}if(r.segmentPath)return[...s,r.segmentPath]}return"string"!=typeof r?[...s,r]:0===o?(r.split("/").forEach((a,l)=>{0==l&&"."===a||(0==l&&""===a?e=!0:".."===a?t++:""!=a&&s.push(a))}),s):[...s,r]},[]);return new WO(e,t,i)}(t);if(r.toRoot())return ww(s,s,new Ot([],{}),e,i);const o=function Wie(n,t,e){if(n.isAbsolute)return new D_(t,!0,0);if(!e)return new D_(t,!1,NaN);if(null===e.parent)return new D_(e,!0,0);const i=C_(n.commands[0])?0:1;return function Uie(n,t,e){let i=n,s=t,r=e;for(;r>s;){if(r-=s,i=i.parent,!i)throw new Q(4005,!1);s=i.segments.length}return new D_(i,!1,s-r)}(e,e.segments.length-1+i,n.numberOfDoubleDots)}(r,s,n),a=o.processChildren?Rh(o.segmentGroup,o.index,r.commands):UO(o.segmentGroup,o.index,r.commands);return ww(s,o.segmentGroup,a,e,i)}function C_(n){return"object"==typeof n&&null!=n&&!n.outlets&&!n.segmentPath}function Oh(n){return"object"==typeof n&&null!=n&&n.outlets}function ww(n,t,e,i,s){let o,r={};i&&Object.entries(i).forEach(([l,c])=>{r[l]=Array.isArray(c)?c.map(u=>`${u}`):`${c}`}),o=n===t?e:jO(n,t,e);const a=YO(VO(o));return new Jc(a,r,s)}function jO(n,t,e){const i={};return Object.entries(n.children).forEach(([s,r])=>{i[s]=r===t?e:jO(r,t,e)}),new Ot(n.segments,i)}class WO{constructor(t,e,i){if(this.isAbsolute=t,this.numberOfDoubleDots=e,this.commands=i,t&&i.length>0&&C_(i[0]))throw new Q(4003,!1);const s=i.find(Oh);if(s&&s!==IO(i))throw new Q(4004,!1)}toRoot(){return this.isAbsolute&&1===this.commands.length&&"/"==this.commands[0]}}class D_{constructor(t,e,i){this.segmentGroup=t,this.processChildren=e,this.index=i}}function UO(n,t,e){if(n||(n=new Ot([],{})),0===n.segments.length&&n.hasChildren())return Rh(n,t,e);const i=function $ie(n,t,e){let i=0,s=t;const r={match:!1,pathIndex:0,commandIndex:0};for(;s=e.length)return r;const o=n.segments[s],a=e[i];if(Oh(a))break;const l=`${a}`,c=i0&&void 0===l)break;if(l&&c&&"object"==typeof c&&void 0===c.outlets){if(!$O(l,c,o))return r;i+=2}else{if(!$O(l,{},o))return r;i++}s++}return{match:!0,pathIndex:s,commandIndex:i}}(n,t,e),s=e.slice(i.commandIndex);if(i.match&&i.pathIndex{"string"==typeof o&&(o=[o]),null!==o&&(s[r]=UO(n.children[r],t,o))}),Object.entries(n.children).forEach(([r,o])=>{void 0===i[r]&&(s[r]=o)}),new Ot(n.segments,s)}}function Mw(n,t,e){const i=n.segments.slice(0,t);let s=0;for(;s{"string"==typeof i&&(i=[i]),null!==i&&(t[e]=Mw(new Ot([],{}),0,i))}),t}function GO(n){const t={};return Object.entries(n).forEach(([e,i])=>t[e]=`${i}`),t}function $O(n,t,e){return n==e.path&&Vr(t,e.parameters)}const Fh="imperative";class Br{constructor(t,e){this.id=t,this.url=e}}class Tw extends Br{constructor(t,e,i="imperative",s=null){super(t,e),this.type=0,this.navigationTrigger=i,this.restoredState=s}toString(){return`NavigationStart(id: ${this.id}, url: '${this.url}')`}}class zr extends Br{constructor(t,e,i){super(t,e),this.urlAfterRedirects=i,this.type=1}toString(){return`NavigationEnd(id: ${this.id}, url: '${this.url}', urlAfterRedirects: '${this.urlAfterRedirects}')`}}class x_ extends Br{constructor(t,e,i,s){super(t,e),this.reason=i,this.code=s,this.type=2}toString(){return`NavigationCancel(id: ${this.id}, url: '${this.url}')`}}class Nh extends Br{constructor(t,e,i,s){super(t,e),this.reason=i,this.code=s,this.type=16}}class Sw extends Br{constructor(t,e,i,s){super(t,e),this.error=i,this.target=s,this.type=3}toString(){return`NavigationError(id: ${this.id}, url: '${this.url}', error: ${this.error})`}}class Kie extends Br{constructor(t,e,i,s){super(t,e),this.urlAfterRedirects=i,this.state=s,this.type=4}toString(){return`RoutesRecognized(id: ${this.id}, url: '${this.url}', urlAfterRedirects: '${this.urlAfterRedirects}', state: ${this.state})`}}class Xie extends Br{constructor(t,e,i,s){super(t,e),this.urlAfterRedirects=i,this.state=s,this.type=7}toString(){return`GuardsCheckStart(id: ${this.id}, url: '${this.url}', urlAfterRedirects: '${this.urlAfterRedirects}', state: ${this.state})`}}class Jie extends Br{constructor(t,e,i,s,r){super(t,e),this.urlAfterRedirects=i,this.state=s,this.shouldActivate=r,this.type=8}toString(){return`GuardsCheckEnd(id: ${this.id}, url: '${this.url}', urlAfterRedirects: '${this.urlAfterRedirects}', state: ${this.state}, shouldActivate: ${this.shouldActivate})`}}class Zie extends Br{constructor(t,e,i,s){super(t,e),this.urlAfterRedirects=i,this.state=s,this.type=5}toString(){return`ResolveStart(id: ${this.id}, url: '${this.url}', urlAfterRedirects: '${this.urlAfterRedirects}', state: ${this.state})`}}class Qie extends Br{constructor(t,e,i,s){super(t,e),this.urlAfterRedirects=i,this.state=s,this.type=6}toString(){return`ResolveEnd(id: ${this.id}, url: '${this.url}', urlAfterRedirects: '${this.urlAfterRedirects}', state: ${this.state})`}}class ese{constructor(t){this.route=t,this.type=9}toString(){return`RouteConfigLoadStart(path: ${this.route.path})`}}class tse{constructor(t){this.route=t,this.type=10}toString(){return`RouteConfigLoadEnd(path: ${this.route.path})`}}class nse{constructor(t){this.snapshot=t,this.type=11}toString(){return`ChildActivationStart(path: '${this.snapshot.routeConfig&&this.snapshot.routeConfig.path||""}')`}}class ise{constructor(t){this.snapshot=t,this.type=12}toString(){return`ChildActivationEnd(path: '${this.snapshot.routeConfig&&this.snapshot.routeConfig.path||""}')`}}class sse{constructor(t){this.snapshot=t,this.type=13}toString(){return`ActivationStart(path: '${this.snapshot.routeConfig&&this.snapshot.routeConfig.path||""}')`}}class rse{constructor(t){this.snapshot=t,this.type=14}toString(){return`ActivationEnd(path: '${this.snapshot.routeConfig&&this.snapshot.routeConfig.path||""}')`}}class qO{constructor(t,e,i){this.routerEvent=t,this.position=e,this.anchor=i,this.type=15}toString(){return`Scroll(anchor: '${this.anchor}', position: '${this.position?`${this.position[0]}, ${this.position[1]}`:null}')`}}class ose{constructor(){this.outlet=null,this.route=null,this.injector=null,this.children=new Hh,this.attachRef=null}}let Hh=(()=>{class n{constructor(){this.contexts=new Map}onChildOutletCreated(e,i){const s=this.getOrCreateContext(e);s.outlet=i,this.contexts.set(e,s)}onChildOutletDestroyed(e){const i=this.getContext(e);i&&(i.outlet=null,i.attachRef=null)}onOutletDeactivated(){const e=this.contexts;return this.contexts=new Map,e}onOutletReAttached(e){this.contexts=e}getOrCreateContext(e){let i=this.getContext(e);return i||(i=new ose,this.contexts.set(e,i)),i}getContext(e){return this.contexts.get(e)||null}}return n.\u0275fac=function(e){return new(e||n)},n.\u0275prov=me({token:n,factory:n.\u0275fac,providedIn:"root"}),n})();class KO{constructor(t){this._root=t}get root(){return this._root.value}parent(t){const e=this.pathFromRoot(t);return e.length>1?e[e.length-2]:null}children(t){const e=Cw(t,this._root);return e?e.children.map(i=>i.value):[]}firstChild(t){const e=Cw(t,this._root);return e&&e.children.length>0?e.children[0].value:null}siblings(t){const e=Dw(t,this._root);return e.length<2?[]:e[e.length-2].children.map(s=>s.value).filter(s=>s!==t)}pathFromRoot(t){return Dw(t,this._root).map(e=>e.value)}}function Cw(n,t){if(n===t.value)return t;for(const e of t.children){const i=Cw(n,e);if(i)return i}return null}function Dw(n,t){if(n===t.value)return[t];for(const e of t.children){const i=Dw(n,e);if(i.length)return i.unshift(t),i}return[]}class Do{constructor(t,e){this.value=t,this.children=e}toString(){return`TreeNode(${this.value})`}}function Zc(n){const t={};return n&&n.children.forEach(e=>t[e.value.outlet]=e),t}class XO extends KO{constructor(t,e){super(t),this.snapshot=e,xw(this,t)}toString(){return this.snapshot.toString()}}function JO(n,t){const e=function ase(n,t){const o=new k_([],{},{},"",{},st,t,null,{});return new QO("",new Do(o,[]))}(0,t),i=new Me([new Lh("",{})]),s=new Me({}),r=new Me({}),o=new Me({}),a=new Me(""),l=new jr(i,s,o,a,r,st,t,e.root);return l.snapshot=e.root,new XO(new Do(l,[]),e)}class jr{constructor(t,e,i,s,r,o,a,l){this.urlSubject=t,this.paramsSubject=e,this.queryParamsSubject=i,this.fragmentSubject=s,this.dataSubject=r,this.outlet=o,this.component=a,this._futureSnapshot=l,this.title=this.dataSubject?.pipe(nt(c=>c[Ih]))??ze(void 0),this.url=t,this.params=e,this.queryParams=i,this.fragment=s,this.data=r}get routeConfig(){return this._futureSnapshot.routeConfig}get root(){return this._routerState.root}get parent(){return this._routerState.parent(this)}get firstChild(){return this._routerState.firstChild(this)}get children(){return this._routerState.children(this)}get pathFromRoot(){return this._routerState.pathFromRoot(this)}get paramMap(){return this._paramMap||(this._paramMap=this.params.pipe(nt(t=>Xc(t)))),this._paramMap}get queryParamMap(){return this._queryParamMap||(this._queryParamMap=this.queryParams.pipe(nt(t=>Xc(t)))),this._queryParamMap}toString(){return this.snapshot?this.snapshot.toString():`Future(${this._futureSnapshot})`}}function ZO(n,t="emptyOnly"){const e=n.pathFromRoot;let i=0;if("always"!==t)for(i=e.length-1;i>=1;){const s=e[i],r=e[i-1];if(s.routeConfig&&""===s.routeConfig.path)i--;else{if(r.component)break;i--}}return function lse(n){return n.reduce((t,e)=>({params:{...t.params,...e.params},data:{...t.data,...e.data},resolve:{...e.data,...t.resolve,...e.routeConfig?.data,...e._resolvedData}}),{params:{},data:{},resolve:{}})}(e.slice(i))}class k_{get title(){return this.data?.[Ih]}constructor(t,e,i,s,r,o,a,l,c){this.url=t,this.params=e,this.queryParams=i,this.fragment=s,this.data=r,this.outlet=o,this.component=a,this.routeConfig=l,this._resolve=c}get root(){return this._routerState.root}get parent(){return this._routerState.parent(this)}get firstChild(){return this._routerState.firstChild(this)}get children(){return this._routerState.children(this)}get pathFromRoot(){return this._routerState.pathFromRoot(this)}get paramMap(){return this._paramMap||(this._paramMap=Xc(this.params)),this._paramMap}get queryParamMap(){return this._queryParamMap||(this._queryParamMap=Xc(this.queryParams)),this._queryParamMap}toString(){return`Route(url:'${this.url.map(i=>i.toString()).join("/")}', path:'${this.routeConfig?this.routeConfig.path:""}')`}}class QO extends KO{constructor(t,e){super(e),this.url=t,xw(this,e)}toString(){return e3(this._root)}}function xw(n,t){t.value._routerState=n,t.children.forEach(e=>xw(n,e))}function e3(n){const t=n.children.length>0?` { ${n.children.map(e3).join(", ")} } `:"";return`${n.value}${t}`}function kw(n){if(n.snapshot){const t=n.snapshot,e=n._futureSnapshot;n.snapshot=e,Vr(t.queryParams,e.queryParams)||n.queryParamsSubject.next(e.queryParams),t.fragment!==e.fragment&&n.fragmentSubject.next(e.fragment),Vr(t.params,e.params)||n.paramsSubject.next(e.params),function Tie(n,t){if(n.length!==t.length)return!1;for(let e=0;eVr(e.parameters,t[i].parameters))}(n.url,t.url);return e&&!(!n.parent!=!t.parent)&&(!n.parent||Ew(n.parent,t.parent))}let E_=(()=>{class n{constructor(){this.activated=null,this._activatedRoute=null,this.name=st,this.activateEvents=new ce,this.deactivateEvents=new ce,this.attachEvents=new ce,this.detachEvents=new ce,this.parentContexts=we(Hh),this.location=we(nr),this.changeDetector=we(ti),this.environmentInjector=we(Dr),this.inputBinder=we(I_,{optional:!0}),this.supportsBindingToComponentInputs=!0}get activatedComponentRef(){return this.activated}ngOnChanges(e){if(e.name){const{firstChange:i,previousValue:s}=e.name;if(i)return;this.isTrackedInParentContexts(s)&&(this.deactivate(),this.parentContexts.onChildOutletDestroyed(s)),this.initializeOutletWithName()}}ngOnDestroy(){this.isTrackedInParentContexts(this.name)&&this.parentContexts.onChildOutletDestroyed(this.name),this.inputBinder?.unsubscribeFromRouteData(this)}isTrackedInParentContexts(e){return this.parentContexts.getContext(e)?.outlet===this}ngOnInit(){this.initializeOutletWithName()}initializeOutletWithName(){if(this.parentContexts.onChildOutletCreated(this.name,this),this.activated)return;const e=this.parentContexts.getContext(this.name);e?.route&&(e.attachRef?this.attach(e.attachRef,e.route):this.activateWith(e.route,e.injector))}get isActivated(){return!!this.activated}get component(){if(!this.activated)throw new Q(4012,!1);return this.activated.instance}get activatedRoute(){if(!this.activated)throw new Q(4012,!1);return this._activatedRoute}get activatedRouteData(){return this._activatedRoute?this._activatedRoute.snapshot.data:{}}detach(){if(!this.activated)throw new Q(4012,!1);this.location.detach();const e=this.activated;return this.activated=null,this._activatedRoute=null,this.detachEvents.emit(e.instance),e}attach(e,i){this.activated=e,this._activatedRoute=i,this.location.insert(e.hostView),this.inputBinder?.bindActivatedRouteToOutletComponent(this),this.attachEvents.emit(e.instance)}deactivate(){if(this.activated){const e=this.component;this.activated.destroy(),this.activated=null,this._activatedRoute=null,this.deactivateEvents.emit(e)}}activateWith(e,i){if(this.isActivated)throw new Q(4013,!1);this._activatedRoute=e;const s=this.location,o=e.snapshot.component,a=this.parentContexts.getOrCreateContext(this.name).children,l=new cse(e,a,s.injector);this.activated=s.createComponent(o,{index:s.length,injector:l,environmentInjector:i??this.environmentInjector}),this.changeDetector.markForCheck(),this.inputBinder?.bindActivatedRouteToOutletComponent(this),this.activateEvents.emit(this.activated.instance)}}return n.\u0275fac=function(e){return new(e||n)},n.\u0275dir=Ae({type:n,selectors:[["router-outlet"]],inputs:{name:"name"},outputs:{activateEvents:"activate",deactivateEvents:"deactivate",attachEvents:"attach",detachEvents:"detach"},exportAs:["outlet"],standalone:!0,features:[In]}),n})();class cse{constructor(t,e,i){this.route=t,this.childContexts=e,this.parent=i}get(t,e){return t===jr?this.route:t===Hh?this.childContexts:this.parent.get(t,e)}}const I_=new Se("");let t3=(()=>{class n{constructor(){this.outletDataSubscriptions=new Map}bindActivatedRouteToOutletComponent(e){this.unsubscribeFromRouteData(e),this.subscribeToRouteData(e)}unsubscribeFromRouteData(e){this.outletDataSubscriptions.get(e)?.unsubscribe(),this.outletDataSubscriptions.delete(e)}subscribeToRouteData(e){const{activatedRoute:i}=e,s=pw([i.queryParams,i.params,i.data]).pipe(Gi(([r,o,a],l)=>(a={...r,...o,...a},0===l?ze(a):Promise.resolve(a)))).subscribe(r=>{if(!e.isActivated||!e.activatedComponentRef||e.activatedRoute!==i||null===i.component)return void this.unsubscribeFromRouteData(e);const o=function K9(n){const t=bt(n);if(!t)return null;const e=new yd(t);return{get selector(){return e.selector},get type(){return e.componentType},get inputs(){return e.inputs},get outputs(){return e.outputs},get ngContentSelectors(){return e.ngContentSelectors},get isStandalone(){return t.standalone},get isSignal(){return t.signals}}}(i.component);if(o)for(const{templateName:a}of o.inputs)e.activatedComponentRef.setInput(a,r[a]);else this.unsubscribeFromRouteData(e)});this.outletDataSubscriptions.set(e,s)}}return n.\u0275fac=function(e){return new(e||n)},n.\u0275prov=me({token:n,factory:n.\u0275fac}),n})();function Yh(n,t,e){if(e&&n.shouldReuseRoute(t.value,e.value.snapshot)){const i=e.value;i._futureSnapshot=t.value;const s=function dse(n,t,e){return t.children.map(i=>{for(const s of e.children)if(n.shouldReuseRoute(i.value,s.value.snapshot))return Yh(n,i,s);return Yh(n,i)})}(n,t,e);return new Do(i,s)}{if(n.shouldAttach(t.value)){const r=n.retrieve(t.value);if(null!==r){const o=r.route;return o.value._futureSnapshot=t.value,o.children=t.children.map(a=>Yh(n,a)),o}}const i=function hse(n){return new jr(new Me(n.url),new Me(n.params),new Me(n.queryParams),new Me(n.fragment),new Me(n.data),n.outlet,n.component,n)}(t.value),s=t.children.map(r=>Yh(n,r));return new Do(i,s)}}const Iw="ngNavigationCancelingError";function n3(n,t){const{redirectTo:e,navigationBehaviorOptions:i}=Ml(t)?{redirectTo:t,navigationBehaviorOptions:void 0}:t,s=s3(!1,0,t);return s.url=e,s.navigationBehaviorOptions=i,s}function s3(n,t,e){const i=new Error("NavigationCancelingError: "+(n||""));return i[Iw]=!0,i.cancellationCode=t,e&&(i.url=e),i}function r3(n){return o3(n)&&Ml(n.url)}function o3(n){return n&&n[Iw]}let a3=(()=>{class n{}return n.\u0275fac=function(e){return new(e||n)},n.\u0275cmp=Ne({type:n,selectors:[["ng-component"]],standalone:!0,features:[en],decls:1,vars:0,template:function(e,i){1&e&&se(0,"router-outlet")},dependencies:[E_],encapsulation:2}),n})();function Lw(n){const t=n.children&&n.children.map(Lw),e=t?{...n,children:t}:{...n};return!e.component&&!e.loadComponent&&(t||e.loadChildren)&&e.outlet&&e.outlet!==st&&(e.component=a3),e}function fr(n){return n.outlet||st}function Vh(n){if(!n)return null;if(n.routeConfig?._injector)return n.routeConfig._injector;for(let t=n.parent;t;t=t.parent){const e=t.routeConfig;if(e?._loadedInjector)return e._loadedInjector;if(e?._injector)return e._injector}return null}class vse{constructor(t,e,i,s,r){this.routeReuseStrategy=t,this.futureState=e,this.currState=i,this.forwardEvent=s,this.inputBindingEnabled=r}activate(t){const e=this.futureState._root,i=this.currState?this.currState._root:null;this.deactivateChildRoutes(e,i,t),kw(this.futureState.root),this.activateChildRoutes(e,i,t)}deactivateChildRoutes(t,e,i){const s=Zc(e);t.children.forEach(r=>{const o=r.value.outlet;this.deactivateRoutes(r,s[o],i),delete s[o]}),Object.values(s).forEach(r=>{this.deactivateRouteAndItsChildren(r,i)})}deactivateRoutes(t,e,i){const s=t.value,r=e?e.value:null;if(s===r)if(s.component){const o=i.getContext(s.outlet);o&&this.deactivateChildRoutes(t,e,o.children)}else this.deactivateChildRoutes(t,e,i);else r&&this.deactivateRouteAndItsChildren(e,i)}deactivateRouteAndItsChildren(t,e){t.value.component&&this.routeReuseStrategy.shouldDetach(t.value.snapshot)?this.detachAndStoreRouteSubtree(t,e):this.deactivateRouteAndOutlet(t,e)}detachAndStoreRouteSubtree(t,e){const i=e.getContext(t.value.outlet),s=i&&t.value.component?i.children:e,r=Zc(t);for(const o of Object.keys(r))this.deactivateRouteAndItsChildren(r[o],s);if(i&&i.outlet){const o=i.outlet.detach(),a=i.children.onOutletDeactivated();this.routeReuseStrategy.store(t.value.snapshot,{componentRef:o,route:t,contexts:a})}}deactivateRouteAndOutlet(t,e){const i=e.getContext(t.value.outlet),s=i&&t.value.component?i.children:e,r=Zc(t);for(const o of Object.keys(r))this.deactivateRouteAndItsChildren(r[o],s);i&&(i.outlet&&(i.outlet.deactivate(),i.children.onOutletDeactivated()),i.attachRef=null,i.route=null)}activateChildRoutes(t,e,i){const s=Zc(e);t.children.forEach(r=>{this.activateRoutes(r,s[r.value.outlet],i),this.forwardEvent(new rse(r.value.snapshot))}),t.children.length&&this.forwardEvent(new ise(t.value.snapshot))}activateRoutes(t,e,i){const s=t.value,r=e?e.value:null;if(kw(s),s===r)if(s.component){const o=i.getOrCreateContext(s.outlet);this.activateChildRoutes(t,e,o.children)}else this.activateChildRoutes(t,e,i);else if(s.component){const o=i.getOrCreateContext(s.outlet);if(this.routeReuseStrategy.shouldAttach(s.snapshot)){const a=this.routeReuseStrategy.retrieve(s.snapshot);this.routeReuseStrategy.store(s.snapshot,null),o.children.onOutletReAttached(a.contexts),o.attachRef=a.componentRef,o.route=a.route.value,o.outlet&&o.outlet.attach(a.componentRef,a.route.value),kw(a.route.value),this.activateChildRoutes(t,null,o.children)}else{const a=Vh(s.snapshot);o.attachRef=null,o.route=s,o.injector=a,o.outlet&&o.outlet.activateWith(s,o.injector),this.activateChildRoutes(t,null,o.children)}}else this.activateChildRoutes(t,null,i)}}class l3{constructor(t){this.path=t,this.route=this.path[this.path.length-1]}}class L_{constructor(t,e){this.component=t,this.route=e}}function bse(n,t,e){const i=n._root;return Bh(i,t?t._root:null,e,[i.value])}function Qc(n,t){const e=Symbol(),i=t.get(n,e);return i===e?"function"!=typeof n||function Eg(n){return null!==zl(n)}(n)?t.get(n):n:i}function Bh(n,t,e,i,s={canDeactivateChecks:[],canActivateChecks:[]}){const r=Zc(t);return n.children.forEach(o=>{(function Mse(n,t,e,i,s={canDeactivateChecks:[],canActivateChecks:[]}){const r=n.value,o=t?t.value:null,a=e?e.getContext(n.value.outlet):null;if(o&&r.routeConfig===o.routeConfig){const l=function Tse(n,t,e){if("function"==typeof e)return e(n,t);switch(e){case"pathParamsChange":return!wl(n.url,t.url);case"pathParamsOrQueryParamsChange":return!wl(n.url,t.url)||!Vr(n.queryParams,t.queryParams);case"always":return!0;case"paramsOrQueryParamsChange":return!Ew(n,t)||!Vr(n.queryParams,t.queryParams);default:return!Ew(n,t)}}(o,r,r.routeConfig.runGuardsAndResolvers);l?s.canActivateChecks.push(new l3(i)):(r.data=o.data,r._resolvedData=o._resolvedData),Bh(n,t,r.component?a?a.children:null:e,i,s),l&&a&&a.outlet&&a.outlet.isActivated&&s.canDeactivateChecks.push(new L_(a.outlet.component,o))}else o&&zh(t,a,s),s.canActivateChecks.push(new l3(i)),Bh(n,null,r.component?a?a.children:null:e,i,s)})(o,r[o.value.outlet],e,i.concat([o.value]),s),delete r[o.value.outlet]}),Object.entries(r).forEach(([o,a])=>zh(a,e.getContext(o),s)),s}function zh(n,t,e){const i=Zc(n),s=n.value;Object.entries(i).forEach(([r,o])=>{zh(o,s.component?t?t.children.getContext(r):null:t,e)}),e.canDeactivateChecks.push(new L_(s.component&&t&&t.outlet&&t.outlet.isActivated?t.outlet.component:null,s))}function jh(n){return"function"==typeof n}function c3(n){return n instanceof v_||"EmptyError"===n?.name}const P_=Symbol("INITIAL_VALUE");function eu(){return Gi(n=>pw(n.map(t=>t.pipe(qc(1),xO(P_)))).pipe(nt(t=>{for(const e of t)if(!0!==e){if(e===P_)return P_;if(!1===e||e instanceof Jc)return e}return!0}),vs(t=>t!==P_),qc(1)))}function u3(n){return function du(...n){return Pl(n)}(Bi(t=>{if(Ml(t))throw n3(0,t)}),nt(t=>!0===t))}class A_{constructor(t){this.segmentGroup=t||null}}class d3{constructor(t){this.urlTree=t}}function tu(n){return kh(new A_(n))}function h3(n){return kh(new d3(n))}class jse{constructor(t,e){this.urlSerializer=t,this.urlTree=e}noMatchError(t){return new Q(4002,!1)}lineralizeSegments(t,e){let i=[],s=e.root;for(;;){if(i=i.concat(s.segments),0===s.numberOfChildren)return ze(i);if(s.numberOfChildren>1||!s.children[st])return kh(new Q(4e3,!1));s=s.children[st]}}applyRedirectCommands(t,e,i){return this.applyRedirectCreateUrlTree(e,this.urlSerializer.parse(e),t,i)}applyRedirectCreateUrlTree(t,e,i,s){const r=this.createSegmentGroup(t,e.root,i,s);return new Jc(r,this.createQueryParams(e.queryParams,this.urlTree.queryParams),e.fragment)}createQueryParams(t,e){const i={};return Object.entries(t).forEach(([s,r])=>{if("string"==typeof r&&r.startsWith(":")){const a=r.substring(1);i[s]=e[a]}else i[s]=r}),i}createSegmentGroup(t,e,i,s){const r=this.createSegments(t,e.segments,i,s);let o={};return Object.entries(e.children).forEach(([a,l])=>{o[a]=this.createSegmentGroup(t,l,i,s)}),new Ot(r,o)}createSegments(t,e,i,s){return e.map(r=>r.path.startsWith(":")?this.findPosParam(t,r,s):this.findOrReturn(r,i))}findPosParam(t,e,i){const s=i[e.path.substring(1)];if(!s)throw new Q(4001,!1);return s}findOrReturn(t,e){let i=0;for(const s of e){if(s.path===t.path)return e.splice(i),s;i++}return t}}const Pw={matched:!1,consumedSegments:[],remainingSegments:[],parameters:{},positionalParamSegments:{}};function Wse(n,t,e,i,s){const r=Aw(n,t,e);return r.matched?(i=function fse(n,t){return n.providers&&!n._injector&&(n._injector=rv(n.providers,t,`Route: ${n.path}`)),n._injector??t}(t,i),function Vse(n,t,e,i){const s=t.canMatch;return s&&0!==s.length?ze(s.map(o=>{const a=Qc(o,n);return _a(function Ese(n){return n&&jh(n.canMatch)}(a)?a.canMatch(t,e):n.runInContext(()=>a(t,e)))})).pipe(eu(),u3()):ze(!0)}(i,t,e).pipe(nt(o=>!0===o?r:{...Pw}))):ze(r)}function Aw(n,t,e){if(""===t.path)return"full"===t.pathMatch&&(n.hasChildren()||e.length>0)?{...Pw}:{matched:!0,consumedSegments:[],remainingSegments:e,parameters:{},positionalParamSegments:{}};const s=(t.matcher||Mie)(e,n,t);if(!s)return{...Pw};const r={};Object.entries(s.posParams??{}).forEach(([a,l])=>{r[a]=l.path});const o=s.consumed.length>0?{...r,...s.consumed[s.consumed.length-1].parameters}:r;return{matched:!0,consumedSegments:s.consumed,remainingSegments:e.slice(s.consumed.length),parameters:o,positionalParamSegments:s.posParams??{}}}function f3(n,t,e,i){return e.length>0&&function $se(n,t,e){return e.some(i=>O_(n,t,i)&&fr(i)!==st)}(n,e,i)?{segmentGroup:new Ot(t,Gse(i,new Ot(e,n.children))),slicedSegments:[]}:0===e.length&&function qse(n,t,e){return e.some(i=>O_(n,t,i))}(n,e,i)?{segmentGroup:new Ot(n.segments,Use(n,0,e,i,n.children)),slicedSegments:e}:{segmentGroup:new Ot(n.segments,n.children),slicedSegments:e}}function Use(n,t,e,i,s){const r={};for(const o of i)if(O_(n,e,o)&&!s[fr(o)]){const a=new Ot([],{});r[fr(o)]=a}return{...s,...r}}function Gse(n,t){const e={};e[st]=t;for(const i of n)if(""===i.path&&fr(i)!==st){const s=new Ot([],{});e[fr(i)]=s}return e}function O_(n,t,e){return(!(n.hasChildren()||t.length>0)||"full"!==e.pathMatch)&&""===e.path}class Zse{constructor(t,e,i,s,r,o,a){this.injector=t,this.configLoader=e,this.rootComponentType=i,this.config=s,this.urlTree=r,this.paramsInheritanceStrategy=o,this.urlSerializer=a,this.allowRedirects=!0,this.applyRedirects=new jse(this.urlSerializer,this.urlTree)}noMatchError(t){return new Q(4002,!1)}recognize(){const t=f3(this.urlTree.root,[],[],this.config).segmentGroup;return this.processSegmentGroup(this.injector,this.config,t,st).pipe(bl(e=>{if(e instanceof d3)return this.allowRedirects=!1,this.urlTree=e.urlTree,this.match(e.urlTree);throw e instanceof A_?this.noMatchError(e):e}),nt(e=>{const i=new k_([],Object.freeze({}),Object.freeze({...this.urlTree.queryParams}),this.urlTree.fragment,{},st,this.rootComponentType,null,{}),s=new Do(i,e),r=new QO("",s),o=function zie(n,t,e=null,i=null){return zO(BO(n),t,e,i)}(i,[],this.urlTree.queryParams,this.urlTree.fragment);return o.queryParams=this.urlTree.queryParams,r.url=this.urlSerializer.serialize(o),this.inheritParamsAndData(r._root),{state:r,tree:o}}))}match(t){return this.processSegmentGroup(this.injector,this.config,t.root,st).pipe(bl(i=>{throw i instanceof A_?this.noMatchError(i):i}))}inheritParamsAndData(t){const e=t.value,i=ZO(e,this.paramsInheritanceStrategy);e.params=Object.freeze(i.params),e.data=Object.freeze(i.data),t.children.forEach(s=>this.inheritParamsAndData(s))}processSegmentGroup(t,e,i,s){return 0===i.segments.length&&i.hasChildren()?this.processChildren(t,e,i):this.processSegment(t,e,i,i.segments,s,!0)}processChildren(t,e,i){const s=[];for(const r of Object.keys(i.children))"primary"===r?s.unshift(r):s.push(r);return dn(s).pipe(Kc(r=>{const o=i.children[r],a=function gse(n,t){const e=n.filter(i=>fr(i)===t);return e.push(...n.filter(i=>fr(i)!==t)),e}(e,r);return this.processSegmentGroup(t,a,o,r)}),function yie(n,t){return kn(function gie(n,t,e,i,s){return(r,o)=>{let a=e,l=t,c=0;r.subscribe(Jt(o,u=>{const f=c++;l=a?n(l,u,f):(a=!0,u),i&&o.next(l)},s&&(()=>{a&&o.next(l),o.complete()})))}}(n,t,arguments.length>=2,!0))}((r,o)=>(r.push(...o),r)),b_(null),function vie(n,t){const e=arguments.length>=2;return i=>i.pipe(n?vs((s,r)=>n(s,r,i)):Ss,gw(1),e?b_(t):kO(()=>new v_))}(),Lt(r=>{if(null===r)return tu(i);const o=p3(r);return function Qse(n){n.sort((t,e)=>t.value.outlet===st?-1:e.value.outlet===st?1:t.value.outlet.localeCompare(e.value.outlet))}(o),ze(o)}))}processSegment(t,e,i,s,r,o){return dn(e).pipe(Kc(a=>this.processSegmentAgainstRoute(a._injector??t,e,a,i,s,r,o).pipe(bl(l=>{if(l instanceof A_)return ze(null);throw l}))),vl(a=>!!a),bl(a=>{if(c3(a))return function Xse(n,t,e){return 0===t.length&&!n.children[e]}(i,s,r)?ze([]):tu(i);throw a}))}processSegmentAgainstRoute(t,e,i,s,r,o,a){return function Kse(n,t,e,i){return!!(fr(n)===i||i!==st&&O_(t,e,n))&&("**"===n.path||Aw(t,n,e).matched)}(i,s,r,o)?void 0===i.redirectTo?this.matchSegmentAgainstRoute(t,s,i,r,o,a):a&&this.allowRedirects?this.expandSegmentAgainstRouteUsingRedirect(t,s,e,i,r,o):tu(s):tu(s)}expandSegmentAgainstRouteUsingRedirect(t,e,i,s,r,o){return"**"===s.path?this.expandWildCardWithParamsAgainstRouteUsingRedirect(t,i,s,o):this.expandRegularSegmentAgainstRouteUsingRedirect(t,e,i,s,r,o)}expandWildCardWithParamsAgainstRouteUsingRedirect(t,e,i,s){const r=this.applyRedirects.applyRedirectCommands([],i.redirectTo,{});return i.redirectTo.startsWith("/")?h3(r):this.applyRedirects.lineralizeSegments(i,r).pipe(Lt(o=>{const a=new Ot(o,{});return this.processSegment(t,e,a,o,s,!1)}))}expandRegularSegmentAgainstRouteUsingRedirect(t,e,i,s,r,o){const{matched:a,consumedSegments:l,remainingSegments:c,positionalParamSegments:u}=Aw(e,s,r);if(!a)return tu(e);const f=this.applyRedirects.applyRedirectCommands(l,s.redirectTo,u);return s.redirectTo.startsWith("/")?h3(f):this.applyRedirects.lineralizeSegments(s,f).pipe(Lt(p=>this.processSegment(t,i,e,p.concat(c),o,!1)))}matchSegmentAgainstRoute(t,e,i,s,r,o){let a;if("**"===i.path){const l=s.length>0?IO(s).parameters:{};a=ze({snapshot:new k_(s,l,Object.freeze({...this.urlTree.queryParams}),this.urlTree.fragment,m3(i),fr(i),i.component??i._loadedComponent??null,i,_3(i)),consumedSegments:[],remainingSegments:[]}),e.children={}}else a=Wse(e,i,s,t).pipe(nt(({matched:l,consumedSegments:c,remainingSegments:u,parameters:f})=>l?{snapshot:new k_(c,f,Object.freeze({...this.urlTree.queryParams}),this.urlTree.fragment,m3(i),fr(i),i.component??i._loadedComponent??null,i,_3(i)),consumedSegments:c,remainingSegments:u}:null));return a.pipe(Gi(l=>null===l?tu(e):this.getChildConfig(t=i._injector??t,i,s).pipe(Gi(({routes:c})=>{const u=i._loadedInjector??t,{snapshot:f,consumedSegments:p,remainingSegments:g}=l,{segmentGroup:v,slicedSegments:M}=f3(e,p,g,c);if(0===M.length&&v.hasChildren())return this.processChildren(u,c,v).pipe(nt(L=>null===L?null:[new Do(f,L)]));if(0===c.length&&0===M.length)return ze([new Do(f,[])]);const S=fr(i)===r;return this.processSegment(u,c,v,M,S?st:r,!0).pipe(nt(L=>[new Do(f,L)]))}))))}getChildConfig(t,e,i){return e.children?ze({routes:e.children,injector:t}):e.loadChildren?void 0!==e._loadedRoutes?ze({routes:e._loadedRoutes,injector:e._loadedInjector}):function Yse(n,t,e,i){const s=t.canLoad;return void 0===s||0===s.length?ze(!0):ze(s.map(o=>{const a=Qc(o,n);return _a(function Cse(n){return n&&jh(n.canLoad)}(a)?a.canLoad(t,e):n.runInContext(()=>a(t,e)))})).pipe(eu(),u3())}(t,e,i).pipe(Lt(s=>s?this.configLoader.loadChildren(t,e).pipe(Bi(r=>{e._loadedRoutes=r.routes,e._loadedInjector=r.injector})):function zse(n){return kh(s3(!1,3))}())):ze({routes:[],injector:t})}}function ere(n){const t=n.value.routeConfig;return t&&""===t.path}function p3(n){const t=[],e=new Set;for(const i of n){if(!ere(i)){t.push(i);continue}const s=t.find(r=>i.value.routeConfig===r.value.routeConfig);void 0!==s?(s.children.push(...i.children),e.add(s)):t.push(i)}for(const i of e){const s=p3(i.children);t.push(new Do(i.value,s))}return t.filter(i=>!e.has(i))}function m3(n){return n.data||{}}function _3(n){return n.resolve||{}}function g3(n){return"string"==typeof n.title||null===n.title}function Ow(n){return Gi(t=>{const e=n(t);return e?dn(e).pipe(nt(()=>t)):ze(t)})}const nu=new Se("ROUTES");let Rw=(()=>{class n{constructor(){this.componentLoaders=new WeakMap,this.childrenLoaders=new WeakMap,this.compiler=we(sk)}loadComponent(e){if(this.componentLoaders.get(e))return this.componentLoaders.get(e);if(e._loadedComponent)return ze(e._loadedComponent);this.onLoadStartListener&&this.onLoadStartListener(e);const i=_a(e.loadComponent()).pipe(nt(y3),Bi(r=>{this.onLoadEndListener&&this.onLoadEndListener(e),e._loadedComponent=r}),Eh(()=>{this.componentLoaders.delete(e)})),s=new DO(i,()=>new Dt).pipe(_w());return this.componentLoaders.set(e,s),s}loadChildren(e,i){if(this.childrenLoaders.get(i))return this.childrenLoaders.get(i);if(i._loadedRoutes)return ze({routes:i._loadedRoutes,injector:i._loadedInjector});this.onLoadStartListener&&this.onLoadStartListener(i);const r=this.loadModuleFactoryOrRoutes(i.loadChildren).pipe(nt(a=>{this.onLoadEndListener&&this.onLoadEndListener(i);let l,c;return Array.isArray(a)?c=a:(l=a.create(e).injector,c=l.get(nu,[],Ye.Self|Ye.Optional).flat()),{routes:c.map(Lw),injector:l}}),Eh(()=>{this.childrenLoaders.delete(i)})),o=new DO(r,()=>new Dt).pipe(_w());return this.childrenLoaders.set(i,o),o}loadModuleFactoryOrRoutes(e){return _a(e()).pipe(nt(y3),Lt(i=>i instanceof h2||Array.isArray(i)?ze(i):dn(this.compiler.compileModuleAsync(i))))}}return n.\u0275fac=function(e){return new(e||n)},n.\u0275prov=me({token:n,factory:n.\u0275fac,providedIn:"root"}),n})();function y3(n){return function are(n){return n&&"object"==typeof n&&"default"in n}(n)?n.default:n}let R_=(()=>{class n{get hasRequestedNavigation(){return 0!==this.navigationId}constructor(){this.currentNavigation=null,this.lastSuccessfulNavigation=null,this.events=new Dt,this.configLoader=we(Rw),this.environmentInjector=we(Dr),this.urlSerializer=we(Ph),this.rootContexts=we(Hh),this.inputBindingEnabled=null!==we(I_,{optional:!0}),this.navigationId=0,this.afterPreactivation=()=>ze(void 0),this.rootComponentType=null,this.configLoader.onLoadEndListener=s=>this.events.next(new tse(s)),this.configLoader.onLoadStartListener=s=>this.events.next(new ese(s))}complete(){this.transitions?.complete()}handleNavigationRequest(e){const i=++this.navigationId;this.transitions?.next({...this.transitions.value,...e,id:i})}setupNavigations(e){return this.transitions=new Me({id:0,currentUrlTree:e.currentUrlTree,currentRawUrl:e.currentUrlTree,extractedUrl:e.urlHandlingStrategy.extract(e.currentUrlTree),urlAfterRedirects:e.urlHandlingStrategy.extract(e.currentUrlTree),rawUrl:e.currentUrlTree,extras:{},resolve:null,reject:null,promise:Promise.resolve(!0),source:Fh,restoredState:null,currentSnapshot:e.routerState.snapshot,targetSnapshot:null,currentRouterState:e.routerState,targetRouterState:null,guards:{canActivateChecks:[],canDeactivateChecks:[]},guardsResult:null}),this.transitions.pipe(vs(i=>0!==i.id),nt(i=>({...i,extractedUrl:e.urlHandlingStrategy.extract(i.rawUrl)})),Gi(i=>{let s=!1,r=!1;return ze(i).pipe(Bi(o=>{this.currentNavigation={id:o.id,initialUrl:o.rawUrl,extractedUrl:o.extractedUrl,trigger:o.source,extras:o.extras,previousNavigation:this.lastSuccessfulNavigation?{...this.lastSuccessfulNavigation,previousNavigation:null}:null}}),Gi(o=>{const a=e.browserUrlTree.toString(),l=!e.navigated||o.extractedUrl.toString()!==a||a!==e.currentUrlTree.toString();if(!l&&"reload"!==(o.extras.onSameUrlNavigation??e.onSameUrlNavigation)){const u="";return this.events.next(new Nh(o.id,e.serializeUrl(i.rawUrl),u,0)),e.rawUrlTree=o.rawUrl,o.resolve(null),un}if(e.urlHandlingStrategy.shouldProcessUrl(o.rawUrl))return v3(o.source)&&(e.browserUrlTree=o.extractedUrl),ze(o).pipe(Gi(u=>{const f=this.transitions?.getValue();return this.events.next(new Tw(u.id,this.urlSerializer.serialize(u.extractedUrl),u.source,u.restoredState)),f!==this.transitions?.getValue()?un:Promise.resolve(u)}),function tre(n,t,e,i,s,r){return Lt(o=>function Jse(n,t,e,i,s,r,o="emptyOnly"){return new Zse(n,t,e,i,s,o,r).recognize()}(n,t,e,i,o.extractedUrl,s,r).pipe(nt(({state:a,tree:l})=>({...o,targetSnapshot:a,urlAfterRedirects:l}))))}(this.environmentInjector,this.configLoader,this.rootComponentType,e.config,this.urlSerializer,e.paramsInheritanceStrategy),Bi(u=>{if(i.targetSnapshot=u.targetSnapshot,i.urlAfterRedirects=u.urlAfterRedirects,this.currentNavigation={...this.currentNavigation,finalUrl:u.urlAfterRedirects},"eager"===e.urlUpdateStrategy){if(!u.extras.skipLocationChange){const p=e.urlHandlingStrategy.merge(u.urlAfterRedirects,u.rawUrl);e.setBrowserUrl(p,u)}e.browserUrlTree=u.urlAfterRedirects}const f=new Kie(u.id,this.urlSerializer.serialize(u.extractedUrl),this.urlSerializer.serialize(u.urlAfterRedirects),u.targetSnapshot);this.events.next(f)}));if(l&&e.urlHandlingStrategy.shouldProcessUrl(e.rawUrlTree)){const{id:u,extractedUrl:f,source:p,restoredState:g,extras:v}=o,M=new Tw(u,this.urlSerializer.serialize(f),p,g);this.events.next(M);const S=JO(0,this.rootComponentType).snapshot;return ze(i={...o,targetSnapshot:S,urlAfterRedirects:f,extras:{...v,skipLocationChange:!1,replaceUrl:!1}})}{const u="";return this.events.next(new Nh(o.id,e.serializeUrl(i.extractedUrl),u,1)),e.rawUrlTree=o.rawUrl,o.resolve(null),un}}),Bi(o=>{const a=new Xie(o.id,this.urlSerializer.serialize(o.extractedUrl),this.urlSerializer.serialize(o.urlAfterRedirects),o.targetSnapshot);this.events.next(a)}),nt(o=>i={...o,guards:bse(o.targetSnapshot,o.currentSnapshot,this.rootContexts)}),function Lse(n,t){return Lt(e=>{const{targetSnapshot:i,currentSnapshot:s,guards:{canActivateChecks:r,canDeactivateChecks:o}}=e;return 0===o.length&&0===r.length?ze({...e,guardsResult:!0}):function Pse(n,t,e,i){return dn(n).pipe(Lt(s=>function Hse(n,t,e,i,s){const r=t&&t.routeConfig?t.routeConfig.canDeactivate:null;return r&&0!==r.length?ze(r.map(a=>{const l=Vh(t)??s,c=Qc(a,l);return _a(function kse(n){return n&&jh(n.canDeactivate)}(c)?c.canDeactivate(n,t,e,i):l.runInContext(()=>c(n,t,e,i))).pipe(vl())})).pipe(eu()):ze(!0)}(s.component,s.route,e,t,i)),vl(s=>!0!==s,!0))}(o,i,s,n).pipe(Lt(a=>a&&function Sse(n){return"boolean"==typeof n}(a)?function Ase(n,t,e,i){return dn(t).pipe(Kc(s=>mw(function Rse(n,t){return null!==n&&t&&t(new nse(n)),ze(!0)}(s.route.parent,i),function Ose(n,t){return null!==n&&t&&t(new sse(n)),ze(!0)}(s.route,i),function Nse(n,t,e){const i=t[t.length-1],r=t.slice(0,t.length-1).reverse().map(o=>function wse(n){const t=n.routeConfig?n.routeConfig.canActivateChild:null;return t&&0!==t.length?{node:n,guards:t}:null}(o)).filter(o=>null!==o).map(o=>CO(()=>ze(o.guards.map(l=>{const c=Vh(o.node)??e,u=Qc(l,c);return _a(function xse(n){return n&&jh(n.canActivateChild)}(u)?u.canActivateChild(i,n):c.runInContext(()=>u(i,n))).pipe(vl())})).pipe(eu())));return ze(r).pipe(eu())}(n,s.path,e),function Fse(n,t,e){const i=t.routeConfig?t.routeConfig.canActivate:null;if(!i||0===i.length)return ze(!0);const s=i.map(r=>CO(()=>{const o=Vh(t)??e,a=Qc(r,o);return _a(function Dse(n){return n&&jh(n.canActivate)}(a)?a.canActivate(t,n):o.runInContext(()=>a(t,n))).pipe(vl())}));return ze(s).pipe(eu())}(n,s.route,e))),vl(s=>!0!==s,!0))}(i,r,n,t):ze(a)),nt(a=>({...e,guardsResult:a})))})}(this.environmentInjector,o=>this.events.next(o)),Bi(o=>{if(i.guardsResult=o.guardsResult,Ml(o.guardsResult))throw n3(0,o.guardsResult);const a=new Jie(o.id,this.urlSerializer.serialize(o.extractedUrl),this.urlSerializer.serialize(o.urlAfterRedirects),o.targetSnapshot,!!o.guardsResult);this.events.next(a)}),vs(o=>!!o.guardsResult||(e.restoreHistory(o),this.cancelNavigationTransition(o,"",3),!1)),Ow(o=>{if(o.guards.canActivateChecks.length)return ze(o).pipe(Bi(a=>{const l=new Zie(a.id,this.urlSerializer.serialize(a.extractedUrl),this.urlSerializer.serialize(a.urlAfterRedirects),a.targetSnapshot);this.events.next(l)}),Gi(a=>{let l=!1;return ze(a).pipe(function nre(n,t){return Lt(e=>{const{targetSnapshot:i,guards:{canActivateChecks:s}}=e;if(!s.length)return ze(e);let r=0;return dn(s).pipe(Kc(o=>function ire(n,t,e,i){const s=n.routeConfig,r=n._resolve;return void 0!==s?.title&&!g3(s)&&(r[Ih]=s.title),function sre(n,t,e,i){const s=function rre(n){return[...Object.keys(n),...Object.getOwnPropertySymbols(n)]}(n);if(0===s.length)return ze({});const r={};return dn(s).pipe(Lt(o=>function ore(n,t,e,i){const s=Vh(t)??i,r=Qc(n,s);return _a(r.resolve?r.resolve(t,e):s.runInContext(()=>r(t,e)))}(n[o],t,e,i).pipe(vl(),Bi(a=>{r[o]=a}))),gw(1),function bie(n){return nt(()=>n)}(r),bl(o=>c3(o)?un:kh(o)))}(r,n,t,i).pipe(nt(o=>(n._resolvedData=o,n.data=ZO(n,e).resolve,s&&g3(s)&&(n.data[Ih]=s.title),null)))}(o.route,i,n,t)),Bi(()=>r++),gw(1),Lt(o=>r===s.length?ze(e):un))})}(e.paramsInheritanceStrategy,this.environmentInjector),Bi({next:()=>l=!0,complete:()=>{l||(e.restoreHistory(a),this.cancelNavigationTransition(a,"",2))}}))}),Bi(a=>{const l=new Qie(a.id,this.urlSerializer.serialize(a.extractedUrl),this.urlSerializer.serialize(a.urlAfterRedirects),a.targetSnapshot);this.events.next(l)}))}),Ow(o=>{const a=l=>{const c=[];l.routeConfig?.loadComponent&&!l.routeConfig._loadedComponent&&c.push(this.configLoader.loadComponent(l.routeConfig).pipe(Bi(u=>{l.component=u}),nt(()=>{})));for(const u of l.children)c.push(...a(u));return c};return pw(a(o.targetSnapshot.root)).pipe(b_(),qc(1))}),Ow(()=>this.afterPreactivation()),nt(o=>{const a=function use(n,t,e){const i=Yh(n,t._root,e?e._root:void 0);return new XO(i,t)}(e.routeReuseStrategy,o.targetSnapshot,o.currentRouterState);return i={...o,targetRouterState:a}}),Bi(o=>{e.currentUrlTree=o.urlAfterRedirects,e.rawUrlTree=e.urlHandlingStrategy.merge(o.urlAfterRedirects,o.rawUrl),e.routerState=o.targetRouterState,"deferred"===e.urlUpdateStrategy&&(o.extras.skipLocationChange||e.setBrowserUrl(e.rawUrlTree,o),e.browserUrlTree=o.urlAfterRedirects)}),((n,t,e,i)=>nt(s=>(new vse(t,s.targetRouterState,s.currentRouterState,e,i).activate(n),s)))(this.rootContexts,e.routeReuseStrategy,o=>this.events.next(o),this.inputBindingEnabled),qc(1),Bi({next:o=>{s=!0,this.lastSuccessfulNavigation=this.currentNavigation,e.navigated=!0,this.events.next(new zr(o.id,this.urlSerializer.serialize(o.extractedUrl),this.urlSerializer.serialize(e.currentUrlTree))),e.titleStrategy?.updateTitle(o.targetRouterState.snapshot),o.resolve(!0)},complete:()=>{s=!0}}),Eh(()=>{s||r||this.cancelNavigationTransition(i,"",1),this.currentNavigation?.id===i.id&&(this.currentNavigation=null)}),bl(o=>{if(r=!0,o3(o)){r3(o)||(e.navigated=!0,e.restoreHistory(i,!0));const a=new x_(i.id,this.urlSerializer.serialize(i.extractedUrl),o.message,o.cancellationCode);if(this.events.next(a),r3(o)){const l=e.urlHandlingStrategy.merge(o.url,e.rawUrlTree),c={skipLocationChange:i.extras.skipLocationChange,replaceUrl:"eager"===e.urlUpdateStrategy||v3(i.source)};e.scheduleNavigation(l,Fh,null,c,{resolve:i.resolve,reject:i.reject,promise:i.promise})}else i.resolve(!1)}else{e.restoreHistory(i,!0);const a=new Sw(i.id,this.urlSerializer.serialize(i.extractedUrl),o,i.targetSnapshot??void 0);this.events.next(a);try{i.resolve(e.errorHandler(o))}catch(l){i.reject(l)}}return un}))}))}cancelNavigationTransition(e,i,s){const r=new x_(e.id,this.urlSerializer.serialize(e.extractedUrl),i,s);this.events.next(r),e.resolve(!1)}}return n.\u0275fac=function(e){return new(e||n)},n.\u0275prov=me({token:n,factory:n.\u0275fac,providedIn:"root"}),n})();function v3(n){return n!==Fh}let b3=(()=>{class n{buildTitle(e){let i,s=e.root;for(;void 0!==s;)i=this.getResolvedTitleForRoute(s)??i,s=s.children.find(r=>r.outlet===st);return i}getResolvedTitleForRoute(e){return e.data[Ih]}}return n.\u0275fac=function(e){return new(e||n)},n.\u0275prov=me({token:n,factory:function(){return we(lre)},providedIn:"root"}),n})(),lre=(()=>{class n extends b3{constructor(e){super(),this.title=e}updateTitle(e){const i=this.buildTitle(e);void 0!==i&&this.title.setTitle(i)}}return n.\u0275fac=function(e){return new(e||n)(ye(xE))},n.\u0275prov=me({token:n,factory:n.\u0275fac,providedIn:"root"}),n})(),cre=(()=>{class n{}return n.\u0275fac=function(e){return new(e||n)},n.\u0275prov=me({token:n,factory:function(){return we(dre)},providedIn:"root"}),n})();class ure{shouldDetach(t){return!1}store(t,e){}shouldAttach(t){return!1}retrieve(t){return null}shouldReuseRoute(t,e){return t.routeConfig===e.routeConfig}}let dre=(()=>{class n extends ure{}return n.\u0275fac=function(){let t;return function(i){return(t||(t=ft(n)))(i||n)}}(),n.\u0275prov=me({token:n,factory:n.\u0275fac,providedIn:"root"}),n})();const F_=new Se("",{providedIn:"root",factory:()=>({})});let hre=(()=>{class n{}return n.\u0275fac=function(e){return new(e||n)},n.\u0275prov=me({token:n,factory:function(){return we(fre)},providedIn:"root"}),n})(),fre=(()=>{class n{shouldProcessUrl(e){return!0}extract(e){return e}merge(e,i){return e}}return n.\u0275fac=function(e){return new(e||n)},n.\u0275prov=me({token:n,factory:n.\u0275fac,providedIn:"root"}),n})();var bs=(()=>((bs=bs||{})[bs.COMPLETE=0]="COMPLETE",bs[bs.FAILED=1]="FAILED",bs[bs.REDIRECTING=2]="REDIRECTING",bs))();function w3(n,t){n.events.pipe(vs(e=>e instanceof zr||e instanceof x_||e instanceof Sw||e instanceof Nh),nt(e=>e instanceof zr||e instanceof Nh?bs.COMPLETE:e instanceof x_&&(0===e.code||1===e.code)?bs.REDIRECTING:bs.FAILED),vs(e=>e!==bs.REDIRECTING),qc(1)).subscribe(()=>{t()})}function pre(n){throw n}function mre(n,t,e){return t.parse("/")}const _re={paths:"exact",fragment:"ignored",matrixParams:"ignored",queryParams:"exact"},gre={paths:"subset",fragment:"ignored",matrixParams:"ignored",queryParams:"subset"};let zi=(()=>{class n{get navigationId(){return this.navigationTransitions.navigationId}get browserPageId(){if("computed"===this.canceledNavigationResolution)return this.location.getState()?.\u0275routerPageId}get events(){return this.navigationTransitions.events}constructor(){this.disposed=!1,this.currentPageId=0,this.console=we(ik),this.isNgZoneEnabled=!1,this.options=we(F_,{optional:!0})||{},this.pendingTasks=we(em),this.errorHandler=this.options.errorHandler||pre,this.malformedUriErrorHandler=this.options.malformedUriErrorHandler||mre,this.navigated=!1,this.lastSuccessfulId=-1,this.urlHandlingStrategy=we(hre),this.routeReuseStrategy=we(cre),this.titleStrategy=we(b3),this.onSameUrlNavigation=this.options.onSameUrlNavigation||"ignore",this.paramsInheritanceStrategy=this.options.paramsInheritanceStrategy||"emptyOnly",this.urlUpdateStrategy=this.options.urlUpdateStrategy||"deferred",this.canceledNavigationResolution=this.options.canceledNavigationResolution||"replace",this.config=we(nu,{optional:!0})?.flat()??[],this.navigationTransitions=we(R_),this.urlSerializer=we(Ph),this.location=we(Vv),this.componentInputBindingEnabled=!!we(I_,{optional:!0}),this.isNgZoneEnabled=we(Ct)instanceof Ct&&Ct.isInAngularZone(),this.resetConfig(this.config),this.currentUrlTree=new Jc,this.rawUrlTree=this.currentUrlTree,this.browserUrlTree=this.currentUrlTree,this.routerState=JO(0,null),this.navigationTransitions.setupNavigations(this).subscribe(e=>{this.lastSuccessfulId=e.id,this.currentPageId=this.browserPageId??0},e=>{this.console.warn(`Unhandled Navigation Error: ${e}`)})}resetRootComponentType(e){this.routerState.root.component=e,this.navigationTransitions.rootComponentType=e}initialNavigation(){if(this.setUpLocationChangeListener(),!this.navigationTransitions.hasRequestedNavigation){const e=this.location.getState();this.navigateToSyncWithBrowser(this.location.path(!0),Fh,e)}}setUpLocationChangeListener(){this.locationSubscription||(this.locationSubscription=this.location.subscribe(e=>{const i="popstate"===e.type?"popstate":"hashchange";"popstate"===i&&setTimeout(()=>{this.navigateToSyncWithBrowser(e.url,i,e.state)},0)}))}navigateToSyncWithBrowser(e,i,s){const r={replaceUrl:!0},o=s?.navigationId?s:null;if(s){const l={...s};delete l.navigationId,delete l.\u0275routerPageId,0!==Object.keys(l).length&&(r.state=l)}const a=this.parseUrl(e);this.scheduleNavigation(a,i,o,r)}get url(){return this.serializeUrl(this.currentUrlTree)}getCurrentNavigation(){return this.navigationTransitions.currentNavigation}get lastSuccessfulNavigation(){return this.navigationTransitions.lastSuccessfulNavigation}resetConfig(e){this.config=e.map(Lw),this.navigated=!1,this.lastSuccessfulId=-1}ngOnDestroy(){this.dispose()}dispose(){this.navigationTransitions.complete(),this.locationSubscription&&(this.locationSubscription.unsubscribe(),this.locationSubscription=void 0),this.disposed=!0}createUrlTree(e,i={}){const{relativeTo:s,queryParams:r,fragment:o,queryParamsHandling:a,preserveFragment:l}=i,c=l?this.currentUrlTree.fragment:o;let f,u=null;switch(a){case"merge":u={...this.currentUrlTree.queryParams,...r};break;case"preserve":u=this.currentUrlTree.queryParams;break;default:u=r||null}null!==u&&(u=this.removeEmptyProps(u));try{f=BO(s?s.snapshot:this.routerState.snapshot.root)}catch{("string"!=typeof e[0]||!e[0].startsWith("/"))&&(e=[]),f=this.currentUrlTree.root}return zO(f,e,u,c??null)}navigateByUrl(e,i={skipLocationChange:!1}){const s=Ml(e)?e:this.parseUrl(e),r=this.urlHandlingStrategy.merge(s,this.rawUrlTree);return this.scheduleNavigation(r,Fh,null,i)}navigate(e,i={skipLocationChange:!1}){return function yre(n){for(let t=0;t{const r=e[s];return null!=r&&(i[s]=r),i},{})}scheduleNavigation(e,i,s,r,o){if(this.disposed)return Promise.resolve(!1);let a,l,c;o?(a=o.resolve,l=o.reject,c=o.promise):c=new Promise((f,p)=>{a=f,l=p});const u=this.pendingTasks.add();return w3(this,()=>{queueMicrotask(()=>this.pendingTasks.remove(u))}),this.navigationTransitions.handleNavigationRequest({source:i,restoredState:s,currentUrlTree:this.currentUrlTree,currentRawUrl:this.currentUrlTree,rawUrl:e,extras:r,resolve:a,reject:l,promise:c,currentSnapshot:this.routerState.snapshot,currentRouterState:this.routerState}),c.catch(f=>Promise.reject(f))}setBrowserUrl(e,i){const s=this.urlSerializer.serialize(e);if(this.location.isCurrentPathEqualTo(s)||i.extras.replaceUrl){const o={...i.extras.state,...this.generateNgRouterState(i.id,this.browserPageId)};this.location.replaceState(s,"",o)}else{const r={...i.extras.state,...this.generateNgRouterState(i.id,(this.browserPageId??0)+1)};this.location.go(s,"",r)}}restoreHistory(e,i=!1){if("computed"===this.canceledNavigationResolution){const r=this.currentPageId-(this.browserPageId??this.currentPageId);0!==r?this.location.historyGo(r):this.currentUrlTree===this.getCurrentNavigation()?.finalUrl&&0===r&&(this.resetState(e),this.browserUrlTree=e.currentUrlTree,this.resetUrlToCurrentUrlTree())}else"replace"===this.canceledNavigationResolution&&(i&&this.resetState(e),this.resetUrlToCurrentUrlTree())}resetState(e){this.routerState=e.currentRouterState,this.currentUrlTree=e.currentUrlTree,this.rawUrlTree=this.urlHandlingStrategy.merge(this.currentUrlTree,e.rawUrl)}resetUrlToCurrentUrlTree(){this.location.replaceState(this.urlSerializer.serialize(this.rawUrlTree),"",this.generateNgRouterState(this.lastSuccessfulId,this.currentPageId))}generateNgRouterState(e,i){return"computed"===this.canceledNavigationResolution?{navigationId:e,\u0275routerPageId:i}:{navigationId:e}}}return n.\u0275fac=function(e){return new(e||n)},n.\u0275prov=me({token:n,factory:n.\u0275fac,providedIn:"root"}),n})(),Tl=(()=>{class n{constructor(e,i,s,r,o,a){this.router=e,this.route=i,this.tabIndexAttribute=s,this.renderer=r,this.el=o,this.locationStrategy=a,this.href=null,this.commands=null,this.onChanges=new Dt,this.preserveFragment=!1,this.skipLocationChange=!1,this.replaceUrl=!1;const l=o.nativeElement.tagName?.toLowerCase();this.isAnchorElement="a"===l||"area"===l,this.isAnchorElement?this.subscription=e.events.subscribe(c=>{c instanceof zr&&this.updateHref()}):this.setTabIndexIfNotOnNativeEl("0")}setTabIndexIfNotOnNativeEl(e){null!=this.tabIndexAttribute||this.isAnchorElement||this.applyAttributeValue("tabindex",e)}ngOnChanges(e){this.isAnchorElement&&this.updateHref(),this.onChanges.next(this)}set routerLink(e){null!=e?(this.commands=Array.isArray(e)?e:[e],this.setTabIndexIfNotOnNativeEl("0")):(this.commands=null,this.setTabIndexIfNotOnNativeEl(null))}onClick(e,i,s,r,o){return!!(null===this.urlTree||this.isAnchorElement&&(0!==e||i||s||r||o||"string"==typeof this.target&&"_self"!=this.target))||(this.router.navigateByUrl(this.urlTree,{skipLocationChange:this.skipLocationChange,replaceUrl:this.replaceUrl,state:this.state}),!this.isAnchorElement)}ngOnDestroy(){this.subscription?.unsubscribe()}updateHref(){this.href=null!==this.urlTree&&this.locationStrategy?this.locationStrategy?.prepareExternalUrl(this.router.serializeUrl(this.urlTree)):null;const e=null===this.href?null:function vC(n,t,e){return function K7(n,t){return"src"===t&&("embed"===n||"frame"===n||"iframe"===n||"media"===n||"script"===n)||"href"===t&&("base"===n||"link"===n)?yC:r0}(t,e)(n)}(this.href,this.el.nativeElement.tagName.toLowerCase(),"href");this.applyAttributeValue("href",e)}applyAttributeValue(e,i){const s=this.renderer,r=this.el.nativeElement;null!==i?s.setAttribute(r,e,i):s.removeAttribute(r,e)}get urlTree(){return null===this.commands?null:this.router.createUrlTree(this.commands,{relativeTo:void 0!==this.relativeTo?this.relativeTo:this.route,queryParams:this.queryParams,fragment:this.fragment,queryParamsHandling:this.queryParamsHandling,preserveFragment:this.preserveFragment})}}return n.\u0275fac=function(e){return new(e||n)(W(zi),W(jr),function ap(n){return function gF(n,t){if("class"===t)return n.classes;if("style"===t)return n.styles;const e=n.attrs;if(e){const i=e.length;let s=0;for(;s{class n{get isActive(){return this._isActive}constructor(e,i,s,r,o){this.router=e,this.element=i,this.renderer=s,this.cdr=r,this.link=o,this.classes=[],this._isActive=!1,this.routerLinkActiveOptions={exact:!1},this.isActiveChange=new ce,this.routerEventsSubscription=e.events.subscribe(a=>{a instanceof zr&&this.update()})}ngAfterContentInit(){ze(this.links.changes,ze(null)).pipe(jt()).subscribe(e=>{this.update(),this.subscribeToEachLinkOnChanges()})}subscribeToEachLinkOnChanges(){this.linkInputChangesSubscription?.unsubscribe();const e=[...this.links.toArray(),this.link].filter(i=>!!i).map(i=>i.onChanges);this.linkInputChangesSubscription=dn(e).pipe(jt()).subscribe(i=>{this._isActive!==this.isLinkActive(this.router)(i)&&this.update()})}set routerLinkActive(e){const i=Array.isArray(e)?e:e.split(" ");this.classes=i.filter(s=>!!s)}ngOnChanges(e){this.update()}ngOnDestroy(){this.routerEventsSubscription.unsubscribe(),this.linkInputChangesSubscription?.unsubscribe()}update(){!this.links||!this.router.navigated||queueMicrotask(()=>{const e=this.hasActiveLinks();this._isActive!==e&&(this._isActive=e,this.cdr.markForCheck(),this.classes.forEach(i=>{e?this.renderer.addClass(this.element.nativeElement,i):this.renderer.removeClass(this.element.nativeElement,i)}),e&&void 0!==this.ariaCurrentWhenActive?this.renderer.setAttribute(this.element.nativeElement,"aria-current",this.ariaCurrentWhenActive.toString()):this.renderer.removeAttribute(this.element.nativeElement,"aria-current"),this.isActiveChange.emit(e))})}isLinkActive(e){const i=function vre(n){return!!n.paths}(this.routerLinkActiveOptions)?this.routerLinkActiveOptions:this.routerLinkActiveOptions.exact||!1;return s=>!!s.urlTree&&e.isActive(s.urlTree,i)}hasActiveLinks(){const e=this.isLinkActive(this.router);return this.link&&e(this.link)||this.links.some(e)}}return n.\u0275fac=function(e){return new(e||n)(W(zi),W(Gt),W(oi),W(ti),W(Tl,8))},n.\u0275dir=Ae({type:n,selectors:[["","routerLinkActive",""]],contentQueries:function(e,i,s){if(1&e&&ir(s,Tl,5),2&e){let r;rt(r=ot())&&(i.links=r)}},inputs:{routerLinkActiveOptions:"routerLinkActiveOptions",ariaCurrentWhenActive:"ariaCurrentWhenActive",routerLinkActive:"routerLinkActive"},outputs:{isActiveChange:"isActiveChange"},exportAs:["routerLinkActive"],standalone:!0,features:[In]}),n})();class T3{}let bre=(()=>{class n{constructor(e,i,s,r,o){this.router=e,this.injector=s,this.preloadingStrategy=r,this.loader=o}setUpPreloading(){this.subscription=this.router.events.pipe(vs(e=>e instanceof zr),Kc(()=>this.preload())).subscribe(()=>{})}preload(){return this.processRoutes(this.injector,this.router.config)}ngOnDestroy(){this.subscription&&this.subscription.unsubscribe()}processRoutes(e,i){const s=[];for(const r of i){r.providers&&!r._injector&&(r._injector=rv(r.providers,e,`Route: ${r.path}`));const o=r._injector??e,a=r._loadedInjector??o;(r.loadChildren&&!r._loadedRoutes&&void 0===r.canLoad||r.loadComponent&&!r._loadedComponent)&&s.push(this.preloadConfig(o,r)),(r.children||r._loadedRoutes)&&s.push(this.processRoutes(a,r.children??r._loadedRoutes))}return dn(s).pipe(jt())}preloadConfig(e,i){return this.preloadingStrategy.preload(i,()=>{let s;s=i.loadChildren&&void 0===i.canLoad?this.loader.loadChildren(e,i):ze(null);const r=s.pipe(Lt(o=>null===o?ze(void 0):(i._loadedRoutes=o.routes,i._loadedInjector=o.injector,this.processRoutes(o.injector??e,o.routes))));return i.loadComponent&&!i._loadedComponent?dn([r,this.loader.loadComponent(i)]).pipe(jt()):r})}}return n.\u0275fac=function(e){return new(e||n)(ye(zi),ye(sk),ye(Dr),ye(T3),ye(Rw))},n.\u0275prov=me({token:n,factory:n.\u0275fac,providedIn:"root"}),n})();const Fw=new Se("");let S3=(()=>{class n{constructor(e,i,s,r,o={}){this.urlSerializer=e,this.transitions=i,this.viewportScroller=s,this.zone=r,this.options=o,this.lastId=0,this.lastSource="imperative",this.restoredId=0,this.store={},o.scrollPositionRestoration=o.scrollPositionRestoration||"disabled",o.anchorScrolling=o.anchorScrolling||"disabled"}init(){"disabled"!==this.options.scrollPositionRestoration&&this.viewportScroller.setHistoryScrollRestoration("manual"),this.routerEventsSubscription=this.createScrollEvents(),this.scrollEventsSubscription=this.consumeScrollEvents()}createScrollEvents(){return this.transitions.events.subscribe(e=>{e instanceof Tw?(this.store[this.lastId]=this.viewportScroller.getScrollPosition(),this.lastSource=e.navigationTrigger,this.restoredId=e.restoredState?e.restoredState.navigationId:0):e instanceof zr?(this.lastId=e.id,this.scheduleScrollEvent(e,this.urlSerializer.parse(e.urlAfterRedirects).fragment)):e instanceof Nh&&0===e.code&&(this.lastSource=void 0,this.restoredId=0,this.scheduleScrollEvent(e,this.urlSerializer.parse(e.url).fragment))})}consumeScrollEvents(){return this.transitions.events.subscribe(e=>{e instanceof qO&&(e.position?"top"===this.options.scrollPositionRestoration?this.viewportScroller.scrollToPosition([0,0]):"enabled"===this.options.scrollPositionRestoration&&this.viewportScroller.scrollToPosition(e.position):e.anchor&&"enabled"===this.options.anchorScrolling?this.viewportScroller.scrollToAnchor(e.anchor):"disabled"!==this.options.scrollPositionRestoration&&this.viewportScroller.scrollToPosition([0,0]))})}scheduleScrollEvent(e,i){this.zone.runOutsideAngular(()=>{setTimeout(()=>{this.zone.run(()=>{this.transitions.events.next(new qO(e,"popstate"===this.lastSource?this.store[this.restoredId]:null,i))})},0)})}ngOnDestroy(){this.routerEventsSubscription?.unsubscribe(),this.scrollEventsSubscription?.unsubscribe()}}return n.\u0275fac=function(e){!function nD(){throw new Error("invalid")}()},n.\u0275prov=me({token:n,factory:n.\u0275fac}),n})();function xo(n,t){return{\u0275kind:n,\u0275providers:t}}function D3(){const n=we(Ps);return t=>{const e=n.get(Za);if(t!==e.components[0])return;const i=n.get(zi),s=n.get(x3);1===n.get(Nw)&&i.initialNavigation(),n.get(k3,null,Ye.Optional)?.setUpPreloading(),n.get(Fw,null,Ye.Optional)?.init(),i.resetRootComponentType(e.componentTypes[0]),s.closed||(s.next(),s.complete(),s.unsubscribe())}}const x3=new Se("",{factory:()=>new Dt}),Nw=new Se("",{providedIn:"root",factory:()=>1}),k3=new Se("");function Sre(n){return xo(0,[{provide:k3,useExisting:bre},{provide:T3,useExisting:n}])}const E3=new Se("ROUTER_FORROOT_GUARD"),Dre=[Vv,{provide:Ph,useClass:yw},zi,Hh,{provide:jr,useFactory:function C3(n){return n.routerState.root},deps:[zi]},Rw,[]];function xre(){return new mk("Router",zi)}let Hw=(()=>{class n{constructor(e){}static forRoot(e,i){return{ngModule:n,providers:[Dre,[],{provide:nu,multi:!0,useValue:e},{provide:E3,useFactory:Lre,deps:[[zi,new up,new dp]]},{provide:F_,useValue:i||{}},i?.useHash?{provide:ta,useClass:Wk}:{provide:ta,useClass:jk},{provide:Fw,useFactory:()=>{const n=we(pY),t=we(Ct),e=we(F_),i=we(R_),s=we(Ph);return e.scrollOffset&&n.setOffset(e.scrollOffset),new S3(s,i,n,t,e)}},i?.preloadingStrategy?Sre(i.preloadingStrategy).\u0275providers:[],{provide:mk,multi:!0,useFactory:xre},i?.initialNavigation?Pre(i):[],i?.bindToComponentInputs?xo(8,[t3,{provide:I_,useExisting:t3}]).\u0275providers:[],[{provide:I3,useFactory:D3},{provide:Ev,multi:!0,useExisting:I3}]]}}static forChild(e){return{ngModule:n,providers:[{provide:nu,multi:!0,useValue:e}]}}}return n.\u0275fac=function(e){return new(e||n)(ye(E3,8))},n.\u0275mod=pt({type:n}),n.\u0275inj=ht({}),n})();function Lre(n){return"guarded"}function Pre(n){return["disabled"===n.initialNavigation?xo(3,[{provide:wv,multi:!0,useFactory:()=>{const t=we(zi);return()=>{t.setUpLocationChangeListener()}}},{provide:Nw,useValue:2}]).\u0275providers:[],"enabledBlocking"===n.initialNavigation?xo(2,[{provide:Nw,useValue:0},{provide:wv,multi:!0,deps:[Ps],useFactory:t=>{const e=t.get(Z9,Promise.resolve());return()=>e.then(()=>new Promise(i=>{const s=t.get(zi),r=t.get(x3);w3(s,()=>{i(!0)}),t.get(R_).afterPreactivation=()=>(i(!0),r.closed?ze(void 0):r),s.initialNavigation()}))}}]).\u0275providers:[]]}const I3=new Se(""),L3={now:()=>(L3.delegate||Date).now(),delegate:void 0};class Ore extends Dt{constructor(t=1/0,e=1/0,i=L3){super(),this._bufferSize=t,this._windowTime=e,this._timestampProvider=i,this._buffer=[],this._infiniteTimeWindow=!0,this._infiniteTimeWindow=e===1/0,this._bufferSize=Math.max(1,t),this._windowTime=Math.max(1,e)}next(t){const{isStopped:e,_buffer:i,_infiniteTimeWindow:s,_timestampProvider:r,_windowTime:o}=this;e||(i.push(t),!s&&i.push(r.now()+o)),this._trimBuffer(),super.next(t)}_subscribe(t){this._throwIfClosed(),this._trimBuffer();const e=this._innerSubscribe(t),{_infiniteTimeWindow:i,_buffer:s}=this,r=s.slice();for(let o=0;onew Ore(i,t,e),resetOnError:!0,resetOnComplete:!1,resetOnRefCountZero:s})}class pr{static transform(t){return this._this.transform(t)}transform(t){if(null==t||t<0)return"0";let i=Math.floor(Math.log10(t)/3);i<0&&(i=0);const s=t/Math.pow(1e3,i),r=[" H/s"," KH/s"," MH/s"," GH/s"," TH/s"," PH/s"," EH/s"][i];return s.toFixed(1)+r}}pr._this=new pr,pr.\u0275fac=function(t){return new(t||pr)},pr.\u0275pipe=Rn({name:"hashSuffix",type:pr,pure:!0});const iu_API_URL="http://public-pool.airdns.org:40557";class N_{}class H_{}class Wr{constructor(t){this.normalizedNames=new Map,this.lazyUpdate=null,t?"string"==typeof t?this.lazyInit=()=>{this.headers=new Map,t.split("\n").forEach(e=>{const i=e.indexOf(":");if(i>0){const s=e.slice(0,i),r=s.toLowerCase(),o=e.slice(i+1).trim();this.maybeSetNormalizedName(s,r),this.headers.has(r)?this.headers.get(r).push(o):this.headers.set(r,[o])}})}:typeof Headers<"u"&&t instanceof Headers?(this.headers=new Map,t.forEach((e,i)=>{this.setHeaderEntries(i,e)})):this.lazyInit=()=>{this.headers=new Map,Object.entries(t).forEach(([e,i])=>{this.setHeaderEntries(e,i)})}:this.headers=new Map}has(t){return this.init(),this.headers.has(t.toLowerCase())}get(t){this.init();const e=this.headers.get(t.toLowerCase());return e&&e.length>0?e[0]:null}keys(){return this.init(),Array.from(this.normalizedNames.values())}getAll(t){return this.init(),this.headers.get(t.toLowerCase())||null}append(t,e){return this.clone({name:t,value:e,op:"a"})}set(t,e){return this.clone({name:t,value:e,op:"s"})}delete(t,e){return this.clone({name:t,value:e,op:"d"})}maybeSetNormalizedName(t,e){this.normalizedNames.has(e)||this.normalizedNames.set(e,t)}init(){this.lazyInit&&(this.lazyInit instanceof Wr?this.copyFrom(this.lazyInit):this.lazyInit(),this.lazyInit=null,this.lazyUpdate&&(this.lazyUpdate.forEach(t=>this.applyUpdate(t)),this.lazyUpdate=null))}copyFrom(t){t.init(),Array.from(t.headers.keys()).forEach(e=>{this.headers.set(e,t.headers.get(e)),this.normalizedNames.set(e,t.normalizedNames.get(e))})}clone(t){const e=new Wr;return e.lazyInit=this.lazyInit&&this.lazyInit instanceof Wr?this.lazyInit:this,e.lazyUpdate=(this.lazyUpdate||[]).concat([t]),e}applyUpdate(t){const e=t.name.toLowerCase();switch(t.op){case"a":case"s":let i=t.value;if("string"==typeof i&&(i=[i]),0===i.length)return;this.maybeSetNormalizedName(t.name,e);const s=("a"===t.op?this.headers.get(e):void 0)||[];s.push(...i),this.headers.set(e,s);break;case"d":const r=t.value;if(r){let o=this.headers.get(e);if(!o)return;o=o.filter(a=>-1===r.indexOf(a)),0===o.length?(this.headers.delete(e),this.normalizedNames.delete(e)):this.headers.set(e,o)}else this.headers.delete(e),this.normalizedNames.delete(e)}}setHeaderEntries(t,e){const i=(Array.isArray(e)?e:[e]).map(r=>r.toString()),s=t.toLowerCase();this.headers.set(s,i),this.maybeSetNormalizedName(t,s)}forEach(t){this.init(),Array.from(this.normalizedNames.keys()).forEach(e=>t(this.normalizedNames.get(e),this.headers.get(e)))}}class Rre{encodeKey(t){return P3(t)}encodeValue(t){return P3(t)}decodeKey(t){return decodeURIComponent(t)}decodeValue(t){return decodeURIComponent(t)}}const Nre=/%(\d[a-f0-9])/gi,Hre={40:"@","3A":":",24:"$","2C":",","3B":";","3D":"=","3F":"?","2F":"/"};function P3(n){return encodeURIComponent(n).replace(Nre,(t,e)=>Hre[e]??t)}function Y_(n){return`${n}`}class ga{constructor(t={}){if(this.updates=null,this.cloneFrom=null,this.encoder=t.encoder||new Rre,t.fromString){if(t.fromObject)throw new Error("Cannot specify both fromString and fromObject.");this.map=function Fre(n,t){const e=new Map;return n.length>0&&n.replace(/^\?/,"").split("&").forEach(s=>{const r=s.indexOf("="),[o,a]=-1==r?[t.decodeKey(s),""]:[t.decodeKey(s.slice(0,r)),t.decodeValue(s.slice(r+1))],l=e.get(o)||[];l.push(a),e.set(o,l)}),e}(t.fromString,this.encoder)}else t.fromObject?(this.map=new Map,Object.keys(t.fromObject).forEach(e=>{const i=t.fromObject[e],s=Array.isArray(i)?i.map(Y_):[Y_(i)];this.map.set(e,s)})):this.map=null}has(t){return this.init(),this.map.has(t)}get(t){this.init();const e=this.map.get(t);return e?e[0]:null}getAll(t){return this.init(),this.map.get(t)||null}keys(){return this.init(),Array.from(this.map.keys())}append(t,e){return this.clone({param:t,value:e,op:"a"})}appendAll(t){const e=[];return Object.keys(t).forEach(i=>{const s=t[i];Array.isArray(s)?s.forEach(r=>{e.push({param:i,value:r,op:"a"})}):e.push({param:i,value:s,op:"a"})}),this.clone(e)}set(t,e){return this.clone({param:t,value:e,op:"s"})}delete(t,e){return this.clone({param:t,value:e,op:"d"})}toString(){return this.init(),this.keys().map(t=>{const e=this.encoder.encodeKey(t);return this.map.get(t).map(i=>e+"="+this.encoder.encodeValue(i)).join("&")}).filter(t=>""!==t).join("&")}clone(t){const e=new ga({encoder:this.encoder});return e.cloneFrom=this.cloneFrom||this,e.updates=(this.updates||[]).concat(t),e}init(){null===this.map&&(this.map=new Map),null!==this.cloneFrom&&(this.cloneFrom.init(),this.cloneFrom.keys().forEach(t=>this.map.set(t,this.cloneFrom.map.get(t))),this.updates.forEach(t=>{switch(t.op){case"a":case"s":const e=("a"===t.op?this.map.get(t.param):void 0)||[];e.push(Y_(t.value)),this.map.set(t.param,e);break;case"d":if(void 0===t.value){this.map.delete(t.param);break}{let i=this.map.get(t.param)||[];const s=i.indexOf(Y_(t.value));-1!==s&&i.splice(s,1),i.length>0?this.map.set(t.param,i):this.map.delete(t.param)}}}),this.cloneFrom=this.updates=null)}}class Yre{constructor(){this.map=new Map}set(t,e){return this.map.set(t,e),this}get(t){return this.map.has(t)||this.map.set(t,t.defaultValue()),this.map.get(t)}delete(t){return this.map.delete(t),this}has(t){return this.map.has(t)}keys(){return this.map.keys()}}function A3(n){return typeof ArrayBuffer<"u"&&n instanceof ArrayBuffer}function O3(n){return typeof Blob<"u"&&n instanceof Blob}function R3(n){return typeof FormData<"u"&&n instanceof FormData}class Uh{constructor(t,e,i,s){let r;if(this.url=e,this.body=null,this.reportProgress=!1,this.withCredentials=!1,this.responseType="json",this.method=t.toUpperCase(),function Vre(n){switch(n){case"DELETE":case"GET":case"HEAD":case"OPTIONS":case"JSONP":return!1;default:return!0}}(this.method)||s?(this.body=void 0!==i?i:null,r=s):r=i,r&&(this.reportProgress=!!r.reportProgress,this.withCredentials=!!r.withCredentials,r.responseType&&(this.responseType=r.responseType),r.headers&&(this.headers=r.headers),r.context&&(this.context=r.context),r.params&&(this.params=r.params)),this.headers||(this.headers=new Wr),this.context||(this.context=new Yre),this.params){const o=this.params.toString();if(0===o.length)this.urlWithParams=e;else{const a=e.indexOf("?");this.urlWithParams=e+(-1===a?"?":af.set(p,t.setHeaders[p]),l)),t.setParams&&(c=Object.keys(t.setParams).reduce((f,p)=>f.set(p,t.setParams[p]),c)),new Uh(e,i,r,{params:c,headers:l,context:u,reportProgress:a,responseType:s,withCredentials:o})}}var zn=(()=>((zn=zn||{})[zn.Sent=0]="Sent",zn[zn.UploadProgress=1]="UploadProgress",zn[zn.ResponseHeader=2]="ResponseHeader",zn[zn.DownloadProgress=3]="DownloadProgress",zn[zn.Response=4]="Response",zn[zn.User=5]="User",zn))();class Yw{constructor(t,e=200,i="OK"){this.headers=t.headers||new Wr,this.status=void 0!==t.status?t.status:e,this.statusText=t.statusText||i,this.url=t.url||null,this.ok=this.status>=200&&this.status<300}}class Vw extends Yw{constructor(t={}){super(t),this.type=zn.ResponseHeader}clone(t={}){return new Vw({headers:t.headers||this.headers,status:void 0!==t.status?t.status:this.status,statusText:t.statusText||this.statusText,url:t.url||this.url||void 0})}}class su extends Yw{constructor(t={}){super(t),this.type=zn.Response,this.body=void 0!==t.body?t.body:null}clone(t={}){return new su({body:void 0!==t.body?t.body:this.body,headers:t.headers||this.headers,status:void 0!==t.status?t.status:this.status,statusText:t.statusText||this.statusText,url:t.url||this.url||void 0})}}class F3 extends Yw{constructor(t){super(t,0,"Unknown Error"),this.name="HttpErrorResponse",this.ok=!1,this.message=this.status>=200&&this.status<300?`Http failure during parsing for ${t.url||"(unknown url)"}`:`Http failure response for ${t.url||"(unknown url)"}: ${t.status} ${t.statusText}`,this.error=t.error||null}}function Bw(n,t){return{body:t,headers:n.headers,context:n.context,observe:n.observe,params:n.params,reportProgress:n.reportProgress,responseType:n.responseType,withCredentials:n.withCredentials}}let V_=(()=>{class n{constructor(e){this.handler=e}request(e,i,s={}){let r;if(e instanceof Uh)r=e;else{let l,c;l=s.headers instanceof Wr?s.headers:new Wr(s.headers),s.params&&(c=s.params instanceof ga?s.params:new ga({fromObject:s.params})),r=new Uh(e,i,void 0!==s.body?s.body:null,{headers:l,context:s.context,params:c,reportProgress:s.reportProgress,responseType:s.responseType||"json",withCredentials:s.withCredentials})}const o=ze(r).pipe(Kc(l=>this.handler.handle(l)));if(e instanceof Uh||"events"===s.observe)return o;const a=o.pipe(vs(l=>l instanceof su));switch(s.observe||"body"){case"body":switch(r.responseType){case"arraybuffer":return a.pipe(nt(l=>{if(null!==l.body&&!(l.body instanceof ArrayBuffer))throw new Error("Response is not an ArrayBuffer.");return l.body}));case"blob":return a.pipe(nt(l=>{if(null!==l.body&&!(l.body instanceof Blob))throw new Error("Response is not a Blob.");return l.body}));case"text":return a.pipe(nt(l=>{if(null!==l.body&&"string"!=typeof l.body)throw new Error("Response is not a string.");return l.body}));default:return a.pipe(nt(l=>l.body))}case"response":return a;default:throw new Error(`Unreachable: unhandled observe type ${s.observe}}`)}}delete(e,i={}){return this.request("DELETE",e,i)}get(e,i={}){return this.request("GET",e,i)}head(e,i={}){return this.request("HEAD",e,i)}jsonp(e,i){return this.request("JSONP",e,{params:(new ga).append(i,"JSONP_CALLBACK"),observe:"body",responseType:"json"})}options(e,i={}){return this.request("OPTIONS",e,i)}patch(e,i,s={}){return this.request("PATCH",e,Bw(s,i))}post(e,i,s={}){return this.request("POST",e,Bw(s,i))}put(e,i,s={}){return this.request("PUT",e,Bw(s,i))}}return n.\u0275fac=function(e){return new(e||n)(ye(N_))},n.\u0275prov=me({token:n,factory:n.\u0275fac}),n})();function Y3(n,t){return t(n)}function jre(n,t){return(e,i)=>t.intercept(e,{handle:s=>n(s,i)})}const Ure=new Se(""),Gh=new Se(""),V3=new Se("");function Gre(){let n=null;return(t,e)=>{null===n&&(n=(we(Ure,{optional:!0})??[]).reduceRight(jre,Y3));const i=we(em),s=i.add();return n(t,e).pipe(Eh(()=>i.remove(s)))}}let B3=(()=>{class n extends N_{constructor(e,i){super(),this.backend=e,this.injector=i,this.chain=null,this.pendingTasks=we(em)}handle(e){if(null===this.chain){const s=Array.from(new Set([...this.injector.get(Gh),...this.injector.get(V3,[])]));this.chain=s.reduceRight((r,o)=>function Wre(n,t,e){return(i,s)=>e.runInContext(()=>t(i,r=>n(r,s)))}(r,o,this.injector),Y3)}const i=this.pendingTasks.add();return this.chain(e,s=>this.backend.handle(s)).pipe(Eh(()=>this.pendingTasks.remove(i)))}}return n.\u0275fac=function(e){return new(e||n)(ye(H_),ye(Dr))},n.\u0275prov=me({token:n,factory:n.\u0275fac}),n})();const Xre=/^\)\]\}',?\n/;let j3=(()=>{class n{constructor(e){this.xhrFactory=e}handle(e){if("JSONP"===e.method)throw new Q(-2800,!1);const i=this.xhrFactory;return(i.\u0275loadImpl?dn(i.\u0275loadImpl()):ze(null)).pipe(Gi(()=>new cn(r=>{const o=i.build();if(o.open(e.method,e.urlWithParams),e.withCredentials&&(o.withCredentials=!0),e.headers.forEach((M,S)=>o.setRequestHeader(M,S.join(","))),e.headers.has("Accept")||o.setRequestHeader("Accept","application/json, text/plain, */*"),!e.headers.has("Content-Type")){const M=e.detectContentTypeHeader();null!==M&&o.setRequestHeader("Content-Type",M)}if(e.responseType){const M=e.responseType.toLowerCase();o.responseType="json"!==M?M:"text"}const a=e.serializeBody();let l=null;const c=()=>{if(null!==l)return l;const M=o.statusText||"OK",S=new Wr(o.getAllResponseHeaders()),L=function Jre(n){return"responseURL"in n&&n.responseURL?n.responseURL:/^X-Request-URL:/m.test(n.getAllResponseHeaders())?n.getResponseHeader("X-Request-URL"):null}(o)||e.url;return l=new Vw({headers:S,status:o.status,statusText:M,url:L}),l},u=()=>{let{headers:M,status:S,statusText:L,url:E}=c(),H=null;204!==S&&(H=typeof o.response>"u"?o.responseText:o.response),0===S&&(S=H?200:0);let B=S>=200&&S<300;if("json"===e.responseType&&"string"==typeof H){const z=H;H=H.replace(Xre,"");try{H=""!==H?JSON.parse(H):null}catch($){H=z,B&&(B=!1,H={error:$,text:H})}}B?(r.next(new su({body:H,headers:M,status:S,statusText:L,url:E||void 0})),r.complete()):r.error(new F3({error:H,headers:M,status:S,statusText:L,url:E||void 0}))},f=M=>{const{url:S}=c(),L=new F3({error:M,status:o.status||0,statusText:o.statusText||"Unknown Error",url:S||void 0});r.error(L)};let p=!1;const g=M=>{p||(r.next(c()),p=!0);let S={type:zn.DownloadProgress,loaded:M.loaded};M.lengthComputable&&(S.total=M.total),"text"===e.responseType&&o.responseText&&(S.partialText=o.responseText),r.next(S)},v=M=>{let S={type:zn.UploadProgress,loaded:M.loaded};M.lengthComputable&&(S.total=M.total),r.next(S)};return o.addEventListener("load",u),o.addEventListener("error",f),o.addEventListener("timeout",f),o.addEventListener("abort",f),e.reportProgress&&(o.addEventListener("progress",g),null!==a&&o.upload&&o.upload.addEventListener("progress",v)),o.send(a),r.next({type:zn.Sent}),()=>{o.removeEventListener("error",f),o.removeEventListener("abort",f),o.removeEventListener("load",u),o.removeEventListener("timeout",f),e.reportProgress&&(o.removeEventListener("progress",g),null!==a&&o.upload&&o.upload.removeEventListener("progress",v)),o.readyState!==o.DONE&&o.abort()}})))}}return n.\u0275fac=function(e){return new(e||n)(ye(uE))},n.\u0275prov=me({token:n,factory:n.\u0275fac}),n})();const zw=new Se("XSRF_ENABLED"),W3=new Se("XSRF_COOKIE_NAME",{providedIn:"root",factory:()=>"XSRF-TOKEN"}),U3=new Se("XSRF_HEADER_NAME",{providedIn:"root",factory:()=>"X-XSRF-TOKEN"});class G3{}let eoe=(()=>{class n{constructor(e,i,s){this.doc=e,this.platform=i,this.cookieName=s,this.lastCookieString="",this.lastToken=null,this.parseCount=0}getToken(){if("server"===this.platform)return null;const e=this.doc.cookie||"";return e!==this.lastCookieString&&(this.parseCount++,this.lastToken=eE(e,this.cookieName),this.lastCookieString=e),this.lastToken}}return n.\u0275fac=function(e){return new(e||n)(ye(wn),ye(Ri),ye(W3))},n.\u0275prov=me({token:n,factory:n.\u0275fac}),n})();function toe(n,t){const e=n.url.toLowerCase();if(!we(zw)||"GET"===n.method||"HEAD"===n.method||e.startsWith("http://")||e.startsWith("https://"))return t(n);const i=we(G3).getToken(),s=we(U3);return null!=i&&!n.headers.has(s)&&(n=n.clone({headers:n.headers.set(s,i)})),t(n)}var ln=(()=>((ln=ln||{})[ln.Interceptors=0]="Interceptors",ln[ln.LegacyInterceptors=1]="LegacyInterceptors",ln[ln.CustomXsrfConfiguration=2]="CustomXsrfConfiguration",ln[ln.NoXsrfProtection=3]="NoXsrfProtection",ln[ln.JsonpSupport=4]="JsonpSupport",ln[ln.RequestsMadeViaParent=5]="RequestsMadeViaParent",ln[ln.Fetch=6]="Fetch",ln))();function Sl(n,t){return{\u0275kind:n,\u0275providers:t}}function noe(...n){const t=[V_,j3,B3,{provide:N_,useExisting:B3},{provide:H_,useExisting:j3},{provide:Gh,useValue:toe,multi:!0},{provide:zw,useValue:!0},{provide:G3,useClass:eoe}];for(const e of n)t.push(...e.\u0275providers);return function o0(n){return{\u0275providers:n}}(t)}const $3=new Se("LEGACY_INTERCEPTOR_FN");let soe=(()=>{class n{}return n.\u0275fac=function(e){return new(e||n)},n.\u0275mod=pt({type:n}),n.\u0275inj=ht({providers:[noe(Sl(ln.LegacyInterceptors,[{provide:$3,useFactory:Gre},{provide:Gh,useExisting:$3,multi:!0}]))]}),n})(),uoe=(()=>{class n{constructor(e){this.httpClient=e}getClientInfo(e){return this.httpClient.get(`${iu_API_URL}/api/client/${e}`)}getClientInfoChart(e){return this.httpClient.get(`${iu_API_URL}/api/client/${e}/chart`)}}return n.\u0275fac=function(e){return new(e||n)(ye(V_))},n.\u0275prov=me({token:n,factory:n.\u0275fac,providedIn:"root"}),n})(),jw=(()=>{class n{transform(e){if(null==e||e<0)return"0";let s=Math.floor(Math.log10(e)/3);s<0&&(s=0);const r=e/Math.pow(1e3,s),o=["","k","M","B","T","P","E"][s];return r.toFixed(2)+o}}return n.\u0275fac=function(e){return new(e||n)},n.\u0275pipe=Rn({name:"numberSuffix",type:n,pure:!0}),n})(),q3=(()=>{class n{transform(e,i){if(e){const s=Math.floor((+new Date-+new Date(e))/1e3);if(s<29)return"Just now";const r={year:31536e3,month:2592e3,week:604800,day:86400,hour:3600,minute:60,second:1};let o;for(const a in r)if(o=Math.floor(s/r[a]),o>0)return 1===o?o+" "+a:o+" "+a+"s"}return e}}return n.\u0275fac=function(e){return new(e||n)},n.\u0275pipe=Rn({name:"dateAgo",type:n,pure:!0}),n})();function doe(n,t){1&n&&(V(0,"tr")(1,"th"),le(2,"Name"),Y(),V(3,"th"),le(4,"Session ID"),Y(),V(5,"th"),le(6,"Hash Rate"),Y(),V(7,"th"),le(8,"Best Difficulty (Session)"),Y(),V(9,"th"),le(10,"Uptime"),Y()())}const hoe=function(n){return[n]};function foe(n,t){if(1&n&&(V(0,"tr",15)(1,"td")(2,"button",16),de("click",function(i){return i.stopImmediatePropagation()}),Y(),V(3,"span",17),le(4),Y()(),V(5,"td"),le(6),Y(),V(7,"td"),le(8),Vt(9,"hashSuffix"),Y(),V(10,"td"),le(11),Vt(12,"numberSuffix"),Y(),V(13,"td"),le(14),Vt(15,"dateAgo"),Y()()),2&n){const e=t.$implicit,i=t.expanded,s=R().ngIf,r=R();x("routerLink",Je(14,hoe,e.name)),I(2),x("pRowToggler",e)("icon",i?"pi pi-chevron-down":"pi pi-chevron-right"),I(2),Hn("",e.name," "),I(2),Hn(" ",r.getSessionCount(e.name,s.workers)," Sessions "),I(2),Hn(" ",$t(9,8,r.getTotalHashRate(e.name,s.workers))," "),I(3),Hn(" ",$t(12,10,r.getBestDifficulty(e.name,s.workers))," "),I(3),Hn(" ",$t(15,12,r.getTotalUptime(e.name,s.workers))," (cumulative) ")}}const poe=function(n,t){return[n,t]};function moe(n,t){if(1&n&&(V(0,"tr",15),se(1,"td"),V(2,"td"),le(3),Y(),V(4,"td"),le(5),Vt(6,"hashSuffix"),Y(),V(7,"td"),le(8),Vt(9,"numberSuffix"),Y(),V(10,"td"),le(11),Vt(12,"dateAgo"),Y()()),2&n){const e=t.$implicit;x("routerLink",bn(11,poe,e.name,e.sessionId)),I(3),dt(e.sessionId),I(2),dt($t(6,5,e.hashRate)),I(3),dt($t(9,7,e.bestDifficulty)),I(3),dt($t(12,9,e.startTime))}}function _oe(n,t){if(1&n&&(V(0,"div")(1,"div",10),se(2,"p-chart",18),Y()()),2&n){const e=t.ngIf,i=R(2);I(2),x("data",e)("options",i.chartOptions)}}const goe=function(){return{width:"2.5rem",height:"2.5rem"}},yoe=function(){return{"min-width":"50rem"}};function voe(n,t){if(1&n&&(ke(0),V(1,"div",1)(2,"div",2)(3,"div",3)(4,"div",4)(5,"div")(6,"span",5),le(7,"Best Difficulty (All-Time)"),Y(),V(8,"div",6),le(9),Vt(10,"numberSuffix"),Y()(),V(11,"div",7),se(12,"i",8),Y()(),V(13,"span",9),le(14),Vt(15,"number"),Y()()()(),V(16,"div",10)(17,"p-table",11),O(18,doe,11,0,"ng-template",12),O(19,foe,16,16,"ng-template",13),O(20,moe,13,14,"ng-template",14),Y()(),O(21,_oe,3,2,"div",0),Vt(22,"async"),Ee()),2&n){const e=t.ngIf,i=R();I(9),Hn("",$t(10,7,e.bestDifficulty)," "),I(2),x("ngStyle",Ni(13,goe)),I(3),dt($t(15,9,e.bestDifficulty)),I(3),x("rowHover",!0)("value",e.workers)("tableStyle",Ni(14,yoe)),I(4),x("ngIf",$t(22,11,i.chartData$))}}let boe=(()=>{class n{constructor(e,i){this.clientService=e,this.route=i,this.address=this.route.snapshot.params.address,this.clientInfo$=this.clientService.getClientInfo(this.address).pipe(Wh({refCount:!0,bufferSize:1}));const s=getComputedStyle(document.documentElement),r=s.getPropertyValue("--text-color"),o=s.getPropertyValue("--text-color-secondary"),a=s.getPropertyValue("--surface-border");this.chartData$=this.clientService.getClientInfoChart(this.address).pipe(nt(l=>{let u=[];for(let p=12;p=0;v--)g+=l[p-v].data;g/=12,u.push({y:g,x:l[p].label})}const f=l.map(p=>({y:p.data,x:p.label}));return{labels:l.map(p=>p.label),datasets:[{type:"line",label:"2 Hour",data:u,fill:!1,backgroundColor:s.getPropertyValue("--yellow-600"),borderColor:s.getPropertyValue("--yellow-600"),tension:.4,pointRadius:1,borderWidth:1},{type:"line",label:"10 Minute",data:f,fill:!1,backgroundColor:s.getPropertyValue("--primary-color"),borderColor:s.getPropertyValue("--primary-color"),tension:.4,pointRadius:1,borderWidth:1}]}})),this.chartOptions={plugins:{legend:{labels:{color:r}}},scales:{x:{type:"time",time:{unit:"hour"},ticks:{color:o},grid:{color:a,drawBorder:!1,display:!0}},y:{ticks:{color:o,callback:l=>pr.transform(l)},grid:{color:a,drawBorder:!1}}}}}getSessionCount(e,i){return i.filter(r=>r.name==e).length}getTotalHashRate(e,i){const r=i.filter(o=>o.name==e).reduce((o,a,l,c)=>o+Math.floor(a.hashRate),0);return Math.floor(r)}getBestDifficulty(e,i){return i.filter(o=>o.name==e).reduce((o,a,l,c)=>a.bestDifficulty>o?a.bestDifficulty:o,0)}getTotalUptime(e,i){const s=(new Date).getTime(),o=i.filter(a=>a.name==e).reduce((a,l,c,u)=>a+(s-new Date(l.startTime).getTime()),0);return new Date(s-o)}}return n.\u0275fac=function(e){return new(e||n)(W(uoe),W(jr))},n.\u0275cmp=Ne({type:n,selectors:[["app-dashboard"]],decls:2,vars:3,consts:[[4,"ngIf"],[1,"grid"],[1,"col-12","lg:col-6","xl:col-3"],[1,"card","mb-4"],[1,"flex","justify-content-between","mb-3"],[1,"block","text-500","font-medium","mb-3"],[1,"text-900","font-medium","text-xl"],[1,"flex","align-items-center","justify-content-center","bg-orange-100","border-round",3,"ngStyle"],[1,"pi","pi-star","text-orange-500","text-xl"],[1,"text-green-500","font-medium"],[1,"card"],["groupRowsBy","name","dataKey","name","rowGroupMode","subheader",3,"rowHover","value","tableStyle"],["pTemplate","header"],["pTemplate","groupheader"],["pTemplate","rowexpansion"],[3,"routerLink"],["type","button","pButton","","pRipple","",1,"p-button-text","p-button-rounded","p-button-plain","mr-2",3,"pRowToggler","icon","click"],[1,"worker-name","font-bold","ml-2"],[3,"data","options"]],template:function(e,i){1&e&&(O(0,voe,23,15,"ng-container",0),Vt(1,"async")),2&e&&x("ngIf",$t(1,1,i.clientInfo$))},dependencies:[Bn,yi,Tl,y_,ts,cie,h_,d_,el,_m,jw,q3,pr],styles:[".worker-name[_ngcontent-%COMP%]{line-height:42px}"]}),n})(),K3=(()=>{class n{constructor(){this.PARTICLES="PARTICLES",this._particles$=new Me(this.getParticles()),this.particles$=this._particles$.asObservable().pipe(Wh({refCount:!0,bufferSize:1}))}get(e){return localStorage.getItem(e)}set(e,i){localStorage.setItem(e,i)}remove(e){localStorage.removeItem(e)}getParticles(){const e=this.get(this.PARTICLES);return null==e||!0===JSON.parse(e)?.particles}setParticles(e){this.set(this.PARTICLES,JSON.stringify({particles:e})),this._particles$.next(e)}}return n.\u0275fac=function(e){return new(e||n)},n.\u0275prov=me({token:n,factory:n.\u0275fac,providedIn:"root"}),n})(),woe=(()=>{class n{constructor(e){this.localStorageService=e,this.stateOptions=[{label:"On",value:!0},{label:"Off",value:!1}],this.value=!0,this.value=this.localStorageService.getParticles()}particlesChanged(e){this.localStorageService.setParticles(e),this.value=e}}return n.\u0275fac=function(e){return new(e||n)(W(K3))},n.\u0275cmp=Ne({type:n,selectors:[["app-settings"]],decls:4,vars:1,consts:[[1,"card"],["optionLabel","label","optionValue","value",3,"ngModel","ngModelChange"]],template:function(e,i){1&e&&(V(0,"div",0)(1,"h5"),le(2,"Background Particles "),Y(),V(3,"p-inputSwitch",1),de("ngModelChange",function(r){return i.value=r})("ngModelChange",function(r){return i.particlesChanged(r)}),Y()()),2&e&&(I(3),x("ngModel",i.value))},dependencies:[BA,Qm,_h]}),n})();var z_=function(){return z_=Object.assign||function(n){for(var t,e=1,i=arguments.length;e{const n=Array(256).fill(-1);for(let t=0;t<58;++t)n[Ww.charCodeAt(t)]=t})();function X3(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}function J3(n,t){return n(t={exports:{}},t.exports),t.exports}var Uw=J3(function(n,t){Object.defineProperty(t,"__esModule",{value:!0}),t.bech32m=t.bech32=void 0;const e="qpzry9x8gf2tvdw0s3jn54khce6mua7l",i={};for(let f=0;f<32;f++){const p=e.charAt(f);i[p]=f}function s(f){const p=f>>25;return(33554431&f)<<5^996825010&-(p>>0&1)^642813549&-(p>>1&1)^513874426&-(p>>2&1)^1027748829&-(p>>3&1)^705979059&-(p>>4&1)}function r(f){let p=1;for(let g=0;g126)return"Invalid prefix ("+f+")";p=s(p)^v>>5}p=s(p);for(let g=0;g=g;)S-=g,E.push(M>>S&L);if(v)S>0&&E.push(M<=p)return"Excess padding";if(M<(M=M||90))return"Exceeds length limit";const S=v.toLowerCase(),L=v.toUpperCase();if(v!==S&&v!==L)return"Mixed-case string "+v;const E=(v=S).lastIndexOf("1");if(-1===E)return"No separator character for "+v;if(0===E)return"Missing prefix for "+v;const H=v.slice(0,E),B=v.slice(E+1);if(B.length<6)return"Data too short";let z=r(H);if("string"==typeof z)return z;const $=[];for(let ne=0;ne=B.length||$.push(re)}return z!==p?"Invalid checksum for "+v:{prefix:H,words:$}}return p="bech32"===f?1:734539939,{decodeUnsafe:function(v,M){const S=g(v,M);if("object"==typeof S)return S},decode:function(v,M){const S=g(v,M);if("object"==typeof S)return S;throw new Error(S)},encode:function(v,M,S){if(v.length+7+M.length>(S=S||90))throw new TypeError("Exceeds length limit");let L=r(v=v.toLowerCase());if("string"==typeof L)throw new Error(L);let E=v+"1";for(let H=0;H>5)throw new Error("Non 5-bit word");L=s(L)^B,E+=e.charAt(B)}for(let H=0;H<6;++H)L=s(L);L^=p;for(let H=0;H<6;++H)E+=e.charAt(L>>5*(5-H)&31);return E},toWords:a,fromWordsUnsafe:l,fromWords:c}}t.bech32=u("bech32"),t.bech32m=u("bech32m")});X3(Uw);var Soe=Uw.bech32m,Z3=Uw.bech32,Gw=J3(function(n,t){Object.defineProperty(t,"__esModule",{value:!0}),t.Hash=t.createHash=void 0;const e=[1116352408,1899447441,-1245643825,-373957723,961987163,1508970993,-1841331548,-1424204075,-670586216,310598401,607225278,1426881987,1925078388,-2132889090,-1680079193,-1046744716,-459576895,-272742522,264347078,604807628,770255983,1249150122,1555081692,1996064986,-1740746414,-1473132947,-1341970488,-1084653625,-958395405,-710438585,113926993,338241895,666307205,773529912,1294757372,1396182291,1695183700,1986661051,-2117940946,-1838011259,-1564481375,-1474664885,-1035236496,-949202525,-778901479,-694614492,-200395387,275423344,430227734,506948616,659060556,883997877,958139571,1322822218,1537002063,1747873779,1955562222,2024104815,-2067236844,-1933114872,-1866530822,-1538233109,-1090935817,-965641998],i={sha256:1};t.createHash=function(S){if(S&&!i[S]&&!i[S.toLowerCase()])throw new Error("Digest method not supported");return new s};class s{constructor(){this.A=1779033703,this.B=-1150833019,this.C=1013904242,this.D=-1521486534,this.E=1359893119,this.F=-1694144372,this.G=528734635,this.H=1541459225,this._size=0,this._sp=0,(!o||a>=8e3)&&(o=new ArrayBuffer(8e3),a=0),this._byte=new Uint8Array(o,a,80),this._word=new Int32Array(o,a,20),a+=80}update(L){if("string"==typeof L)return this._utf8(L);if(null==L)throw new TypeError("Invalid type: "+typeof L);const E=L.byteOffset,H=L.byteLength;let B=H/64|0,z=0;if(B&&!(3&E)&&!(this._size%64)){const $=new Int32Array(L.buffer,E,16*B);for(;B--;)this._int32($,z>>2),z+=64;this._size+=z}if(1!==L.BYTES_PER_ELEMENT&&L.buffer){const $=new Uint8Array(L.buffer,E+z,H-z);return this._uint8($)}return z===H?this:this._uint8(L,z)}_uint8(L,E){const{_byte:H,_word:B}=this,z=L.length;for(E|=0;E=64&&this._int32(B),this._size+=ne-$}return this}_utf8(L){const{_byte:E,_word:H}=this,B=L.length;let z=this._sp;for(let $=0;$>>6,E[ee++]=128|63&re):re<55296||re>57343?(E[ee++]=224|re>>>12,E[ee++]=128|re>>>6&63,E[ee++]=128|63&re):z?(re=((1023&z)<<10)+(1023&re)+65536,E[ee++]=240|re>>>18,E[ee++]=128|re>>>12&63,E[ee++]=128|re>>>6&63,E[ee++]=128|63&re,z=0):z=re}ee>=64&&(this._int32(H),H[0]=H[16]),this._size+=ee-ne}return this._sp=z,this}_int32(L,E){let{A:H,B,C:z,D:$,E:ne,F:ee,G:re,H:Te}=this,Pe=0;for(E|=0;Pe<16;)r[Pe++]=c(L[E++]);for(Pe=16;Pe<64;Pe++)r[Pe]=M(r[Pe-2])+r[Pe-7]+v(r[Pe-15])+r[Pe-16]|0;for(Pe=0;Pe<64;Pe++){const Ze=Te+g(ne)+u(ne,ee,re)+e[Pe]+r[Pe]|0,Bt=p(H)+f(H,B,z)|0;Te=re,re=ee,ee=ne,ne=$+Ze|0,$=z,z=B,B=H,H=Ze+Bt|0}this.A=H+this.A|0,this.B=B+this.B|0,this.C=z+this.C|0,this.D=$+this.D|0,this.E=ne+this.E|0,this.F=ee+this.F|0,this.G=re+this.G|0,this.H=Te+this.H|0}digest(L){const{_byte:E,_word:H}=this;let B=this._size%64|0;for(E[B++]=128;3&B;)E[B++]=0;if(B>>=2,B>14){for(;B<16;)H[B++]=0;B=0,this._int32(H)}for(;B<16;)H[B++]=0;const z=8*this._size,$=(4294967295&z)>>>0,ne=(z-$)/4294967296;return ne&&(H[14]=c(ne)),$&&(H[15]=c($)),this._int32(H),"hex"===L?this._hex():this._bin()}_hex(){const{A:L,B:E,C:H,D:B,E:z,F:$,G:ne,H:ee}=this;return l(L)+l(E)+l(H)+l(B)+l(z)+l($)+l(ne)+l(ee)}_bin(){const{A:L,B:E,C:H,D:B,E:z,F:$,G:ne,H:ee,_byte:re,_word:Te}=this;return Te[0]=c(L),Te[1]=c(E),Te[2]=c(H),Te[3]=c(B),Te[4]=c(z),Te[5]=c($),Te[6]=c(ne),Te[7]=c(ee),re.slice(0,32)}}t.Hash=s;const r=new Int32Array(64);let o,a=0;const l=S=>(S+4294967296).toString(16).substr(-8),c=254===new Uint8Array(new Uint16Array([65279]).buffer)[0]?S=>S:S=>S<<24&4278190080|S<<8&16711680|S>>8&65280|S>>24&255,u=(S,L,E)=>E^S&(L^E),f=(S,L,E)=>S&L|E&(S|L),p=S=>(S>>>2|S<<30)^(S>>>13|S<<19)^(S>>>22|S<<10),g=S=>(S>>>6|S<<26)^(S>>>11|S<<21)^(S>>>25|S<<7),v=S=>(S>>>7|S<<25)^(S>>>18|S<<14)^S>>>3,M=S=>(S>>>17|S<<15)^(S>>>19|S<<13)^S>>>10});X3(Gw);var ko,Eo,n,Coe=Gw.createHash,Q3=function(n){return Coe().update(n).digest()};(n=ko||(ko={})).mainnet="mainnet",n.testnet="testnet",n.regtest="regtest",function(n){n.p2pkh="p2pkh",n.p2sh="p2sh",n.p2wpkh="p2wpkh",n.p2wsh="p2wsh",n.p2tr="p2tr"}(Eo||(Eo={}));var eR={0:{type:Eo.p2pkh,network:ko.mainnet},111:{type:Eo.p2pkh,network:ko.testnet},5:{type:Eo.p2sh,network:ko.mainnet},196:{type:Eo.p2sh,network:ko.testnet}},xoe=function(n,t){try{var e=function(n){var t,e=n.substr(0,2).toLowerCase();if("bc"===e||"tb"===e)return function(l){var c;try{c=l.startsWith("bc1p")||l.startsWith("tb1p")||l.startsWith("bcrt1p")?Soe.decode(l):Z3.decode(l)}catch{throw new Error("Invalid address")}var u={bc:ko.mainnet,tb:ko.testnet,bcrt:ko.regtest}[c.prefix];if(void 0===u)throw new Error("Invalid address");var f=c.words[0];if(f<0||f>16)throw new Error("Invalid address");return{bech32:!0,network:u,address:l,type:20===Z3.fromWords(c.words.slice(1)).length?Eo.p2wpkh:1===f?Eo.p2tr:Eo.p2wsh}}(n);try{t=(n=>{if(!n||"string"!=typeof n)throw new Error(`Expected base58 string but got \u201c${n}\u201d`);if(n.match(/[IOl0]/gm))throw new Error(`Invalid base58 character \u201c${n.match(/[IOl0]/gm)}\u201d`);const t=n.match(/^1+/gm),e=t?t[0].length:0,i=(n.length-e)*(Math.log(58)/Math.log(256))+1>>>0;return new Uint8Array([...new Uint8Array(e),...n.match(/.{1}/g).map(r=>Ww.indexOf(r)).reduce((r,o)=>r.map(a=>{const l=58*a+o;return o=l>>8,l}),new Uint8Array(i)).reverse().filter((s=!1,r=>s=s||r))]);var s})(n)}catch{throw new Error("Invalid address")}var i=t.length;if(25!==i)throw new Error("Invalid address");var s=t[0],r=t.slice(i-4,i),o=t.slice(0,i-4),a=Q3(Q3(o)).slice(0,4);if(r.some(function(l,c){return l!==a[c]}))throw new Error("Invalid address");if(!Object.keys(eR).map(Number).includes(s))throw new Error("Invalid address");return z_(z_({},eR[s]),{address:n,bech32:!1})}(n);return!t||t===e.network}catch{return!1}};let Eoe=(()=>{class n{constructor(e){this.httpClient=e}getInfo(){return this.httpClient.get(`${iu_API_URL}/api/info`)}getInfoChart(){return this.httpClient.get(`${iu_API_URL}/api/info/chart`)}}return n.\u0275fac=function(e){return new(e||n)(ye(V_))},n.\u0275prov=me({token:n,factory:n.\u0275fac,providedIn:"root"}),n})(),Ioe=(()=>{class n{transform(e){return e.toLowerCase().includes("bosminer")?"Braiins OS":e}}return n.\u0275fac=function(e){return new(e||n)},n.\u0275pipe=Rn({name:"userAgent",type:n,pure:!0}),n})();function Loe(n,t){if(1&n&&(V(0,"div")(1,"div",18),se(2,"p-chart",19),Y()()),2&n){const e=t.ngIf,i=R();I(2),x("data",e)("options",i.chartOptions)}}function Poe(n,t){1&n&&(V(0,"tr")(1,"th"),le(2,"Device"),Y(),V(3,"th"),le(4,"Currently Working"),Y()())}function Aoe(n,t){if(1&n&&(V(0,"tr")(1,"td"),le(2),Vt(3,"userAgent"),Y(),V(4,"td"),le(5),Y()()),2&n){const e=t.$implicit;I(2),dt($t(3,2,e.userAgent)),I(3),dt(e.count)}}function Ooe(n,t){if(1&n&&(V(0,"div",2)(1,"div",18)(2,"h4",20),le(3,"Devices"),Y(),V(4,"p-table",21),O(5,Poe,5,0,"ng-template",22),O(6,Aoe,6,4,"ng-template",23),Y()()()),2&n){const e=t.ngIf;I(4),x("value",e)}}function Roe(n,t){1&n&&(V(0,"tr")(1,"th"),le(2,"Height"),Y(),V(3,"th"),le(4,"Address"),Y(),V(5,"th"),le(6,"Worker"),Y(),V(7,"th"),le(8,"Session"),Y()())}function Foe(n,t){if(1&n&&(V(0,"tr")(1,"td"),le(2),Y(),V(3,"td"),le(4),Y(),V(5,"td"),le(6),Y(),V(7,"td"),le(8),Y()()),2&n){const e=t.$implicit;I(2),dt(e.height),I(2),dt(e.minerAddress),I(2),dt(e.worker),I(2),dt(e.sessionId)}}function Noe(n,t){if(1&n&&(V(0,"div",2)(1,"div",18)(2,"h4",20),le(3," Found Blocks"),Y(),V(4,"p-table",21),O(5,Roe,9,0,"ng-template",22),O(6,Foe,9,4,"ng-template",23),Y()()()),2&n){const e=t.ngIf;I(4),x("value",e)}}const Hoe=function(n){return["app",n]};let Yoe=(()=>{class n{constructor(e){this.appService=e;const i=this.appService.getInfo().pipe(Wh({refCount:!0,bufferSize:1}));this.blockData$=i.pipe(nt(l=>l.blockData)),this.userAgents$=i.pipe(nt(l=>l.userAgents)),this.chartData$=this.appService.getInfoChart().pipe(nt(l=>({labels:l.map(c=>c.label),datasets:[{label:"Public-Pool Hashrate",data:l.map(c=>c.data),fill:!1,backgroundColor:s.getPropertyValue("--primary-color"),borderColor:s.getPropertyValue("--primary-color"),tension:.4,pointRadius:1,borderWidth:1}]}))),this.address=new y1(null,function koe(){return n=>xoe(n.value)?null:{"bitcoin-address":!0}}());const s=getComputedStyle(document.documentElement),r=s.getPropertyValue("--text-color"),o=s.getPropertyValue("--text-color-secondary"),a=s.getPropertyValue("--surface-border");this.chartOptions={plugins:{legend:{labels:{color:r}}},scales:{x:{type:"time",time:{unit:"hour"},ticks:{color:o},grid:{color:a,drawBorder:!1,display:!0}},y:{ticks:{color:o,callback:l=>pr.transform(l)},grid:{color:a,drawBorder:!1}}}}}}return n.\u0275fac=function(e){return new(e||n)(W(Eoe))},n.\u0275cmp=Ne({type:n,selectors:[["app-splash"]],decls:54,vars:14,consts:[[1,"py-4","px-4","lg:px-8","mx-0","lg:mx-8","main"],[1,"grid","justify-content-center"],[1,"col-12"],[1,"card","text-center"],["src","assets/layout/images/logo.svg","alt","logo",2,"height","200px"],[1,"col-12","text-center"],[1,"text-900","font-normal"],[1,"mb-4"],["href","https://github.com/benjamin-wilson/public-pool","target","_blank",1,"mr-4"],[1,"pi","pi-github",2,"font-size","30pt","color","white"],["href","https://discord.gg/pF9smpe3yE","target","_blank"],[1,"pi","pi-discord",2,"font-size","30pt","color","white"],[1,"info"],[1,"field","mt-8","mb-8"],["placeholder","Address (bc1...)","pInputText","","id","address","type","text",1,"p-inputtext","p-component","p-element",3,"formControl"],["pButton","","label","My Workers",1,"ml-3","mt-3",3,"disabled","routerLink"],[4,"ngIf"],["class","col-12",4,"ngIf"],[1,"card"],["type","line",3,"data","options"],[2,"text-align","center"],[3,"value"],["pTemplate","header"],["pTemplate","body"]],template:function(e,i){1&e&&(V(0,"div",0)(1,"div",1)(2,"div",2)(3,"div",3)(4,"div"),se(5,"img",4),Y(),V(6,"div",5)(7,"h1",6),le(8,"Public Pool"),Y()(),V(9,"div",7)(10,"a",8),se(11,"i",9),Y(),V(12,"a",10),se(13,"i",11),Y()(),V(14,"div")(15,"code"),le(16,"Fully Open Source Solo Bitcoin Mining Pool"),Y(),se(17,"br")(18,"br"),V(19,"div",12)(20,"code"),le(21,"stratum+tcp://public-pool.airdns.org:21496"),Y(),se(22,"br"),V(23,"code"),le(24,"username: ., password: x"),Y(),se(25,"br")(26,"br"),Y(),V(27,"code"),le(28,"Pleb mining (under 50TH/s miners) mine with "),V(29,"b"),le(30,"NO FEES*"),Y()(),se(31,"br"),V(32,"code"),le(33,"Miners with > 50TH/s will incur a 1.5% fee, a portion of which will go back into "),V(34,"a",10),le(35,"open source Bitcoin mining"),Y(),le(36,"*"),Y(),se(37,"br")(38,"br"),V(39,"code"),le(40,"No second best."),Y()(),V(41,"div",13),se(42,"input",14)(43,"button",15),Y(),V(44,"code")(45,"small"),le(46,"* Based on a machine-by-machine basis"),Y()()()(),V(47,"div",2),O(48,Loe,3,2,"div",16),Vt(49,"async"),Y(),O(50,Ooe,7,1,"div",17),Vt(51,"async"),O(52,Noe,7,1,"div",17),Vt(53,"async"),Y()()),2&e&&(I(42),x("formControl",i.address),I(1),x("disabled",i.address.invalid)("routerLink",Je(12,Hoe,i.address.value)),I(5),x("ngIf",$t(49,6,i.chartData$)),I(2),x("ngIf",$t(51,8,i.userAgents$)),I(2),x("ngIf",$t(53,10,i.blockData$)))},dependencies:[Bn,Tl,y_,ts,h_,d_,Xm,Qm,b1,el,Ioe],styles:["#address[_ngcontent-%COMP%]{min-width:50%}.main[_ngcontent-%COMP%]{margin-top:60px}.info[_ngcontent-%COMP%]{font-weight:700}.card[_ngcontent-%COMP%]{max-width:1024px;margin:0 auto}"]}),n})(),tR=(()=>{class n{constructor(e){this.httpClient=e}getGroupWorkerInfo(e,i){return this.httpClient.get(`${iu_API_URL}/api/client/${e}/${i}`)}getWorkerInfo(e,i,s){return this.httpClient.get(`${iu_API_URL}/api/client/${e}/${i}/${s}`)}}return n.\u0275fac=function(e){return new(e||n)(ye(V_))},n.\u0275prov=me({token:n,factory:n.\u0275fac,providedIn:"root"}),n})();const nR=function(){return{width:"2.5rem",height:"2.5rem"}};function Voe(n,t){if(1&n&&(ke(0),V(1,"div",3)(2,"div",4)(3,"div",5)(4,"div")(5,"span",6),le(6,"ID"),Y(),V(7,"div",7),le(8),Y()(),V(9,"div",8),se(10,"i",9),Y()(),V(11,"span",10),le(12,"\xa0"),Y()()(),V(13,"div",3)(14,"div",4)(15,"div",5)(16,"div")(17,"span",6),le(18,"Best Difficulty"),Y(),V(19,"div",7),le(20),Vt(21,"numberSuffix"),Y()(),V(22,"div",11),se(23,"i",12),Y()(),V(24,"span",13),le(25),Vt(26,"number"),Y()()(),Ee()),2&n){const e=t.ngIf;I(8),dt(e.name),I(1),x("ngStyle",Ni(9,nR)),I(11),Hn("",$t(21,5,e.bestDifficulty)," "),I(2),x("ngStyle",Ni(10,nR)),I(3),dt($t(26,7,e.bestDifficulty))}}function Boe(n,t){if(1&n&&(V(0,"div",14)(1,"div",15),se(2,"p-chart",16),Y()()),2&n){const e=t.ngIf,i=R();I(2),x("data",e)("options",i.chartOptions)}}let zoe=(()=>{class n{constructor(e,i){this.workerService=e,this.route=i;const s=getComputedStyle(document.documentElement),r=s.getPropertyValue("--text-color"),o=s.getPropertyValue("--text-color-secondary"),a=s.getPropertyValue("--surface-border");this.workerInfo$=this.workerService.getGroupWorkerInfo(this.route.snapshot.params.address,this.route.snapshot.params.workerName).pipe(Wh({bufferSize:1,refCount:!0})),this.chartData$=this.workerInfo$.pipe(nt(l=>({labels:l.chartData.map(c=>c.label),datasets:[{label:l.name,data:l.chartData.map(c=>c.data),fill:!1,backgroundColor:s.getPropertyValue("--primary-color"),borderColor:s.getPropertyValue("--primary-color"),tension:.4,pointRadius:1,borderWidth:1}]}))),this.chartOptions={plugins:{legend:{labels:{color:r}}},scales:{x:{type:"time",time:{unit:"hour"},ticks:{color:o},grid:{color:a,drawBorder:!1}},y:{ticks:{color:o,callback:l=>pr.transform(l)},grid:{color:a,drawBorder:!1}}}}}}return n.\u0275fac=function(e){return new(e||n)(W(tR),W(jr))},n.\u0275cmp=Ne({type:n,selectors:[["app-worker-group"]],decls:5,vars:6,consts:[[1,"grid"],[4,"ngIf"],["class","col-12",4,"ngIf"],[1,"col-12","lg:col-6","xl:col-3"],[1,"card","mb-0"],[1,"flex","justify-content-between","mb-3"],[1,"block","text-500","font-medium","mb-3"],[1,"text-900","font-medium","text-xl"],[1,"flex","align-items-center","justify-content-center","bg-blue-100","border-round",3,"ngStyle"],[1,"pi","pi-id-card","text-blue-500","text-xl"],[1,"text-500"],[1,"flex","align-items-center","justify-content-center","bg-orange-100","border-round",3,"ngStyle"],[1,"pi","pi-star","text-orange-500","text-xl"],[1,"text-green-500","font-medium"],[1,"col-12"],[1,"card"],["type","line",3,"data","options"]],template:function(e,i){1&e&&(V(0,"div",0),O(1,Voe,27,11,"ng-container",1),Vt(2,"async"),O(3,Boe,3,2,"div",2),Vt(4,"async"),Y()),2&e&&(I(1),x("ngIf",$t(2,2,i.workerInfo$)),I(2),x("ngIf",$t(4,4,i.chartData$)))},dependencies:[Bn,yi,h_,el,_m,jw]}),n})();const $w=function(){return{width:"2.5rem",height:"2.5rem"}};function joe(n,t){if(1&n&&(ke(0),V(1,"div",3)(2,"div",4)(3,"div",5)(4,"div")(5,"span",6),le(6,"ID"),Y(),V(7,"div",7),le(8),Y()(),V(9,"div",8),se(10,"i",9),Y()(),V(11,"span",10),le(12),Y()()(),V(13,"div",3)(14,"div",4)(15,"div",5)(16,"div")(17,"span",6),le(18,"Best Difficulty"),Y(),V(19,"div",7),le(20),Vt(21,"numberSuffix"),Y()(),V(22,"div",11),se(23,"i",12),Y()(),V(24,"span",13),le(25),Vt(26,"number"),Y()()(),V(27,"div",3)(28,"div",4)(29,"div",5)(30,"div")(31,"span",6),le(32,"Uptime"),Y(),V(33,"div",7),le(34),Vt(35,"dateAgo"),Y()(),V(36,"div",14),se(37,"i",15),Y()(),V(38,"span",10),le(39),Vt(40,"date"),Y()()(),Ee()),2&n){const e=t.ngIf;I(8),dt(e.name),I(1),x("ngStyle",Ni(18,$w)),I(3),dt(e.sessionId),I(8),Hn("",$t(21,9,e.bestDifficulty)," "),I(2),x("ngStyle",Ni(19,$w)),I(3),dt($t(26,11,e.bestDifficulty)),I(9),dt($t(35,13,e.startTime)),I(2),x("ngStyle",Ni(20,$w)),I(3),Hn("Since ",function x2(n,t,e,i){const s=n+et,r=X(),o=qo(r,s);return Od(r,s)?T2(r,Ai(),t,o.transform,e,i,o):o.transform(e,i)}(40,15,e.startTime,"short"),"")}}function Woe(n,t){if(1&n&&(V(0,"div",16)(1,"div",17),se(2,"p-chart",18),Y()()),2&n){const e=t.ngIf,i=R();I(2),x("data",e)("options",i.chartOptions)}}let Uoe=(()=>{class n{constructor(e,i){this.workerService=e,this.route=i;const s=getComputedStyle(document.documentElement),r=s.getPropertyValue("--text-color"),o=s.getPropertyValue("--text-color-secondary"),a=s.getPropertyValue("--surface-border");this.workerInfo$=this.workerService.getWorkerInfo(this.route.snapshot.params.address,this.route.snapshot.params.workerName,this.route.snapshot.params.workerId).pipe(Wh({bufferSize:1,refCount:!0})),this.chartData$=this.workerInfo$.pipe(nt(l=>({labels:l.chartData.map(c=>c.label),datasets:[{label:l.name,data:l.chartData.map(c=>c.data),fill:!1,backgroundColor:s.getPropertyValue("--primary-color"),borderColor:s.getPropertyValue("--primary-color"),tension:.4,pointRadius:1,borderWidth:1}]}))),this.chartOptions={plugins:{legend:{labels:{color:r}}},scales:{x:{type:"time",time:{unit:"hour"},ticks:{color:o},grid:{color:a,drawBorder:!1}},y:{ticks:{color:o,callback:l=>pr.transform(l)},grid:{color:a,drawBorder:!1}}}}}}return n.\u0275fac=function(e){return new(e||n)(W(tR),W(jr))},n.\u0275cmp=Ne({type:n,selectors:[["app-worker"]],decls:5,vars:6,consts:[[1,"grid"],[4,"ngIf"],["class","col-12",4,"ngIf"],[1,"col-12","lg:col-6","xl:col-3"],[1,"card","mb-0"],[1,"flex","justify-content-between","mb-3"],[1,"block","text-500","font-medium","mb-3"],[1,"text-900","font-medium","text-xl"],[1,"flex","align-items-center","justify-content-center","bg-blue-100","border-round",3,"ngStyle"],[1,"pi","pi-id-card","text-blue-500","text-xl"],[1,"text-500"],[1,"flex","align-items-center","justify-content-center","bg-orange-100","border-round",3,"ngStyle"],[1,"pi","pi-star","text-orange-500","text-xl"],[1,"text-green-500","font-medium"],[1,"flex","align-items-center","justify-content-center","bg-cyan-100","border-round",3,"ngStyle"],[1,"pi","pi-clock","text-cyan-500","text-xl"],[1,"col-12"],[1,"card"],["type","line",3,"data","options"]],template:function(e,i){1&e&&(V(0,"div",0),O(1,joe,41,21,"ng-container",1),Vt(2,"async"),O(3,Woe,3,2,"div",2),Vt(4,"async"),Y()),2&e&&(I(1),x("ngIf",$t(2,2,i.workerInfo$)),I(2),x("ngIf",$t(4,4,i.chartData$)))},dependencies:[Bn,yi,h_,el,_m,oE,jw,q3]}),n})(),ru=(()=>{class n{constructor(){this.config={ripple:!1,inputStyle:"outlined",menuMode:"static",colorScheme:"light",theme:"lara-light-indigo",scale:14},this.state={staticMenuDesktopInactive:!1,overlayMenuActive:!1,profileSidebarVisible:!1,configSidebarVisible:!1,staticMenuMobileActive:!1,menuHoverActive:!1},this.configUpdate=new Dt,this.overlayOpen=new Dt,this.configUpdate$=this.configUpdate.asObservable(),this.overlayOpen$=this.overlayOpen.asObservable()}onMenuToggle(){this.isOverlay()&&(this.state.overlayMenuActive=!this.state.overlayMenuActive,this.state.overlayMenuActive&&this.overlayOpen.next(null)),this.isDesktop()?this.state.staticMenuDesktopInactive=!this.state.staticMenuDesktopInactive:(this.state.staticMenuMobileActive=!this.state.staticMenuMobileActive,this.state.staticMenuMobileActive&&this.overlayOpen.next(null))}showProfileSidebar(){this.state.profileSidebarVisible=!this.state.profileSidebarVisible,this.state.profileSidebarVisible&&this.overlayOpen.next(null)}showConfigSidebar(){this.state.configSidebarVisible=!0}isOverlay(){return"overlay"===this.config.menuMode}isDesktop(){return window.innerWidth>991}isMobile(){return!this.isDesktop()}onConfigUpdate(){this.configUpdate.next(this.config)}}return n.\u0275fac=function(e){return new(e||n)},n.\u0275prov=me({token:n,factory:n.\u0275fac,providedIn:"root"}),n})(),Goe=(()=>{class n{constructor(){this.menuSource=new Dt,this.resetSource=new Dt,this.menuSource$=this.menuSource.asObservable(),this.resetSource$=this.resetSource.asObservable()}onMenuStateChange(e){this.menuSource.next(e)}reset(){this.resetSource.next(!0)}}return n.\u0275fac=function(e){return new(e||n)},n.\u0275prov=me({token:n,factory:n.\u0275fac,providedIn:"root"}),n})();const $oe=["app-menuitem",""];function qoe(n,t){if(1&n&&(V(0,"div",4),le(1),Y()),2&n){const e=R();I(1),dt(e.item.label)}}function Koe(n,t){1&n&&se(0,"i",9)}function Xoe(n,t){if(1&n){const e=Ue();V(0,"a",5),de("click",function(s){return q(e),K(R().itemClick(s))}),se(1,"i",6),V(2,"span",7),le(3),Y(),O(4,Koe,1,0,"i",8),Y()}if(2&n){const e=R();x("ngClass",e.item.class),Ce("href",e.item.url,r0)("target",e.item.target),I(1),x("ngClass",e.item.icon),I(2),dt(e.item.label),I(1),x("ngIf",e.item.items)}}function Joe(n,t){1&n&&se(0,"i",9)}const Zoe=function(){return{paths:"exact",queryParams:"ignored",matrixParams:"ignored",fragment:"ignored"}};function Qoe(n,t){if(1&n){const e=Ue();V(0,"a",10),de("click",function(s){return q(e),K(R().itemClick(s))}),se(1,"i",6),V(2,"span",7),le(3),Y(),O(4,Joe,1,0,"i",8),Y()}if(2&n){const e=R();x("ngClass",e.item.class)("routerLink",e.item.routerLink)("routerLinkActiveOptions",e.item.routerLinkActiveOptions||Ni(14,Zoe))("fragment",e.item.fragment)("queryParamsHandling",e.item.queryParamsHandling)("preserveFragment",e.item.preserveFragment)("skipLocationChange",e.item.skipLocationChange)("replaceUrl",e.item.replaceUrl)("state",e.item.state)("queryParams",e.item.queryParams),Ce("target",e.item.target),I(1),x("ngClass",e.item.icon),I(2),dt(e.item.label),I(1),x("ngIf",e.item.items)}}function eae(n,t){if(1&n&&se(0,"li",12),2&n){const e=t.$implicit,i=t.index,s=R(2);Ge(e.badgeClass),x("item",e)("index",i)("parentKey",s.key)}}function tae(n,t){if(1&n&&(V(0,"ul"),O(1,eae,1,5,"ng-template",11),Y()),2&n){const e=R();x("@children",e.submenuAnimation),I(1),x("ngForOf",e.item.items)}}let nae=(()=>{class n{constructor(e,i,s,r){this.layoutService=e,this.cd=i,this.router=s,this.menuService=r,this.active=!1,this.key="",this.menuSourceSubscription=this.menuService.menuSource$.subscribe(o=>{Promise.resolve(null).then(()=>{o.routeEvent?this.active=!(o.key!==this.key&&!o.key.startsWith(this.key+"-")):o.key!==this.key&&!o.key.startsWith(this.key+"-")&&(this.active=!1)})}),this.menuResetSubscription=this.menuService.resetSource$.subscribe(()=>{this.active=!1}),this.router.events.pipe(vs(o=>o instanceof zr)).subscribe(o=>{this.item.routerLink&&this.updateActiveStateFromRoute()})}ngOnInit(){this.key=this.parentKey?this.parentKey+"-"+this.index:String(this.index),this.item.routerLink&&this.updateActiveStateFromRoute()}updateActiveStateFromRoute(){this.router.isActive(this.item.routerLink[0],{paths:"exact",queryParams:"ignored",matrixParams:"ignored",fragment:"ignored"})&&this.menuService.onMenuStateChange({key:this.key,routeEvent:!0})}itemClick(e){this.item.disabled?e.preventDefault():(this.item.command&&this.item.command({originalEvent:e,item:this.item}),this.item.items&&(this.active=!this.active),this.menuService.onMenuStateChange({key:this.key}))}get submenuAnimation(){return this.root||this.active?"expanded":"collapsed"}get activeClass(){return this.active&&!this.root}ngOnDestroy(){this.menuSourceSubscription&&this.menuSourceSubscription.unsubscribe(),this.menuResetSubscription&&this.menuResetSubscription.unsubscribe()}}return n.\u0275fac=function(e){return new(e||n)(W(ru),W(ti),W(zi),W(Goe))},n.\u0275cmp=Ne({type:n,selectors:[["","app-menuitem",""]],hostVars:4,hostBindings:function(e,i){2&e&&lo("layout-root-menuitem",i.root)("active-menuitem",i.activeClass)},inputs:{item:"item",index:"index",root:"root",parentKey:"parentKey"},attrs:$oe,decls:5,vars:4,consts:[["class","layout-menuitem-root-text",4,"ngIf"],["tabindex","0","pRipple","",3,"ngClass","click",4,"ngIf"],["routerLinkActive","active-route","tabindex","0","pRipple","",3,"ngClass","routerLink","routerLinkActiveOptions","fragment","queryParamsHandling","preserveFragment","skipLocationChange","replaceUrl","state","queryParams","click",4,"ngIf"],[4,"ngIf"],[1,"layout-menuitem-root-text"],["tabindex","0","pRipple","",3,"ngClass","click"],[1,"layout-menuitem-icon",3,"ngClass"],[1,"layout-menuitem-text"],["class","pi pi-fw pi-angle-down layout-submenu-toggler",4,"ngIf"],[1,"pi","pi-fw","pi-angle-down","layout-submenu-toggler"],["routerLinkActive","active-route","tabindex","0","pRipple","",3,"ngClass","routerLink","routerLinkActiveOptions","fragment","queryParamsHandling","preserveFragment","skipLocationChange","replaceUrl","state","queryParams","click"],["ngFor","",3,"ngForOf"],["app-menuitem","",3,"item","index","parentKey"]],template:function(e,i){1&e&&(ke(0),O(1,qoe,2,1,"div",0),O(2,Xoe,5,6,"a",1),O(3,Qoe,5,15,"a",2),O(4,tae,2,2,"ul",3),Ee()),2&e&&(I(1),x("ngIf",i.root&&!1!==i.item.visible),I(1),x("ngIf",(!i.item.routerLink||i.item.items)&&!1!==i.item.visible),I(1),x("ngIf",i.item.routerLink&&!i.item.items&&!1!==i.item.visible),I(1),x("ngIf",i.item.items&&!1!==i.item.visible))},dependencies:[gi,fo,Bn,Ch,Tl,M3,n],encapsulation:2,data:{animation:[nw("children",[iw("collapsed",ns({height:"0"})),iw("expanded",ns({height:"*"})),yl("collapsed <=> expanded",So("400ms cubic-bezier(0.86, 0, 0.07, 1)"))])]}}),n})();function iae(n,t){if(1&n&&se(0,"li",4),2&n){const e=R(),s=e.index;x("item",e.$implicit)("index",s)("root",!0)}}function sae(n,t){1&n&&se(0,"li",5)}function rae(n,t){if(1&n&&(ke(0),O(1,iae,1,3,"li",2),O(2,sae,1,0,"li",3),Ee()),2&n){const e=t.$implicit;I(1),x("ngIf",!e.separator),I(1),x("ngIf",e.separator)}}let oae=(()=>{class n{constructor(e,i,s){this.layoutService=e,this.router=i,this.activatedRoute=s}ngOnInit(){const i=this.extractRouteParams(this.activatedRoute.root.snapshot);this.params$=this.router.events.pipe(vs(s=>s instanceof zr),nt(()=>this.activatedRoute),nt(s=>{for(;s.firstChild;)s=s.firstChild;return s}),vs(s=>"primary"===s.outlet),Lt(s=>s.params),xO(i)),this.model$=this.params$.pipe(nt(s=>[{label:"Dashboard",items:[{label:"Dashboard",icon:"pi pi-fw pi-home",routerLink:[s.address]},{label:"Settings",icon:"pi pi-fw pi-cog",routerLink:[s.address,"settings"]}]}]))}extractRouteParams(e){let i=e,s={};for(;i.firstChild;)i=i.firstChild;return i&&i.params&&(s=i.params),s}}return n.\u0275fac=function(e){return new(e||n)(W(ru),W(zi),W(jr))},n.\u0275cmp=Ne({type:n,selectors:[["app-menu"]],decls:3,vars:3,consts:[[1,"layout-menu"],[4,"ngFor","ngForOf"],["app-menuitem","",3,"item","index","root",4,"ngIf"],["class","menu-separator",4,"ngIf"],["app-menuitem","",3,"item","index","root"],[1,"menu-separator"]],template:function(e,i){1&e&&(V(0,"ul",0),O(1,rae,3,2,"ng-container",1),Vt(2,"async"),Y()),2&e&&(I(1),x("ngForOf",$t(2,1,i.model$)))},dependencies:[fo,Bn,nae,el],encapsulation:2}),n})(),iR=(()=>{class n{constructor(e,i){this.layoutService=e,this.el=i}}return n.\u0275fac=function(e){return new(e||n)(W(ru),W(Gt))},n.\u0275cmp=Ne({type:n,selectors:[["app-sidebar"]],decls:1,vars:0,template:function(e,i){1&e&&se(0,"app-menu")},dependencies:[oae],encapsulation:2}),n})();const aae=["menubutton"],lae=["topbarmenubutton"],cae=["topbarmenu"],uae=function(n){return{"layout-topbar-menu-mobile-active":n}};let sR=(()=>{class n{constructor(e){this.layoutService=e}}return n.\u0275fac=function(e){return new(e||n)(W(ru))},n.\u0275cmp=Ne({type:n,selectors:[["app-topbar"]],viewQuery:function(e,i){if(1&e&&(Et(aae,5),Et(lae,5),Et(cae,5)),2&e){let s;rt(s=ot())&&(i.menuButton=s.first),rt(s=ot())&&(i.topbarMenuButton=s.first),rt(s=ot())&&(i.menu=s.first)}},decls:13,vars:3,consts:[[1,"layout-topbar"],["routerLink","",1,"layout-topbar-logo"],["src","assets/layout/images/logo.svg","alt","logo"],[1,"p-link","layout-menu-button","layout-topbar-button",3,"click"],["menubutton",""],[1,"pi","pi-bars"],[1,"p-link","layout-topbar-menu-button","layout-topbar-button",3,"click"],["topbarmenubutton",""],[1,"pi","pi-ellipsis-v"],[1,"layout-topbar-menu",3,"ngClass"],["topbarmenu",""]],template:function(e,i){1&e&&(V(0,"div",0)(1,"a",1),se(2,"img",2),V(3,"span"),le(4,"Public Pool"),Y()(),V(5,"button",3,4),de("click",function(){return i.layoutService.onMenuToggle()}),se(7,"i",5),Y(),V(8,"button",6,7),de("click",function(){return i.layoutService.showProfileSidebar()}),se(10,"i",8),Y(),se(11,"div",9,10),Y()),2&e&&(I(11),x("ngClass",Je(1,uae,i.layoutService.state.profileSidebarVisible)))},dependencies:[gi,Tl],encapsulation:2}),n})(),dae=(()=>{class n{constructor(e){this.layoutService=e}}return n.\u0275fac=function(e){return new(e||n)(W(ru))},n.\u0275cmp=Ne({type:n,selectors:[["app-footer"]],decls:1,vars:0,template:function(e,i){1&e&&se(0,"div")},encapsulation:2}),n})();const hae=[{path:"",component:Yoe},{path:"app",component:(()=>{class n{constructor(e,i,s){this.layoutService=e,this.renderer=i,this.router=s,this.overlayMenuOpenSubscription=this.layoutService.overlayOpen$.subscribe(()=>{this.menuOutsideClickListener||(this.menuOutsideClickListener=this.renderer.listen("document","click",r=>{!(this.appSidebar.el.nativeElement.isSameNode(r.target)||this.appSidebar.el.nativeElement.contains(r.target)||this.appTopbar.menuButton.nativeElement.isSameNode(r.target)||this.appTopbar.menuButton.nativeElement.contains(r.target))&&this.hideMenu()})),this.profileMenuOutsideClickListener||(this.profileMenuOutsideClickListener=this.renderer.listen("document","click",r=>{!(this.appTopbar.menu.nativeElement.isSameNode(r.target)||this.appTopbar.menu.nativeElement.contains(r.target)||this.appTopbar.topbarMenuButton.nativeElement.isSameNode(r.target)||this.appTopbar.topbarMenuButton.nativeElement.contains(r.target))&&this.hideProfileMenu()})),this.layoutService.state.staticMenuMobileActive&&this.blockBodyScroll()}),this.router.events.pipe(vs(r=>r instanceof zr)).subscribe(()=>{this.hideMenu(),this.hideProfileMenu()})}hideMenu(){this.layoutService.state.overlayMenuActive=!1,this.layoutService.state.staticMenuMobileActive=!1,this.layoutService.state.menuHoverActive=!1,this.menuOutsideClickListener&&(this.menuOutsideClickListener(),this.menuOutsideClickListener=null),this.unblockBodyScroll()}hideProfileMenu(){this.layoutService.state.profileSidebarVisible=!1,this.profileMenuOutsideClickListener&&(this.profileMenuOutsideClickListener(),this.profileMenuOutsideClickListener=null)}blockBodyScroll(){document.body.classList?document.body.classList.add("blocked-scroll"):document.body.className+=" blocked-scroll"}unblockBodyScroll(){document.body.classList?document.body.classList.remove("blocked-scroll"):document.body.className=document.body.className.replace(new RegExp("(^|\\b)"+"blocked-scroll".split(" ").join("|")+"(\\b|$)","gi")," ")}get containerClass(){return{"layout-theme-light":"light"===this.layoutService.config.colorScheme,"layout-theme-dark":"dark"===this.layoutService.config.colorScheme,"layout-overlay":"overlay"===this.layoutService.config.menuMode,"layout-static":"static"===this.layoutService.config.menuMode,"layout-static-inactive":this.layoutService.state.staticMenuDesktopInactive&&"static"===this.layoutService.config.menuMode,"layout-overlay-active":this.layoutService.state.overlayMenuActive,"layout-mobile-active":this.layoutService.state.staticMenuMobileActive,"p-input-filled":"filled"===this.layoutService.config.inputStyle,"p-ripple-disabled":!this.layoutService.config.ripple}}ngOnDestroy(){this.overlayMenuOpenSubscription&&this.overlayMenuOpenSubscription.unsubscribe(),this.menuOutsideClickListener&&this.menuOutsideClickListener()}}return n.\u0275fac=function(e){return new(e||n)(W(ru),W(oi),W(zi))},n.\u0275cmp=Ne({type:n,selectors:[["app-layout"]],viewQuery:function(e,i){if(1&e&&(Et(iR,5),Et(sR,5)),2&e){let s;rt(s=ot())&&(i.appSidebar=s.first),rt(s=ot())&&(i.appTopbar=s.first)}},decls:9,vars:1,consts:[[1,"layout-wrapper",3,"ngClass"],[1,"layout-sidebar"],[1,"layout-main-container"],[1,"layout-main"],[1,"layout-mask"]],template:function(e,i){1&e&&(V(0,"div",0),se(1,"app-topbar"),V(2,"div",1),se(3,"app-sidebar"),Y(),V(4,"div",2)(5,"div",3),se(6,"router-outlet"),Y(),se(7,"app-footer"),Y(),se(8,"div",4),Y()),2&e&&x("ngClass",i.containerClass)},dependencies:[gi,E_,sR,dae,iR],encapsulation:2}),n})(),children:[{path:":address",children:[{path:"settings",component:woe},{path:"",component:boe},{path:":workerName",children:[{path:"",component:zoe},{path:":workerId",component:Uoe}]}]}]}];let fae=(()=>{class n{}return n.\u0275fac=function(e){return new(e||n)},n.\u0275mod=pt({type:n}),n.\u0275inj=ht({imports:[Hw.forRoot(hae),Hw]}),n})();class pae{constructor(){this.radius=0,this.mass=0}load(t){t&&(void 0!==t.mass&&(this.mass=t.mass),void 0!==t.radius&&(this.radius=t.radius))}}class mae extends Vs{constructor(){super(),this.density=5,this.value=50,this.limit=new pae}load(t){t&&(super.load(t),void 0!==t.density&&(this.density=t.density),"number"==typeof t.limit?this.limit.radius=t.limit:this.limit.load(t.limit))}}class j_{constructor(){this.color=new Dn,this.color.value="#000000",this.draggable=!1,this.opacity=1,this.destroy=!0,this.orbits=!1,this.size=new mae}load(t){void 0!==t&&(void 0!==t.color&&(this.color=Dn.create(this.color,t.color)),void 0!==t.draggable&&(this.draggable=t.draggable),this.name=t.name,void 0!==t.opacity&&(this.opacity=t.opacity),void 0!==t.position&&(this.position={},void 0!==t.position.x&&(this.position.x=Le(t.position.x)),void 0!==t.position.y&&(this.position.y=Le(t.position.y))),void 0!==t.size&&this.size.load(t.size),void 0!==t.destroy&&(this.destroy=t.destroy),void 0!==t.orbits&&(this.orbits=t.orbits))}}class _ae{constructor(t,e,i,s){this.absorbers=t,this.container=e,this._calcPosition=()=>{const o=cA({size:this.container.canvas.size,position:this.options.position});return Xt.create(o.x,o.y)},this._updateParticlePosition=(o,a)=>{if(o.destroyed)return;const l=this.container,c=l.canvas.size;if(o.needsNewPosition){const u=lA({size:c});o.position.setTo(u),o.velocity.setTo(o.initialVelocity),o.absorberOrbit=void 0,o.needsNewPosition=!1}if(this.options.orbits){if(void 0===o.absorberOrbit&&(o.absorberOrbit=Xt.create(0,0),o.absorberOrbit.length=Vi(o.getPosition(),this.position),o.absorberOrbit.angle=tt()*Math.PI*2),o.absorberOrbit.length<=this.size&&!this.options.destroy){const v=Math.min(c.width,c.height);o.absorberOrbit.length=v*(.2*tt()-.1+1)}void 0===o.absorberOrbitDirection&&(o.absorberOrbitDirection=o.velocity.x>=0?"clockwise":"counter-clockwise");const u=o.absorberOrbit.length,f=o.absorberOrbit.angle,p=o.absorberOrbitDirection;o.velocity.setTo(Xt.origin);const g={x:"clockwise"===p?Math.cos:Math.sin,y:"clockwise"===p?Math.sin:Math.cos};o.position.x=this.position.x+u*g.x(f),o.position.y=this.position.y+u*g.y(f),o.absorberOrbit.length-=a.length,o.absorberOrbit.angle+=(o.retina.moveSpeed??0)*l.retina.pixelRatio/100*l.retina.reduceFactor}else{const u=Xt.origin;u.length=a.length,u.angle=a.angle,o.velocity.addTo(u)}},this.initialPosition=s?Xt.create(s.x,s.y):void 0,i instanceof j_?this.options=i:(this.options=new j_,this.options.load(i)),this.dragging=!1,this.name=this.options.name,this.opacity=this.options.opacity,this.size=fe(this.options.size.value)*e.retina.pixelRatio,this.mass=this.size*this.options.size.density*e.retina.reduceFactor;const r=this.options.size.limit;this.limit={radius:r.radius*e.retina.pixelRatio*e.retina.reduceFactor,mass:r.mass},this.color=Hs(this.options.color)??{b:0,g:0,r:0},this.position=this.initialPosition?.copy()??this._calcPosition()}attract(t){const e=this.container,i=this.options;if(i.draggable){const c=e.interactivity.mouse;c.clicking&&c.downPosition?Vi(this.position,c.downPosition)<=this.size&&(this.dragging=!0):this.dragging=!1,this.dragging&&c.position&&(this.position.x=c.position.x,this.position.y=c.position.y)}const s=t.getPosition(),{dx:r,dy:o,distance:a}=Ti(this.position,s),l=Xt.create(r,o);if(l.length=this.mass/Math.pow(a,2)*e.retina.reduceFactor,at.getRadius()&&avoid 0===e||"number"==typeof e?this.array[e||0]:this.array.find(i=>i.name===e),t.addAbsorber=(e,i)=>this.addAbsorber(e,i)}addAbsorber(t,e){const i=new _ae(this,this.container,t,e);return this.array.push(i),i}draw(t){for(const e of this.array)e.draw(t)}handleClickMode(t){const e=this.absorbers;if("absorber"===t){const r=ys(this.interactivityAbsorbers)??ys(e);this.addAbsorber(r,this.container.interactivity.mouse.clickPosition)}}init(){var t=this;return oe(function*(){t.absorbers=t.container.actualOptions.absorbers,t.interactivityAbsorbers=t.container.actualOptions.interactivity.modes.absorbers,rn(t.absorbers,e=>{t.addAbsorber(e)})})()}particleUpdate(t){for(const e of this.array)if(e.attract(t),t.destroyed)break}removeAbsorber(t){const e=this.array.indexOf(t);e>=0&&this.array.splice(e,1)}resize(){for(const t of this.array)t.resize()}stop(){this.array=[]}}class yae{constructor(){this.id="absorbers"}getPlugin(t){return new gae(t)}loadOptions(t,e){!this.needsPlugin(t)&&!this.needsPlugin(e)||(e?.absorbers&&(t.absorbers=rn(e.absorbers,i=>{const s=new j_;return s.load(i),s})),t.interactivity.modes.absorbers=rn(e?.interactivity?.modes?.absorbers,i=>{const s=new j_;return s.load(i),s}))}needsPlugin(t){if(!t)return!1;const e=t.absorbers;return e instanceof Array?!!e.length:!!e||!(!t.interactivity?.events?.onClick?.mode||!sn("absorber",t.interactivity.events.onClick.mode))}}function qw(){return qw=oe(function*(n){const t=new yae;yield n.addPlugin(t)}),qw.apply(this,arguments)}class bae{load(t){t&&(void 0!==t.bottom&&(this.bottom=Le(t.bottom)),void 0!==t.left&&(this.left=Le(t.left)),void 0!==t.right&&(this.right=Le(t.right)),void 0!==t.top&&(this.top=Le(t.top)))}}class wae extends Vs{constructor(){super(),this.value=3}}class Mae extends Vs{constructor(){super(),this.value={min:4,max:9}}}class Tae{constructor(){this.count=1,this.factor=new wae,this.rate=new Mae,this.sizeOffset=!0}load(t){t&&(void 0!==t.color&&(this.color=Dn.create(this.color,t.color)),void 0!==t.count&&(this.count=t.count),this.factor.load(t.factor),this.rate.load(t.rate),this.particles=rn(t.particles,e=>An({},e)),void 0!==t.sizeOffset&&(this.sizeOffset=t.sizeOffset),t.colorOffset&&(this.colorOffset=this.colorOffset??{},void 0!==t.colorOffset.h&&(this.colorOffset.h=t.colorOffset.h),void 0!==t.colorOffset.s&&(this.colorOffset.s=t.colorOffset.s),void 0!==t.colorOffset.l&&(this.colorOffset.l=t.colorOffset.l)))}}class Sae{constructor(){this.bounds=new bae,this.mode="none",this.split=new Tae}load(t){t&&(t.mode&&(this.mode=t.mode),t.bounds&&this.bounds.load(t.bounds),this.split.load(t.split))}}function Cae(n,t,e,i){const s=e.options.destroy;if(!s)return;const r=s.split,o=K1(n,t,e.options),a=Mo(r.factor),l=e.getFillColor();o.color.load(r.color?r.color:r.colorOffset&&l?{value:{hsl:{h:l.h+fe(r.colorOffset.h??0),s:l.s+fe(r.colorOffset.s??0),l:l.l+fe(r.colorOffset.l??0)}}}:{value:{hsl:e.getFillColor()}}),o.move.load({center:{x:e.position.x,y:e.position.y,mode:"precise"}}),"number"==typeof o.size.value?o.size.value/=a:(o.size.value.min/=a,o.size.value.max/=a),o.load(i);const c=r.sizeOffset?Le(-e.size.value,e.size.value):0,u={x:e.position.x+si(c),y:e.position.y+si(c)};return t.particles.addParticle(u,o,e.group,f=>!(f.size.value<.5||(f.velocity.length=si(Le(e.velocity.length,f.velocity.length)),f.splitCount=(e.splitCount??0)+1,f.unbreakable=!0,setTimeout(()=>{f.unbreakable=!1},500),0)))}class xae{constructor(t,e){this.engine=t,this.container=e}init(t){const e=this.container,s=t.options.destroy;if(!s)return;t.splitCount=0;const r=s.bounds;t.destroyBounds||(t.destroyBounds={});const{bottom:o,left:a,right:l,top:c}=r,{destroyBounds:u}=t,f=e.canvas.size;o&&(u.bottom=fe(o)*f.height/100),a&&(u.left=fe(a)*f.width/100),l&&(u.right=fe(l)*f.width/100),c&&(u.top=fe(c)*f.height/100)}isEnabled(t){return!t.destroyed}loadOptions(t,...e){t.destroy||(t.destroy=new Sae);for(const i of e)t.destroy.load(i?.destroy)}particleDestroyed(t,e){if(e)return;const i=t.options.destroy;i&&"split"===i.mode&&function Dae(n,t,e){const i=e.options.destroy;if(!i)return;const s=i.split;if(s.count>=0&&(void 0===e.splitCount||e.splitCount++>s.count))return;const r=Mo(s.rate),o=ys(s.particles);for(let a=0;a=i.bottom||void 0!==i.left&&e.x<=i.left||void 0!==i.right&&e.x>=i.right||void 0!==i.top&&e.y<=i.top)&&t.destroy()}}function Kw(){return Kw=oe(function*(n){yield n.addParticleUpdater("destroy",t=>new xae(n,t))}),Kw.apply(this,arguments)}class Eae{randomPosition(t,e,i){const[o,a]=[e.width/2,e.height/2],l=((f,p)=>{const g=tt()/4,v=Math.atan(p/f*Math.tan(2*Math.PI*g)),M=tt();return M<.25?v:M<.5?Math.PI-v:M<.75?Math.PI+v:-v})(o,a),c=(g=l,(f=o)*(p=a)/Math.sqrt((p*Math.cos(g))**2+(f*Math.sin(g))**2)),u=i?c*Math.sqrt(tt()):c;var f,p,g;return{x:t.x+u*Math.cos(l),y:t.y+u*Math.sin(l)}}}class Iae{constructor(){this.wait=!1}load(t){t&&(void 0!==t.count&&(this.count=t.count),void 0!==t.delay&&(this.delay=t.delay),void 0!==t.duration&&(this.duration=t.duration),void 0!==t.wait&&(this.wait=t.wait))}}class Lae{constructor(){this.quantity=1,this.delay=.1}load(t){void 0!==t&&(void 0!==t.quantity&&(this.quantity=Le(t.quantity)),void 0!==t.delay&&(this.delay=Le(t.delay)))}}class rR{constructor(){this.mode="percent",this.height=0,this.width=0}load(t){void 0!==t&&(void 0!==t.mode&&(this.mode=t.mode),void 0!==t.height&&(this.height=t.height),void 0!==t.width&&(this.width=t.width))}}class ya{constructor(){this.autoPlay=!0,this.fill=!0,this.life=new Iae,this.rate=new Lae,this.shape="square",this.startCount=0}load(t){t&&(void 0!==t.autoPlay&&(this.autoPlay=t.autoPlay),void 0!==t.size&&(this.size||(this.size=new rR),this.size.load(t.size)),void 0!==t.direction&&(this.direction=t.direction),this.domId=t.domId,void 0!==t.fill&&(this.fill=t.fill),this.life.load(t.life),this.name=t.name,this.particles=rn(t.particles,e=>An({},e)),this.rate.load(t.rate),void 0!==t.shape&&(this.shape=t.shape),void 0!==t.position&&(this.position={},void 0!==t.position.x&&(this.position.x=Le(t.position.x)),void 0!==t.position.y&&(this.position.y=Le(t.position.y))),void 0!==t.spawnColor&&(void 0===this.spawnColor&&(this.spawnColor=new Wc),this.spawnColor.load(t.spawnColor)),void 0!==t.startCount&&(this.startCount=t.startCount))}}class Pae{constructor(t,e,i,s,r){this.emitters=e,this.container=i,this._calcPosition=()=>cA({size:this.container.canvas.size,position:this.options.position}),this._destroy=()=>{this.emitters.removeEmitter(this),this._engine.dispatchEvent("emitterDestroyed",{container:this.container,data:{emitter:this}})},this._emit=()=>{if(this._paused)return;const a=fe(this.options.rate.quantity);this._emitParticles(a)},this._emitParticles=a=>{const l=this.getPosition(),c=this.getSize(),u=ys(this._particlesOptions);for(let f=0;f{if(this._paused)return;const a=this.options.life?.duration;this.container.retina.reduceFactor&&(this._lifeCount>0||this._immortal)&&void 0!==a&&a>0&&(this._duration=1e3*a)},this._setColorAnimation=(a,l,c)=>{const u=this.container;if(!a.enable)return l;const f=si(a.offset),g=1e3*fe(this.options.rate.delay)/u.retina.reduceFactor;return(l+fe(a.speed??0)*u.fpsLimit/g+3.6*f)%c},this._engine=t,this._currentDuration=0,this._currentEmitDelay=0,this._currentSpawnDelay=0,this._initialPosition=r,s instanceof ya?this.options=s:(this.options=new ya,this.options.load(s)),this._spawnDelay=1e3*(this.options.life.delay??0)/this.container.retina.reduceFactor,this.position=this._initialPosition??this._calcPosition(),this.name=this.options.name,this._shape=this._engine.emitterShapeManager?.getShape(this.options.shape),console.log(this.options.shape,this._shape),this.fill=this.options.fill,this._firstSpawn=!this.options.life.wait,this._startParticlesAdded=!1;let o=An({},this.options.particles);o??={},o.move??={},o.move.direction??=this.options.direction,this.options.spawnColor&&(this.spawnColor=pa(this.options.spawnColor)),this._paused=!this.options.autoPlay,this._particlesOptions=o,this.size=this.options.size??(()=>{const a=new rR;return a.load({height:0,mode:"percent",width:0}),a})(),this._lifeCount=this.options.life.count??-1,this._immortal=this._lifeCount<=0,this._engine.dispatchEvent("emitterCreated",{container:i,data:{emitter:this}}),this.play()}externalPause(){this._paused=!0,this.pause()}externalPlay(){this._paused=!1,this.play()}getPosition(){if(this.options.domId){const t=this.container,e=document.getElementById(this.options.domId);if(e){const i=e.getBoundingClientRect();return{x:(i.x+i.width/2)*t.retina.pixelRatio,y:(i.y+i.height/2)*t.retina.pixelRatio}}}return this.position}getSize(){const t=this.container;if(this.options.domId){const e=document.getElementById(this.options.domId);if(e){const i=e.getBoundingClientRect();return{width:i.width*t.retina.pixelRatio,height:i.height*t.retina.pixelRatio}}}return{width:"percent"===this.size.mode?t.canvas.size.width*this.size.width/100:this.size.width,height:"percent"===this.size.mode?t.canvas.size.height*this.size.height/100:this.size.height}}pause(){this._paused||delete this._emitDelay}play(){if(!this._paused&&this.container.retina.reduceFactor&&(this._lifeCount>0||this._immortal||!this.options.life.count)&&(this._firstSpawn||this._currentSpawnDelay>=(this._spawnDelay??0))){if(void 0===this._emitDelay){const t=fe(this.options.rate.delay);this._emitDelay=1e3*t/this.container.retina.reduceFactor}(this._lifeCount>0||this._immortal)&&this._prepareToDie()}}resize(){const t=this._initialPosition;this.position=t&&bh(t,this.container.canvas.size,Xt.origin)?t:this._calcPosition()}update(t){this._paused||(this._firstSpawn&&(this._firstSpawn=!1,this._currentSpawnDelay=this._spawnDelay??0,this._currentEmitDelay=this._emitDelay??0),this._startParticlesAdded||(this._startParticlesAdded=!0,this._emitParticles(this.options.startCount)),void 0!==this._duration&&(this._currentDuration+=t.value,this._currentDuration>=this._duration&&(this.pause(),void 0!==this._spawnDelay&&delete this._spawnDelay,this._immortal||this._lifeCount--,this._lifeCount>0||this._immortal?(this.position=this._calcPosition(),this._spawnDelay=1e3*(this.options.life.delay??0)/this.container.retina.reduceFactor):this._destroy(),this._currentDuration-=this._duration,delete this._duration)),void 0!==this._spawnDelay&&(this._currentSpawnDelay+=t.value,this._currentSpawnDelay>=this._spawnDelay&&(this._engine.dispatchEvent("emitterPlay",{container:this.container}),this.play(),this._currentSpawnDelay-=this._currentSpawnDelay,delete this._spawnDelay)),void 0!==this._emitDelay&&(this._currentEmitDelay+=t.value,this._currentEmitDelay>=this._emitDelay&&(this._emit(),this._currentEmitDelay-=this._emitDelay)))}}class Aae{constructor(t,e){this.container=e,this._engine=t,this.array=[],this.emitters=[],this.interactivityEmitters={random:{count:1,enable:!1},value:[]},e.getEmitter=i=>void 0===i||"number"==typeof i?this.array[i||0]:this.array.find(s=>s.name===i),e.addEmitter=(i,s)=>this.addEmitter(i,s),e.removeEmitter=i=>{const s=e.getEmitter(i);s&&this.removeEmitter(s)},e.playEmitter=i=>{const s=e.getEmitter(i);s&&s.externalPlay()},e.pauseEmitter=i=>{const s=e.getEmitter(i);s&&s.externalPause()}}addEmitter(t,e){const i=new ya;i.load(t);const s=new Pae(this._engine,this,this.container,i,e);return this.array.push(s),s}handleClickMode(t){const e=this.emitters,i=this.interactivityEmitters;if("emitter"!==t)return;let s;if(i&&i.value instanceof Array)if(i.value.length>0&&i.random.enable){s=[];const a=[];for(let l=0;l{this.addEmitter(a,o)})}init(){var t=this;return oe(function*(){if(t.emitters=t.container.actualOptions.emitters,t.interactivityEmitters=t.container.actualOptions.interactivity.modes.emitters,t.emitters)if(t.emitters instanceof Array)for(const e of t.emitters)t.addEmitter(e);else t.addEmitter(t.emitters)})()}pause(){for(const t of this.array)t.pause()}play(){for(const t of this.array)t.play()}removeEmitter(t){const e=this.array.indexOf(t);e>=0&&this.array.splice(e,1)}resize(){for(const t of this.array)t.resize()}stop(){this.array=[]}update(t){for(const e of this.array)e.update(t)}}const Xw=new Map;class Oae{constructor(t){this._engine=t}addShape(t,e){this.getShape(t)||Xw.set(t,e)}getShape(t){return Xw.get(t)}getSupportedShapes(){return Xw.keys()}}function oR(n,t){return n+t*(tt()-.5)}class Rae{randomPosition(t,e,i){if(i)return{x:oR(t.x,e.width),y:oR(t.y,e.height)};{const s=e.width/2,r=e.height/2,o=Math.floor(4*tt()),a=2*(tt()-.5);switch(o){case 0:return{x:t.x+a*s,y:t.y-r};case 1:return{x:t.x-s,y:t.y+a*r};case 2:return{x:t.x+a*s,y:t.y+r};default:return{x:t.x+s,y:t.y+a*r}}}}}class Fae{constructor(t){this._engine=t,this.id="emitters"}getPlugin(t){return new Aae(this._engine,t)}loadOptions(t,e){if(!this.needsPlugin(t)&&!this.needsPlugin(e))return;e?.emitters&&(t.emitters=rn(e.emitters,s=>{const r=new ya;return r.load(s),r}));const i=e?.interactivity?.modes?.emitters;if(i)if(i instanceof Array)t.interactivity.modes.emitters={random:{count:1,enable:!0},value:i.map(s=>{const r=new ya;return r.load(s),r})};else{const s=i;if(void 0!==s.value)if(s.value instanceof Array)t.interactivity.modes.emitters={random:{count:s.random.count??1,enable:s.random.enable??!1},value:s.value.map(r=>{const o=new ya;return o.load(r),o})};else{const r=new ya;r.load(s.value),t.interactivity.modes.emitters={random:{count:s.random.count??1,enable:s.random.enable??!1},value:r}}else(t.interactivity.modes.emitters={random:{count:1,enable:!1},value:new ya}).value.load(i)}}needsPlugin(t){if(!t)return!1;const e=t.emitters;return e instanceof Array&&!!e.length||void 0!==e||!!t.interactivity?.events?.onClick?.mode&&sn("emitter",t.interactivity.events.onClick.mode)}}function Jw(){return Jw=oe(function*(n){n.emitterShapeManager||(n.emitterShapeManager=new Oae(n)),n.addEmitterShape||(n.addEmitterShape=(e,i)=>{n.emitterShapeManager?.addShape(e,i)});const t=new Fae(n);yield n.addPlugin(t),n.addEmitterShape("circle",new Eae),n.addEmitterShape("square",new Rae)}),Jw.apply(this,arguments)}class Hae{constructor(){this.delay=1,this.pauseOnStop=!1,this.quantity=1}load(t){t&&(void 0!==t.delay&&(this.delay=t.delay),void 0!==t.quantity&&(this.quantity=t.quantity),void 0!==t.particles&&(this.particles=An({},t.particles)),void 0!==t.pauseOnStop&&(this.pauseOnStop=t.pauseOnStop))}}class Yae extends hr{constructor(t){super(t),this._delay=0}clear(){}init(){}interact(t){var e=this;return oe(function*(){const i=e.container,{interactivity:s}=i;if(!i.retina.reduceFactor)return;const o=i.actualOptions.interactivity.modes.trail;if(!o)return;const a=1e3*o.delay/e.container.retina.reduceFactor;if(e._delaynew Yae(t))}),Zw.apply(this,arguments)}class aR{constructor(){this.enable=!1,this.value=0}load(t){t&&(void 0!==t.enable&&(this.enable=t.enable),void 0!==t.value&&(this.value=Le(t.value)))}}class jae{constructor(){this.darken=new aR,this.enable=!1,this.enlighten=new aR,this.mode="vertical",this.speed=25}load(t){t&&(void 0!==t.backColor&&(this.backColor=Dn.create(this.backColor,t.backColor)),this.darken.load(t.darken),void 0!==t.enable&&(this.enable=t.enable),this.enlighten.load(t.enlighten),void 0!==t.mode&&(this.mode=t.mode),void 0!==t.speed&&(this.speed=Le(t.speed)))}}class Wae{getTransformValues(t){const e=t.roll?.enable&&t.roll,s=e&&e.vertical;return{a:e&&e.horizontal?Math.cos(e.angle):void 0,d:s?Math.sin(e.angle):void 0}}init(t){!function Bae(n){const t=n.options.roll;if(t?.enable)if(n.roll={enable:t.enable,horizontal:"horizontal"===t.mode||"both"===t.mode,vertical:"vertical"===t.mode||"both"===t.mode,angle:tt()*Math.PI*2,speed:fe(t.speed)/360},t.backColor)n.backColor=pa(t.backColor);else if(t.darken.enable&&t.enlighten.enable){const e=tt()>=.5?"darken":"enlighten";n.roll.alter={type:e,value:fe("darken"===e?t.darken.value:t.enlighten.value)}}else t.darken.enable?n.roll.alter={type:"darken",value:fe(t.darken.value)}:t.enlighten.enable&&(n.roll.alter={type:"enlighten",value:fe(t.enlighten.value)});else n.roll={enable:!1,horizontal:!1,vertical:!1,angle:0,speed:0}}(t)}isEnabled(t){const e=t.options.roll;return!t.destroyed&&!t.spawning&&!!e?.enable}loadOptions(t,...e){t.roll||(t.roll=new jae);for(const i of e)t.roll.load(i?.roll)}update(t,e){this.isEnabled(t)&&function zae(n,t){const e=n.options.roll,i=n.roll;if(!i||!e?.enable)return;const r=2*Math.PI;i.angle+=i.speed*t.factor,i.angle>r&&(i.angle-=r)}(t,e)}}function Qw(){return Qw=oe(function*(n){yield n.addParticleUpdater("roll",()=>new Wae)}),Qw.apply(this,arguments)}class W_{static init(t){const e=new W_,i=t.selector;if(!i)throw new Error("No selector provided");const s=document.querySelector(i);if(!s)throw new Error("No element found for selector");return Gc.set(i.replace(".","").replace("!",""),s,{fullScreen:{enable:!1},particles:{color:{value:t.color??"!000000"},links:{color:"random",distance:t.minDistance??120,enable:t.connectParticles??!1},move:{enable:!0,speed:t.speed??.5},number:{value:t.maxParticles??100},size:{value:{min:1,max:t.sizeVariations??3}}},responsive:t.responsive?.map(r=>({maxWidth:r.breakpoint,options:{particles:{color:{value:r.options?.color},links:{distance:r.options?.minDistance,enable:r.options?.connectParticles},number:{value:t.maxParticles},move:{enable:!0,speed:r.options?.speed},size:{value:r.options?.sizeVariations}}}}))}).then(r=>{e._container=r}),e}destroy(){const t=this._container;t&&t.destroy()}pauseAnimation(){const t=this._container;t&&t.pause()}resumeAnimation(){const t=this._container;t&&t.play()}}const $ae=n=>{const{particlesJS:t,pJSDom:e}=(n=>{const t=(i,s)=>n.load(i,s);return t.load=(i,s,r)=>{n.loadJSON(i,s).then(o=>{o&&r(o)}).catch(()=>{r(void 0)})},t.setOnClickHandler=i=>{n.setOnClickHandler(i)},{particlesJS:t,pJSDom:n.dom()}})(n);return window.particlesJS=t,window.pJSDom=e,window.Particles=W_,{particlesJS:t,pJSDom:e,Particles:W_}};class ele{constructor(){this._initSpin=t=>{const e=t.container,s=t.options.move.spin;if(!s.enable)return;const r=s.position??{x:50,y:50},o={x:r.x/100*e.canvas.size.width,y:r.y/100*e.canvas.size.height},l=Vi(t.getPosition(),o),c=fe(s.acceleration);t.retina.spinAcceleration=c*e.retina.pixelRatio,t.spin={center:o,direction:t.velocity.x>=0?"clockwise":"counter-clockwise",angle:t.velocity.angle,radius:l,acceleration:t.retina.spinAcceleration}}}init(t){const i=t.options.move.gravity;t.gravity={enable:i.enable,acceleration:fe(i.acceleration),inverse:i.inverse},this._initSpin(t)}isEnabled(t){return!t.destroyed&&t.options.move.enable}move(t,e){const i=t.options,s=i.move;if(!s.enable)return;const r=t.container,o=r.retina.pixelRatio,a=function Zae(n){return n.slow.inRange?n.slow.factor:1}(t),l=(t.retina.moveSpeed??=fe(s.speed)*o)*r.retina.reduceFactor,c=t.retina.moveDrift??=fe(t.options.move.drift)*o,u=ha(i.size.value)*o,p=l*(s.size?t.getRadius()/u:1)*a*(e.factor||1)/2,g=t.retina.maxSpeed??r.retina.maxSpeed;s.spin.enable?function Xae(n,t){const e=n.container;if(!n.spin)return;const i={x:"clockwise"===n.spin.direction?Math.cos:Math.sin,y:"clockwise"===n.spin.direction?Math.sin:Math.cos};n.position.x=n.spin.center.x+n.spin.radius*i.x(n.spin.angle),n.position.y=n.spin.center.y+n.spin.radius*i.y(n.spin.angle),n.spin.radius+=n.spin.acceleration;const s=Math.max(e.canvas.size.width,e.canvas.size.height);n.spin.radius>s/2?(n.spin.radius=s/2,n.spin.acceleration*=-1):n.spin.radius<0&&(n.spin.radius=0,n.spin.acceleration*=-1),n.spin.angle+=t/100*(1-n.spin.radius/s)}(t,p):function Kae(n,t,e,i,s,r){!function Jae(n,t){const i=n.options.move.path;if(!i.enable)return;if(n.lastPathTime<=n.pathDelay)return void(n.lastPathTime+=t.value);const r=n.pathGenerator?.generate(n,t);r&&n.velocity.addTo(r),i.clamp&&(n.velocity.x=dr(n.velocity.x,-1,1),n.velocity.y=dr(n.velocity.y,-1,1)),n.lastPathTime-=n.pathDelay}(n,r);const o=n.gravity,a=o?.enable&&o.inverse?-1:1;s&&e&&(n.velocity.x+=s*r.factor/(60*e)),o?.enable&&e&&(n.velocity.y+=a*(o.acceleration*r.factor)/(60*e)),n.velocity.multTo(n.moveDecay);const c=n.velocity.mult(e);o?.enable&&i>0&&(!o.inverse&&c.y>=0&&c.y>=i||o.inverse&&c.y<=0&&c.y<=-i)&&(c.y=a*i,e&&(n.velocity.y=c.y/e)),c.multTo((1-n.zIndexFactor)**n.options.zIndex.velocityRate);const{position:p}=n;p.addTo(c),t.vibrate&&(p.x+=Math.sin(p.x*Math.cos(p.y)),p.y+=Math.cos(p.y*Math.sin(p.x)))}(t,s,p,g,c,e),function qae(n){const t=n.initialPosition,{dx:e,dy:i}=Ti(t,n.position),s=Math.abs(e),r=Math.abs(i),{maxDistance:o}=n.retina,a=o.horizontal,l=o.vertical;if(a||l)if((a&&s>=a||l&&r>=l)&&!n.misplaced)n.misplaced=!!a&&s>a||!!l&&r>l,a&&(n.velocity.x=n.velocity.y/2-n.velocity.x),l&&(n.velocity.y=n.velocity.x/2-n.velocity.y);else if((!a||st.x&&u.x>0)&&(u.x*=-tt()),l&&(c.yt.y&&u.y>0)&&(u.y*=-tt())}}(t)}}function eM(){return eM=oe(function*(n){n.addMover("base",()=>new ele)}),eM.apply(this,arguments)}class nle{draw(t,e,i){e.circleRange||(e.circleRange={min:0,max:2*Math.PI});const s=e.circleRange;t.arc(0,0,i,s.min,s.max,!1)}getSidesCount(){return 12}particleInit(t,e){const i=e.shapeData,s=i?.angle??{max:360,min:0};e.circleRange="object"!=typeof s?{min:0,max:s*Math.PI/180}:{min:s.min*Math.PI/180,max:s.max*Math.PI/180}}}function tM(){return tM=oe(function*(n){yield n.addShape("circle",new nle)}),tM.apply(this,arguments)}function nM(n,t,e,i,s){if(!t||!e.enable||(t.maxLoops??0)>0&&(t.loops??0)>(t.maxLoops??0)||(t.time||(t.time=0),(t.delayTime??0)>0&&t.time<(t.delayTime??0)&&(t.time+=n.value),(t.delayTime??0)>0&&t.time<(t.delayTime??0)))return;const r=si(e.offset),o=(t.velocity??0)*n.factor+3.6*r,a=t.decay??1;s&&"increasing"!==t.status?(t.value-=o,t.value<0&&(t.loops||(t.loops=0),t.loops++,t.status="increasing",t.value+=t.value)):(t.value+=o,t.value>i&&(t.loops||(t.loops=0),t.loops++,s&&(t.status="decreasing",t.value-=t.value%i))),t.velocity&&1!==a&&(t.velocity*=a),t.value>i&&(t.value%=i)}class rle{constructor(t){this.container=t}init(t){const e=pa(t.options.color,t.id,t.options.reduceDuplicates);e&&(t.color=SA(e,t.options.color.animation,this.container.retina.reduceFactor))}isEnabled(t){const{h:e,s:i,l:s}=t.options.color.animation,{color:r}=t;return!t.destroyed&&!t.spawning&&(void 0!==r?.h.value&&e.enable||void 0!==r?.s.value&&i.enable||void 0!==r?.l.value&&s.enable)}update(t,e){!function sle(n,t){const{h:e,s:i,l:s}=n.options.color.animation,{color:r}=n;if(!r)return;const{h:o,s:a,l}=r;o&&nM(t,o,e,360,!1),a&&nM(t,a,i,100,!0),l&&nM(t,l,s,100,!0)}(t,e)}}function iM(){return iM=oe(function*(n){yield n.addParticleUpdater("color",t=>new rle(t))}),iM.apply(this,arguments)}class ale{constructor(){this.distance=200,this.duration=.4,this.easing="ease-out-quad",this.factor=1,this.maxSpeed=50,this.speed=1}load(t){t&&(void 0!==t.distance&&(this.distance=t.distance),void 0!==t.duration&&(this.duration=t.duration),void 0!==t.easing&&(this.easing=t.easing),void 0!==t.factor&&(this.factor=t.factor),void 0!==t.maxSpeed&&(this.maxSpeed=t.maxSpeed),void 0!==t.speed&&(this.speed=t.speed))}}class lle extends hr{constructor(t,e){super(e),this._clickAttract=()=>{const i=this.container;i.attract||(i.attract={particles:[]});const{attract:s}=i;if(s.finish||(s.count||(s.count=0),s.count++,s.count===i.particles.count&&(s.finish=!0)),s.clicking){const r=i.interactivity.mouse.clickPosition,o=i.retina.attractModeDistance;if(!o||o<0||!r)return;this._processAttract(r,o,new es(r.x,r.y,o))}else!1===s.clicking&&(s.particles=[])},this._hoverAttract=()=>{const i=this.container,s=i.interactivity.mouse.position,r=i.retina.attractModeDistance;!r||r<0||!s||this._processAttract(s,r,new es(s.x,s.y,r))},this._processAttract=(i,s,r)=>{const o=this.container,a=o.actualOptions.interactivity.modes.attract;if(!a)return;const l=o.particles.quadTree.query(r,c=>this.isEnabled(c));for(const c of l){const{dx:u,dy:f,distance:p}=Ti(c.position,i),g=a.speed*a.factor,v=dr(oA(a.easing)(1-p/s)*g,0,a.maxSpeed),M=Xt.create(0===p?g:u/p*v,0===p?g:f/p*v);c.position.subFrom(M)}},this._engine=t,e.attract||(e.attract={particles:[]}),this.handleClickMode=i=>{const r=this.container.actualOptions.interactivity.modes.attract;if(r&&"attract"===i){e.attract||(e.attract={particles:[]}),e.attract.clicking=!0,e.attract.count=0;for(const o of e.attract.particles)this.isEnabled(o)&&o.velocity.setTo(o.initialVelocity);e.attract.particles=[],e.attract.finish=!1,setTimeout(()=>{e.destroyed||(e.attract||(e.attract={particles:[]}),e.attract.clicking=!1)},1e3*r.duration)}}}clear(){}init(){const t=this.container,e=t.actualOptions.interactivity.modes.attract;e&&(t.retina.attractModeDistance=e.distance*t.retina.pixelRatio)}interact(){var t=this;return oe(function*(){const e=t.container,r=e.actualOptions.interactivity.events,l=r.onClick.enable,c=r.onClick.mode;e.interactivity.status===ml&&r.onHover.enable&&sn("attract",r.onHover.mode)?t._hoverAttract():l&&sn("attract",c)&&t._clickAttract()})()}isEnabled(t){const e=this.container,i=e.actualOptions,s=e.interactivity.mouse,r=(t?.interactivity??i.interactivity).events;if(!(s.position&&r.onHover.enable||s.clickPosition&&r.onClick.enable))return!1;const a=r.onClick.mode;return sn("attract",r.onHover.mode)||sn("attract",a)}loadModeOptions(t,...e){t.attract||(t.attract=new ale);for(const i of e)t.attract.load(i?.attract)}reset(){}}function sM(){return sM=oe(function*(n){yield n.addInteractor("externalAttract",t=>new lle(n,t))}),sM.apply(this,arguments)}class ule{constructor(){this.distance=200}load(t){t&&void 0!==t.distance&&(this.distance=t.distance)}}class dle extends hr{constructor(t){super(t),this._processBounce=(e,i,s)=>{const r=this.container.particles.quadTree.query(s,o=>this.isEnabled(o));for(const o of r)s instanceof es?_A(O1(o),{position:e,radius:i,mass:i**2*Math.PI/2,velocity:Xt.origin,factor:Xt.origin}):s instanceof Hr&&ZG(o,wh(e,i))},this._processMouseBounce=()=>{const e=this.container,r=e.interactivity.mouse.position,o=e.retina.bounceModeDistance;!o||o<0||!r||this._processBounce(r,o,new es(r.x,r.y,o+10*e.retina.pixelRatio))},this._singleSelectorBounce=(e,i)=>{const s=this.container,r=document.querySelectorAll(e);r.length&&r.forEach(o=>{const a=o,l=s.retina.pixelRatio,c={x:(a.offsetLeft+a.offsetWidth/2)*l,y:(a.offsetTop+a.offsetHeight/2)*l},u=a.offsetWidth/2*l,f=10*l,p="circle"===i.type?new es(c.x,c.y,u+f):new Hr(a.offsetLeft*l-f,a.offsetTop*l-f,a.offsetWidth*l+2*f,a.offsetHeight*l+2*f);this._processBounce(c,u,p)})}}clear(){}init(){const t=this.container,e=t.actualOptions.interactivity.modes.bounce;e&&(t.retina.bounceModeDistance=e.distance*t.retina.pixelRatio)}interact(){var t=this;return oe(function*(){const e=t.container,s=e.actualOptions.interactivity.events,l=s.onDiv;e.interactivity.status===ml&&s.onHover.enable&&sn("bounce",s.onHover.mode)?t._processMouseBounce():A1("bounce",l,(c,u)=>t._singleSelectorBounce(c,u))})()}isEnabled(t){const e=this.container,i=e.actualOptions,s=e.interactivity.mouse,r=(t?.interactivity??i.interactivity).events,o=r.onDiv;return s.position&&r.onHover.enable&&sn("bounce",r.onHover.mode)||P1("bounce",o)}loadModeOptions(t,...e){t.bounce||(t.bounce=new ule);for(const i of e)t.bounce.load(i?.bounce)}reset(){}}function rM(){return rM=oe(function*(n){yield n.addInteractor("externalBounce",t=>new dle(t))}),rM.apply(this,arguments)}class lR{constructor(){this.distance=200,this.duration=.4,this.mix=!1}load(t){if(t){if(void 0!==t.distance&&(this.distance=t.distance),void 0!==t.duration&&(this.duration=t.duration),void 0!==t.mix&&(this.mix=t.mix),void 0!==t.opacity&&(this.opacity=t.opacity),void 0!==t.color){const e=this.color instanceof Array?void 0:this.color;this.color=rn(t.color,i=>Dn.create(e,i))}void 0!==t.size&&(this.size=t.size)}}}class fle extends lR{constructor(){super(),this.selectors=[]}get ids(){return rn(this.selectors,t=>t.replace("#",""))}set ids(t){this.selectors=rn(t,e=>`#${e}`)}load(t){super.load(t),t&&(void 0!==t.ids&&(this.ids=t.ids),void 0!==t.selectors&&(this.selectors=t.selectors))}}class ple extends lR{load(t){super.load(t),t&&(this.divs=rn(t.divs,e=>{const i=new fle;return i.load(e),i}))}}function cR(n,t,e,i){return t>=e?dr(n+(t-e)*i,n,t):t{const e=this.container,s=e.interactivity.mouse.clickPosition,r=e.actualOptions.interactivity.modes.bubble;if(!r||!s)return;e.bubble||(e.bubble={});const o=e.retina.bubbleModeDistance;if(!o||o<0)return;const a=e.particles.quadTree.queryCircle(s,o,c=>this.isEnabled(c)),{bubble:l}=e;for(const c of a){if(!l.clicking)continue;c.bubble.inRange=!l.durationEnd;const f=Vi(c.getPosition(),s),p=((new Date).getTime()-(e.interactivity.mouse.clickTime||0))/1e3;p>r.duration&&(l.durationEnd=!0),p>2*r.duration&&(l.clicking=!1,l.durationEnd=!1);const g={bubbleObj:{optValue:e.retina.bubbleModeSize,value:c.bubble.radius},particlesObj:{optValue:ha(c.options.size.value)*e.retina.pixelRatio,value:c.size.value},type:"size"};this._process(c,f,p,g);const v={bubbleObj:{optValue:r.opacity,value:c.bubble.opacity},particlesObj:{optValue:ha(c.options.opacity.value),value:c.opacity?.value??1},type:"opacity"};this._process(c,f,p,v),!l.durationEnd&&f<=o?this._hoverBubbleColor(c,f):delete c.bubble.color}},this._hoverBubble=()=>{const e=this.container,i=e.interactivity.mouse.position,s=e.retina.bubbleModeDistance;if(!s||s<0||void 0===i)return;const r=e.particles.quadTree.queryCircle(i,s,o=>this.isEnabled(o));for(const o of r){o.bubble.inRange=!0;const l=Vi(o.getPosition(),i),c=1-l/s;l<=s?c>=0&&e.interactivity.status===ml&&(this._hoverBubbleSize(o,c),this._hoverBubbleOpacity(o,c),this._hoverBubbleColor(o,c)):this.reset(o),e.interactivity.status===x1&&this.reset(o)}},this._hoverBubbleColor=(e,i,s)=>{const o=s??this.container.actualOptions.interactivity.modes.bubble;if(o){if(!e.bubble.finalColor){const a=o.color;if(!a)return;const l=ys(a);e.bubble.finalColor=pa(l)}if(e.bubble.finalColor)if(o.mix){e.bubble.color=void 0;const a=e.getFillColor();e.bubble.color=a?N1(H1(a,e.bubble.finalColor,1-i,i)):e.bubble.finalColor}else e.bubble.color=e.bubble.finalColor}},this._hoverBubbleOpacity=(e,i,s)=>{const o=this.container.actualOptions,a=s?.opacity??o.interactivity.modes.bubble?.opacity;if(!a)return;const l=e.options.opacity.value,u=cR(e.opacity?.value??1,a,ha(l),i);void 0!==u&&(e.bubble.opacity=u)},this._hoverBubbleSize=(e,i,s)=>{const r=this.container,o=s?.size?s.size*r.retina.pixelRatio:r.retina.bubbleModeSize;if(void 0===o)return;const a=ha(e.options.size.value)*r.retina.pixelRatio,c=cR(e.size.value,o,a,i);void 0!==c&&(e.bubble.radius=c)},this._process=(e,i,s,r)=>{const o=this.container,a=r.bubbleObj.optValue,c=o.actualOptions.interactivity.modes.bubble;if(!c||void 0===a)return;const u=c.duration,f=o.retina.bubbleModeDistance,g=r.bubbleObj.value,v=r.particlesObj.value||0,M=r.type;if(f&&!(f<0)&&a!==r.particlesObj.optValue)if(o.bubble||(o.bubble={}),o.bubble.durationEnd)g&&("size"===M&&delete e.bubble.radius,"opacity"===M&&delete e.bubble.opacity);else if(i<=f){if((g??v)!==a){const L=v-s*(v-a)/u;"size"===M&&(e.bubble.radius=L),"opacity"===M&&(e.bubble.opacity=L)}}else"size"===M&&delete e.bubble.radius,"opacity"===M&&delete e.bubble.opacity},this._singleSelectorHover=(e,i,s)=>{const r=this.container,o=document.querySelectorAll(i),a=r.actualOptions.interactivity.modes.bubble;!a||!o.length||o.forEach(l=>{const c=l,u=r.retina.pixelRatio,f={x:(c.offsetLeft+c.offsetWidth/2)*u,y:(c.offsetTop+c.offsetHeight/2)*u},g="circle"===s.type?new es(f.x,f.y,c.offsetWidth/2*u):new Hr(c.offsetLeft*u,c.offsetTop*u,c.offsetWidth*u,c.offsetHeight*u),v=r.particles.quadTree.query(g,M=>this.isEnabled(M));for(const M of v){if(!g.contains(M.getPosition()))continue;M.bubble.inRange=!0;const L=mA(a.divs,c);(!M.bubble.div||M.bubble.div!==c)&&(this.clear(M,e,!0),M.bubble.div=c),this._hoverBubbleSize(M,1,L),this._hoverBubbleOpacity(M,1,L),this._hoverBubbleColor(M,1,L)}})},t.bubble||(t.bubble={}),this.handleClickMode=e=>{"bubble"===e&&(t.bubble||(t.bubble={}),t.bubble.clicking=!0)}}clear(t,e,i){t.bubble.inRange&&!i||(delete t.bubble.div,delete t.bubble.opacity,delete t.bubble.radius,delete t.bubble.color)}init(){const t=this.container,e=t.actualOptions.interactivity.modes.bubble;e&&(t.retina.bubbleModeDistance=e.distance*t.retina.pixelRatio,void 0!==e.size&&(t.retina.bubbleModeSize=e.size*t.retina.pixelRatio))}interact(t){var e=this;return oe(function*(){const s=e.container.actualOptions.interactivity.events,r=s.onHover,o=s.onClick,c=o.enable,u=o.mode,f=s.onDiv;r.enable&&sn("bubble",r.mode)?e._hoverBubble():c&&sn("bubble",u)?e._clickBubble():A1("bubble",f,(p,g)=>e._singleSelectorHover(t,p,g))})()}isEnabled(t){const e=this.container,i=e.actualOptions,s=e.interactivity.mouse,r=(t?.interactivity??i.interactivity).events,{onClick:o,onDiv:a,onHover:l}=r,c=P1("bubble",a);return!!(c||l.enable&&s.position||o.enable&&s.clickPosition)&&(sn("bubble",l.mode)||sn("bubble",o.mode)||c)}loadModeOptions(t,...e){t.bubble||(t.bubble=new ple);for(const i of e)t.bubble.load(i?.bubble)}reset(t){t.bubble.inRange=!1}}function oM(){return oM=oe(function*(n){yield n.addInteractor("externalBubble",t=>new mle(t))}),oM.apply(this,arguments)}class gle{constructor(){this.opacity=.5}load(t){t&&void 0!==t.opacity&&(this.opacity=t.opacity)}}class yle{constructor(){this.distance=80,this.links=new gle,this.radius=60}get lineLinked(){return this.links}set lineLinked(t){this.links=t}get line_linked(){return this.links}set line_linked(t){this.links=t}load(t){t&&(void 0!==t.distance&&(this.distance=t.distance),this.links.load(t.links??t.lineLinked??t.line_linked),void 0!==t.radius&&(this.radius=t.radius))}}function Mle(n,t,e){n.canvas.draw(i=>{const s=function wle(n,t,e,i){const r=n.actualOptions.interactivity.modes.connect;if(r)return function vle(n,t,e,i){const s=Math.floor(e.getRadius()/t.getRadius()),r=t.getFillColor(),o=e.getFillColor();if(!r||!o)return;const a=t.getPosition(),l=e.getPosition(),c=H1(r,o,t.getRadius(),e.getRadius()),u=n.createLinearGradient(a.x,a.y,l.x,l.y);return u.addColorStop(0,jc(r,i)),u.addColorStop(s>1?1:s,Nr(c,i)),u.addColorStop(1,jc(o,i)),u}(t,e,i,r.links.opacity)}(n,i,t,e);if(!s)return;const r=t.getPosition(),o=e.getPosition();!function ble(n,t,e,i,s){Mh(n,i,s),n.lineWidth=t,n.strokeStyle=e,n.stroke()}(i,t.retina.linksWidth??0,s,r,o)})}class Tle extends hr{constructor(t){super(t)}clear(){}init(){const t=this.container,e=t.actualOptions.interactivity.modes.connect;e&&(t.retina.connectModeDistance=e.distance*t.retina.pixelRatio,t.retina.connectModeRadius=e.radius*t.retina.pixelRatio)}interact(){var t=this;return oe(function*(){const e=t.container;if(e.actualOptions.interactivity.events.onHover.enable&&"pointermove"===e.interactivity.status){const s=e.interactivity.mouse.position;if(!e.retina.connectModeDistance||e.retina.connectModeDistance<0||!e.retina.connectModeRadius||e.retina.connectModeRadius<0||!s)return;const r=Math.abs(e.retina.connectModeRadius),o=e.particles.quadTree.queryCircle(s,r,l=>t.isEnabled(l));let a=0;for(const l of o){const c=l.getPosition();for(const u of o.slice(a+1)){const f=u.getPosition(),p=Math.abs(e.retina.connectModeDistance),g=Math.abs(c.x-f.x),v=Math.abs(c.y-f.y);gnew Tle(t))}),aM.apply(this,arguments)}class Cle{constructor(){this.blink=!1,this.consent=!1,this.opacity=1}load(t){t&&(void 0!==t.blink&&(this.blink=t.blink),void 0!==t.color&&(this.color=Dn.create(this.color,t.color)),void 0!==t.consent&&(this.consent=t.consent),void 0!==t.opacity&&(this.opacity=t.opacity))}}class Dle{constructor(){this.distance=100,this.links=new Cle}get lineLinked(){return this.links}set lineLinked(t){this.links=t}get line_linked(){return this.links}set line_linked(t){this.links=t}load(t){t&&(void 0!==t.distance&&(this.distance=t.distance),this.links.load(t.links??t.lineLinked??t.line_linked))}}function kle(n,t,e,i,s){n.canvas.draw(r=>{const o=t.getPosition();!function xle(n,t,e,i,s,r){Mh(n,e,i),n.strokeStyle=Nr(s,r),n.lineWidth=t,n.stroke()}(r,t.retina.linksWidth??0,o,s,e,i)})}class Ele extends hr{constructor(t){super(t)}clear(){}init(){const t=this.container,e=t.actualOptions.interactivity.modes.grab;e&&(t.retina.grabModeDistance=e.distance*t.retina.pixelRatio)}interact(){var t=this;return oe(function*(){const e=t.container,s=e.actualOptions.interactivity;if(!s.modes.grab||!s.events.onHover.enable||e.interactivity.status!==ml)return;const r=e.interactivity.mouse.position;if(!r)return;const o=e.retina.grabModeDistance;if(!o||o<0)return;const a=e.particles.quadTree.queryCircle(r,o,l=>t.isEnabled(l));for(const l of a){const u=Vi(l.getPosition(),r);if(u>o)continue;const f=s.modes.grab.links,p=f.opacity,g=p-u*p/o;if(g<=0)continue;const v=f.color??l.options.links?.color;if(!e.particles.grabLineColor&&v){const S=s.modes.grab.links;e.particles.grabLineColor=MA(v,S.blink,S.consent)}const M=Y1(l,void 0,e.particles.grabLineColor);M&&kle(e,l,M,g,r)}})()}isEnabled(t){const e=this.container,i=e.interactivity.mouse,s=(t?.interactivity??e.actualOptions.interactivity).events;return s.onHover.enable&&!!i.position&&sn("grab",s.onHover.mode)}loadModeOptions(t,...e){t.grab||(t.grab=new Dle);for(const i of e)t.grab.load(i?.grab)}reset(){}}function lM(){return lM=oe(function*(n){yield n.addInteractor("externalGrab",t=>new Ele(t))}),lM.apply(this,arguments)}class Lle extends hr{constructor(t){super(t),this.handleClickMode=e=>{if("pause"!==e)return;const i=this.container;i.getAnimationStatus()?i.pause():i.play()}}clear(){}init(){}interact(){return oe(function*(){})()}isEnabled(){return!0}reset(){}}function cM(){return cM=oe(function*(n){yield n.addInteractor("externalPause",t=>new Lle(t))}),cM.apply(this,arguments)}class Ale{constructor(){this.default=!0,this.groups=[],this.quantity=4}get particles_nb(){return this.quantity}set particles_nb(t){this.quantity=Le(t)}load(t){if(!t)return;void 0!==t.default&&(this.default=t.default),void 0!==t.groups&&(this.groups=t.groups.map(i=>i)),this.groups.length||(this.default=!0);const e=t.quantity??t.particles_nb;void 0!==e&&(this.quantity=Le(e))}}class Ole extends hr{constructor(t){super(t),this.handleClickMode=e=>{if("push"!==e)return;const i=this.container,r=i.actualOptions.interactivity.modes.push;if(!r)return;const o=fe(r.quantity);if(o<=0)return;const a=vh([void 0,...r.groups]);i.particles.push(o,i.interactivity.mouse,void 0!==a?i.actualOptions.particles.groups[a]:void 0,a)}}clear(){}init(){}interact(){return oe(function*(){})()}isEnabled(){return!0}loadModeOptions(t,...e){t.push||(t.push=new Ale);for(const i of e)t.push.load(i?.push)}reset(){}}function uM(){return uM=oe(function*(n){yield n.addInteractor("externalPush",t=>new Ole(t))}),uM.apply(this,arguments)}class Fle{constructor(){this.quantity=2}get particles_nb(){return this.quantity}set particles_nb(t){this.quantity=Le(t)}load(t){if(!t)return;const e=t.quantity??t.particles_nb;void 0!==e&&(this.quantity=Le(e))}}class Nle extends hr{constructor(t){super(t),this.handleClickMode=e=>{const i=this.container,s=i.actualOptions;if(!s.interactivity.modes.remove||"remove"!==e)return;const r=fe(s.interactivity.modes.remove.quantity);i.particles.removeQuantity(r)}}clear(){}init(){}interact(){return oe(function*(){})()}isEnabled(){return!0}loadModeOptions(t,...e){t.remove||(t.remove=new Fle);for(const i of e)t.remove.load(i?.remove)}reset(){}}function dM(){return dM=oe(function*(n){yield n.addInteractor("externalRemove",t=>new Nle(t))}),dM.apply(this,arguments)}class uR{constructor(){this.distance=200,this.duration=.4,this.factor=100,this.speed=1,this.maxSpeed=50,this.easing="ease-out-quad"}load(t){t&&(void 0!==t.distance&&(this.distance=t.distance),void 0!==t.duration&&(this.duration=t.duration),void 0!==t.easing&&(this.easing=t.easing),void 0!==t.factor&&(this.factor=t.factor),void 0!==t.speed&&(this.speed=t.speed),void 0!==t.maxSpeed&&(this.maxSpeed=t.maxSpeed))}}class Yle extends uR{constructor(){super(),this.selectors=[]}get ids(){return rn(this.selectors,t=>t.replace("#",""))}set ids(t){this.selectors=rn(t,e=>`#${e}`)}load(t){super.load(t),t&&(void 0!==t.ids&&(this.ids=t.ids),void 0!==t.selectors&&(this.selectors=t.selectors))}}class Vle extends uR{load(t){super.load(t),t&&(this.divs=rn(t.divs,e=>{const i=new Yle;return i.load(e),i}))}}class Ble extends hr{constructor(t,e){super(e),this._clickRepulse=()=>{const i=this.container,s=i.actualOptions.interactivity.modes.repulse;if(!s)return;const r=i.repulse||{particles:[]};if(r.finish||(r.count||(r.count=0),r.count++,r.count===i.particles.count&&(r.finish=!0)),r.clicking){const o=i.retina.repulseModeDistance;if(!o||o<0)return;const a=Math.pow(o/6,3),l=i.interactivity.mouse.clickPosition;if(void 0===l)return;const c=new es(l.x,l.y,a),u=i.particles.quadTree.query(c,f=>this.isEnabled(f));for(const f of u){const{dx:p,dy:g,distance:v}=Ti(l,f.position),M=v**2,L=-a*s.speed/M;if(M<=a){r.particles.push(f);const E=Xt.create(p,g);E.length=L,f.velocity.setTo(E)}}}else if(!1===r.clicking){for(const o of r.particles)o.velocity.setTo(o.initialVelocity);r.particles=[]}},this._hoverRepulse=()=>{const i=this.container,s=i.interactivity.mouse.position,r=i.retina.repulseModeDistance;!r||r<0||!s||this._processRepulse(s,r,new es(s.x,s.y,r))},this._processRepulse=(i,s,r,o)=>{const a=this.container,l=a.particles.quadTree.query(r,u=>this.isEnabled(u)),c=a.actualOptions.interactivity.modes.repulse;if(c)for(const u of l){const{dx:f,dy:p,distance:g}=Ti(u.position,i),v=(o?.speed??c.speed)*c.factor,M=dr(oA(c.easing)(1-g/s)*v,0,c.maxSpeed),S=Xt.create(0===g?v:f/g*M,0===g?v:p/g*M);u.position.addTo(S)}},this._singleSelectorRepulse=(i,s)=>{const r=this.container,o=r.actualOptions.interactivity.modes.repulse;if(!o)return;const a=document.querySelectorAll(i);a.length&&a.forEach(l=>{const c=l,u=r.retina.pixelRatio,f={x:(c.offsetLeft+c.offsetWidth/2)*u,y:(c.offsetTop+c.offsetHeight/2)*u},p=c.offsetWidth/2*u,g="circle"===s.type?new es(f.x,f.y,p):new Hr(c.offsetLeft*u,c.offsetTop*u,c.offsetWidth*u,c.offsetHeight*u),M=mA(o.divs,c);this._processRepulse(f,p,g,M)})},this._engine=t,e.repulse||(e.repulse={particles:[]}),this.handleClickMode=i=>{const r=this.container.actualOptions.interactivity.modes.repulse;if(!r||"repulse"!==i)return;e.repulse||(e.repulse={particles:[]});const o=e.repulse;o.clicking=!0,o.count=0;for(const a of e.repulse.particles)this.isEnabled(a)&&a.velocity.setTo(a.initialVelocity);o.particles=[],o.finish=!1,setTimeout(()=>{e.destroyed||(o.clicking=!1)},1e3*r.duration)}}clear(){}init(){const t=this.container,e=t.actualOptions.interactivity.modes.repulse;e&&(t.retina.repulseModeDistance=e.distance*t.retina.pixelRatio)}interact(){var t=this;return oe(function*(){const e=t.container,r=e.actualOptions.interactivity.events,o=r.onHover,c=r.onClick,u=c.enable,f=c.mode,p=r.onDiv;e.interactivity.status===ml&&o.enable&&sn("repulse",o.mode)?t._hoverRepulse():u&&sn("repulse",f)?t._clickRepulse():A1("repulse",p,(g,v)=>t._singleSelectorRepulse(g,v))})()}isEnabled(t){const e=this.container,i=e.actualOptions,s=e.interactivity.mouse,r=(t?.interactivity??i.interactivity).events,a=r.onHover,l=r.onClick,c=P1("repulse",r.onDiv);if(!(c||a.enable&&s.position||l.enable&&s.clickPosition))return!1;const f=l.mode;return sn("repulse",a.mode)||sn("repulse",f)||c}loadModeOptions(t,...e){t.repulse||(t.repulse=new Vle);for(const i of e)t.repulse.load(i?.repulse)}reset(){}}function hM(){return hM=oe(function*(n){yield n.addInteractor("externalRepulse",t=>new Ble(n,t))}),hM.apply(this,arguments)}class jle{constructor(){this.factor=3,this.radius=200}load(t){t&&(void 0!==t.factor&&(this.factor=t.factor),void 0!==t.radius&&(this.radius=t.radius))}}class Wle extends hr{constructor(t){super(t)}clear(t,e,i){t.slow.inRange&&!i||(t.slow.factor=1)}init(){const t=this.container,e=t.actualOptions.interactivity.modes.slow;e&&(t.retina.slowModeRadius=e.radius*t.retina.pixelRatio)}interact(){return oe(function*(){})()}isEnabled(t){const e=this.container,i=e.interactivity.mouse,s=(t?.interactivity??e.actualOptions.interactivity).events;return s.onHover.enable&&!!i.position&&sn("slow",s.onHover.mode)}loadModeOptions(t,...e){t.slow||(t.slow=new jle);for(const i of e)t.slow.load(i?.slow)}reset(t){t.slow.inRange=!1;const e=this.container,s=e.interactivity.mouse.position,r=e.retina.slowModeRadius,o=e.actualOptions.interactivity.modes.slow;if(!o||!r||r<0||!s)return;const l=Vi(s,t.getPosition()),c=l/r,u=o.factor,{slow:f}=t;l>r||(f.inRange=!0,f.factor=c/u)}}function fM(){return fM=oe(function*(n){yield n.addInteractor("externalSlow",t=>new Wle(t))}),fM.apply(this,arguments)}const Gle=/(#(?:[0-9a-f]{2}){2,4}|(#[0-9a-f]{3})|(rgb|hsl)a?\((-?\d+%?[,\s]+){2,3}\s*[\d.]+%?\))|currentcolor/gi;function pM(n){return mM.apply(this,arguments)}function mM(){return mM=oe(function*(n){return new Promise(t=>{n.loading=!0;const e=new Image;n.element=e,e.addEventListener("load",()=>{n.loading=!1,t()}),e.addEventListener("error",()=>{n.element=void 0,n.error=!0,n.loading=!1,console.error(`${ur} loading image: ${n.source}`),t()}),e.src=n.source})}),mM.apply(this,arguments)}function qle(n){return _M.apply(this,arguments)}function _M(){return _M=oe(function*(n){if("svg"!==n.type)return void(yield pM(n));n.loading=!0;const t=yield fetch(n.source);t.ok||(console.error(`${ur} Image not found`),n.error=!0),n.error||(n.svgData=yield t.text()),n.loading=!1}),_M.apply(this,arguments)}class Xle{constructor(t){var e=this;this.loadImageShape=function(){var i=oe(function*(s){if(!e._engine.loadImage)throw new Error(`${ur} image shape not initialized`);yield e._engine.loadImage({name:s.name,replaceColor:s.replaceColor??s.replace_color??!1,src:s.src})});return function(s){return i.apply(this,arguments)}}(),this._engine=t}addImage(t){this._engine.images||(this._engine.images=[]),this._engine.images.push(t)}draw(t,e,i,s){const r=e.image,o=r?.element;if(!o)return;const a=r?.ratio??1,l={x:-i,y:-i};t.globalAlpha=s,t.drawImage(o,l.x,l.y,2*i,2*i/a),t.globalAlpha=1}getSidesCount(){return 12}init(t){var e=this;return oe(function*(){const i=t.actualOptions;if(i.preload&&e._engine.loadImage)for(const s of i.preload)e._engine.loadImage(s)})()}loadShape(t){if("image"!==t.shape&&"images"!==t.shape)return;this._engine.images||(this._engine.images=[]);const e=t.shapeData;this._engine.images.find(s=>s.name===e.name||s.source===e.src)||this.loadImageShape(e).then(()=>{this.loadShape(t)})}particleInit(t,e){if("image"!==e.shape&&"images"!==e.shape)return;this._engine.images||(this._engine.images=[]);const i=this._engine.images,s=e.shapeData,r=e.getFillColor(),o=i.find(l=>l.name===s.name||l.source===s.src);if(!o)return;const a=s.replaceColor??s.replace_color??o.replaceColor;o.loading?setTimeout(()=>{this.particleInit(t,e)}):oe(function*(){let l;l=o.svgData&&r?yield function Kle(n,t,e,i){const s=function $le(n,t,e){const{svgData:i}=n;if(!i)return"";const s=jc(t,e);if(i.includes("fill"))return i.replace(Gle,()=>s);const r=i.indexOf(">");return`${i.substring(0,r)} fill="${s}"${i.substring(r)}`}(n,e,i.opacity?.value??1),r={color:e,data:{...n,svgData:s},loaded:!1,ratio:t.width/t.height,replaceColor:t.replaceColor??t.replace_color,source:t.src};return new Promise(o=>{const a=new Blob([s],{type:"image/svg+xml"}),l=URL||window.URL||window.webkitURL||window,c=l.createObjectURL(a),u=new Image;u.addEventListener("load",()=>{r.loaded=!0,r.element=u,o(r),l.revokeObjectURL(c)}),u.addEventListener("error",oe(function*(){l.revokeObjectURL(c);const f={...n,error:!1,loading:!0};yield pM(f),r.loaded=!0,r.element=f.element,o(r)})),u.src=c})}(o,s,r,e):{color:r,data:o,element:o.element,loaded:!0,ratio:s.width&&s.height?s.width/s.height:o.ratio??1,replaceColor:a,source:s.src},l.ratio||(l.ratio=1);const f={image:l,fill:s.fill??e.fill,close:s.close??e.close};e.image=f.image,e.fill=f.fill,e.close=f.close})()}}class Jle{constructor(){this.src=""}load(t){t&&(void 0!==t.height&&(this.height=t.height),void 0!==t.name&&(this.name=t.name),void 0!==t.replaceColor&&(this.replaceColor=t.replaceColor),void 0!==t.src&&(this.src=t.src),void 0!==t.width&&(this.width=t.width))}}class Zle{constructor(t){this.id="imagePreloader",this._engine=t}getPlugin(){return{}}loadOptions(t,e){if(!e||!e.preload)return;t.preload||(t.preload=[]);const i=t.preload;for(const s of e.preload){const r=i.find(o=>o.name===s.name||o.src===s.src);if(r)r.load(s);else{const o=new Jle;o.load(s),i.push(o)}}}needsPlugin(){return!0}}function gM(){return gM=oe(function*(n){n.loadImage||(n.loadImage=function(){var e=oe(function*(i){if(!i.name&&!i.src)throw new Error(`${ur} no image source provided`);if(n.images||(n.images=[]),!n.images.find(s=>s.name===i.name||s.source===i.src))try{const s={name:i.name??i.src,source:i.src,type:i.src.substring(i.src.length-3),error:!1,loading:!0,replaceColor:i.replaceColor,ratio:i.width&&i.height?i.width/i.height:void 0};n.images.push(s),yield(i.replaceColor?qle:pM)(s)}catch{throw new Error(`${ur} ${i.name??i.src} not found`)}});return function(i){return e.apply(this,arguments)}}());const t=new Zle(n);yield n.addPlugin(t),yield n.addShape(["image","images"],new Xle(n))}),gM.apply(this,arguments)}class ece extends Vs{constructor(){super(),this.sync=!1}load(t){t&&(super.load(t),void 0!==t.sync&&(this.sync=t.sync))}}class tce extends Vs{constructor(){super(),this.random.minimumValue=1e-4,this.sync=!1}load(t){t&&(super.load(t),void 0!==t.sync&&(this.sync=t.sync))}}class nce{constructor(){this.count=0,this.delay=new ece,this.duration=new tce}load(t){t&&(void 0!==t.count&&(this.count=t.count),this.delay.load(t.delay),this.duration.load(t.duration))}}class ice{constructor(t){this.container=t}init(t){const e=this.container,s=t.options.life;s&&(t.life={delay:e.retina.reduceFactor?fe(s.delay.value)*(s.delay.sync?1:tt())/e.retina.reduceFactor*1e3:0,delayTime:0,duration:e.retina.reduceFactor?fe(s.duration.value)*(s.duration.sync?1:tt())/e.retina.reduceFactor*1e3:0,time:0,count:s.count},t.life.duration<=0&&(t.life.duration=-1),t.life.count<=0&&(t.life.count=-1),t.life&&(t.spawning=t.life.delay>0))}isEnabled(t){return!t.destroyed}loadOptions(t,...e){t.life||(t.life=new nce);for(const i of e)t.life.load(i?.life)}update(t,e){if(!this.isEnabled(t)||!t.life)return;const i=t.life;let s=!1;if(t.spawning){if(i.delayTime+=e.value,!(i.delayTime>=t.life.delay))return;s=!0,t.spawning=!1,i.delayTime=0,i.time=0}if(-1===i.duration||t.spawning||(s?i.time=0:i.time+=e.value,i.time0&&t.life.count--,0===t.life.count)return void t.destroy();const r=this.container.canvas.size,o=Le(0,r.width),a=Le(0,r.width);t.position.x=si(o),t.position.y=si(a),t.spawning=!0,i.delayTime=0,i.time=0,t.reset();const l=t.options.life;l&&(i.delay=1e3*fe(l.delay.value),i.duration=1e3*fe(l.duration.value))}}function yM(){return yM=oe(function*(n){yield n.addParticleUpdater("life",t=>new ice(t))}),yM.apply(this,arguments)}class rce{draw(t,e,i){t.moveTo(-i/2,0),t.lineTo(i/2,0)}getSidesCount(){return 1}}function vM(){return vM=oe(function*(n){yield n.addShape("line",new rce)}),vM.apply(this,arguments)}class cce{constructor(t){this.container=t}init(t){const e=t.options.opacity;t.opacity=yA(e,1);const i=e.animation;i.enable&&(t.opacity.velocity=fe(i.speed)/100*this.container.retina.reduceFactor,i.sync||(t.opacity.velocity*=tt()))}isEnabled(t){return!t.destroyed&&!t.spawning&&!!t.opacity&&t.opacity.enable&&((t.opacity.maxLoops??0)<=0||(t.opacity.maxLoops??0)>0&&(t.opacity.loops??0)<(t.opacity.maxLoops??0))}reset(t){t.opacity&&(t.opacity.time=0,t.opacity.loops=0)}update(t,e){this.isEnabled(t)&&function lce(n,t){const e=n.opacity;if(n.destroyed||!e?.enable||(e.maxLoops??0)>0&&(e.loops??0)>(e.maxLoops??0))return;const i=e.min,s=e.max,r=e.decay??1;if(e.time||(e.time=0),(e.delayTime??0)>0&&e.time<(e.delayTime??0)&&(e.time+=t.value),!((e.delayTime??0)>0&&e.time<(e.delayTime??0))){switch(e.status){case"increasing":e.value>=s?(e.status="decreasing",e.loops||(e.loops=0),e.loops++):e.value+=(e.velocity??0)*t.factor;break;case"decreasing":e.value<=i?(e.status="increasing",e.loops||(e.loops=0),e.loops++):e.value-=(e.velocity??0)*t.factor}e.velocity&&1!==e.decay&&(e.velocity*=r),function ace(n,t,e,i){switch(n.options.opacity.animation.destroy){case"max":t>=i&&n.destroy();break;case"min":t<=e&&n.destroy()}}(n,e.value,i,s),n.destroyed||(e.value=dr(e.value,i,s))}}(t,e)}}function bM(){return bM=oe(function*(n){yield n.addParticleUpdater("opacity",t=>new cce(t))}),bM.apply(this,arguments)}class fce{constructor(t){this.container=t,this.modes=["bounce","bounce-vertical","bounce-horizontal","bounceVertical","bounceHorizontal","split"]}update(t,e,i,s){if(!this.modes.includes(s))return;const r=this.container;let o=!1;for(const[,p]of r.plugins)if(void 0!==p.particleBounce&&(o=p.particleBounce(t,i,e)),o)break;if(o)return;const a=t.getPosition(),l=t.offset,c=t.getRadius(),u=wh(a,c),f=r.canvas.size;(function dce(n){if("bounce"!==n.outMode&&"bounce-horizontal"!==n.outMode&&"bounceHorizontal"!==n.outMode&&"split"!==n.outMode)return;n.bounds.right<0?n.particle.position.x=n.size+n.offset.x:n.bounds.left>n.canvasSize.width&&(n.particle.position.x=n.canvasSize.width-n.size-n.offset.x);const t=n.particle.velocity.x;let e=!1;if("right"===n.direction&&n.bounds.right>=n.canvasSize.width&&t>0||"left"===n.direction&&n.bounds.left<=0&&t<0){const s=Mo(n.particle.options.bounce.horizontal);n.particle.velocity.x*=-s,e=!0}if(!e)return;const i=n.offset.x+n.size;n.bounds.right>=n.canvasSize.width?n.particle.position.x=n.canvasSize.width-i:n.bounds.left<=0&&(n.particle.position.x=i),"split"===n.outMode&&n.particle.destroy()})({particle:t,outMode:s,direction:e,bounds:u,canvasSize:f,offset:l,size:c}),function hce(n){if("bounce"!==n.outMode&&"bounce-vertical"!==n.outMode&&"bounceVertical"!==n.outMode&&"split"!==n.outMode)return;n.bounds.bottom<0?n.particle.position.y=n.size+n.offset.y:n.bounds.top>n.canvasSize.height&&(n.particle.position.y=n.canvasSize.height-n.size-n.offset.y);const t=n.particle.velocity.y;let e=!1;if("bottom"===n.direction&&n.bounds.bottom>=n.canvasSize.height&&t>0||"top"===n.direction&&n.bounds.top<=0&&t<0){const s=Mo(n.particle.options.bounce.vertical);n.particle.velocity.y*=-s,e=!0}if(!e)return;const i=n.offset.y+n.size;n.bounds.bottom>=n.canvasSize.height?n.particle.position.y=n.canvasSize.height-i:n.bounds.top<=0&&(n.particle.position.y=i),"split"===n.outMode&&n.particle.destroy()}({particle:t,outMode:s,direction:e,bounds:u,canvasSize:f,offset:l,size:c})}}class pce{constructor(t){this.container=t,this.modes=["destroy"]}update(t,e,i,s){if(!this.modes.includes(s))return;const r=this.container;switch(t.outType){case"normal":case"outside":if(bh(t.position,r.canvas.size,Xt.origin,t.getRadius(),e))return;break;case"inside":{const{dx:o,dy:a}=Ti(t.position,t.moveCenter),{x:l,y:c}=t.velocity;if(l<0&&o>t.moveCenter.radius||c<0&&a>t.moveCenter.radius||l>=0&&o<-t.moveCenter.radius||c>=0&&a<-t.moveCenter.radius)return;break}}r.particles.remove(t,void 0,!0)}}class mce{constructor(t){this.container=t,this.modes=["none"]}update(t,e,i,s){if(!this.modes.includes(s)||t.options.move.distance.horizontal&&("left"===e||"right"===e)||t.options.move.distance.vertical&&("top"===e||"bottom"===e))return;const r=t.options.move.gravity,o=this.container,a=o.canvas.size,l=t.getRadius();if(r.enable){const c=t.position;(!r.inverse&&c.y>a.height+l&&"bottom"===e||r.inverse&&c.y<-l&&"top"===e)&&o.particles.remove(t)}else{if(t.velocity.y>0&&t.position.y<=a.height+l||t.velocity.y<0&&t.position.y>=-l||t.velocity.x>0&&t.position.x<=a.width+l||t.velocity.x<0&&t.position.x>=-l)return;bh(t.position,o.canvas.size,Xt.origin,l,e)||o.particles.remove(t)}}}class _ce{constructor(t){this.container=t,this.modes=["out"]}update(t,e,i,s){if(!this.modes.includes(s))return;const r=this.container;switch(t.outType){case"inside":{const{x:o,y:a}=t.velocity,l=Xt.origin;l.length=t.moveCenter.radius,l.angle=t.velocity.angle+Math.PI,l.addTo(Xt.create(t.moveCenter));const{dx:c,dy:u}=Ti(t.position,l);if(o<=0&&c>=0||a<=0&&u>=0||o>=0&&c<=0||a>=0&&u<=0)return;t.position.x=Math.floor(si({min:0,max:r.canvas.size.width})),t.position.y=Math.floor(si({min:0,max:r.canvas.size.height}));const{dx:f,dy:p}=Ti(t.position,t.moveCenter);t.direction=Math.atan2(-p,-f),t.velocity.angle=t.direction;break}default:if(bh(t.position,r.canvas.size,Xt.origin,t.getRadius(),e))return;switch(t.outType){case"outside":{t.position.x=Math.floor(si({min:-t.moveCenter.radius,max:t.moveCenter.radius}))+t.moveCenter.x,t.position.y=Math.floor(si({min:-t.moveCenter.radius,max:t.moveCenter.radius}))+t.moveCenter.y;const{dx:o,dy:a}=Ti(t.position,t.moveCenter);t.moveCenter.radius&&(t.direction=Math.atan2(a,o),t.velocity.angle=t.direction);break}case"normal":{const o=t.options.move.warp,a=r.canvas.size,l={bottom:a.height+t.getRadius()+t.offset.y,left:-t.getRadius()-t.offset.x,right:a.width+t.getRadius()+t.offset.x,top:-t.getRadius()-t.offset.y},c=t.getRadius(),u=wh(t.position,c);"right"===e&&u.left>a.width+t.offset.x?(t.position.x=l.left,t.initialPosition.x=t.position.x,o||(t.position.y=tt()*a.height,t.initialPosition.y=t.position.y)):"left"===e&&u.right<-t.offset.x&&(t.position.x=l.right,t.initialPosition.x=t.position.x,o||(t.position.y=tt()*a.height,t.initialPosition.y=t.position.y)),"bottom"===e&&u.top>a.height+t.offset.y?(o||(t.position.x=tt()*a.width,t.initialPosition.x=t.position.x),t.position.y=l.top,t.initialPosition.y=t.position.y):"top"===e&&u.bottom<-t.offset.y&&(o||(t.position.x=tt()*a.width,t.initialPosition.x=t.position.x),t.position.y=l.bottom,t.initialPosition.y=t.position.y);break}}}}}class gce{constructor(t){this.container=t,this._updateOutMode=(e,i,s,r)=>{for(const o of this.updaters)o.update(e,r,i,s)},this.updaters=[new fce(t),new pce(t),new _ce(t),new mce(t)]}init(){}isEnabled(t){return!t.destroyed&&!t.spawning}update(t,e){const i=t.options.move.outModes;this._updateOutMode(t,e,i.bottom??i.default,"bottom"),this._updateOutMode(t,e,i.left??i.default,"left"),this._updateOutMode(t,e,i.right??i.default,"right"),this._updateOutMode(t,e,i.top??i.default,"top")}}function wM(){return wM=oe(function*(n){yield n.addParticleUpdater("outModes",t=>new gce(t))}),wM.apply(this,arguments)}class vce{init(){}isEnabled(t){return!fa()&&!t.destroyed&&t.container.actualOptions.interactivity.events.onHover.parallax.enable}move(t){const e=t.container,s=e.actualOptions.interactivity.events.onHover.parallax;if(fa()||!s.enable)return;const r=s.force,o=e.interactivity.mouse.position;if(!o)return;const a=e.canvas.size,l_x=a.width/2,l_y=a.height/2,c=s.smooth,u=t.getRadius()/r,f_x=(o.x-l_x)*u,f_y=(o.y-l_y)*u,{offset:p}=t;p.x+=(f_x-p.x)/c,p.y+=(f_y-p.y)/c}}function MM(){return MM=oe(function*(n){n.addMover("parallax",()=>new vce)}),MM.apply(this,arguments)}class wce extends Z1{constructor(t){super(t)}clear(){}init(){}interact(t){var e=this;return oe(function*(){const i=e.container,s=t.retina.attractDistance??i.retina.attractDistance,r=t.getPosition(),o=i.particles.quadTree.queryCircle(r,s);for(const a of o){if(t===a||!a.options.move.attract.enable||a.destroyed||a.spawning)continue;const l=a.getPosition(),{dx:c,dy:u}=Ti(r,l),f=t.options.move.attract.rotate,p=c/(1e3*f.x),g=u/(1e3*f.y),v=a.size.value/t.size.value,M=1/v;t.velocity.x-=p*v,t.velocity.y-=g*v,a.velocity.x+=p*M,a.velocity.y+=g*M}})()}isEnabled(t){return t.options.move.attract.enable}reset(){}}function TM(){return TM=oe(function*(n){yield n.addInteractor("particlesAttract",t=>new wce(t))}),TM.apply(this,arguments)}function dR(n,t,e,i,s,r){const o=dr(n.options.collisions.absorb.speed*s.factor/10,0,i);n.size.value+=o/2,e.size.value-=o,i<=r&&(e.size.value=0,e.destroy())}const hR=n=>{void 0===n.collisionMaxSpeed&&(n.collisionMaxSpeed=fe(n.options.collisions.maxSpeed)),n.velocity.length>n.collisionMaxSpeed&&(n.velocity.length=n.collisionMaxSpeed)};function fR(n,t){_A(O1(n),O1(t)),hR(n),hR(t)}function Cce(n,t,e,i){switch(n.options.collisions.mode){case"absorb":!function Tce(n,t,e,i){const s=n.getRadius(),r=t.getRadius();void 0===s&&void 0!==r?n.destroy():void 0!==s&&void 0===r?t.destroy():void 0!==s&&void 0!==r&&(s>=r?dR(n,0,t,r,e,i):dR(t,0,n,s,e,i))}(n,t,e,i);break;case"bounce":fR(n,t);break;case"destroy":!function Sce(n,t){!n.unbreakable&&!t.unbreakable&&fR(n,t),void 0===n.getRadius()&&void 0!==t.getRadius()?n.destroy():void 0!==n.getRadius()&&void 0===t.getRadius()?t.destroy():void 0!==n.getRadius()&&void 0!==t.getRadius()&&(n.getRadius()>=t.getRadius()?t:n).destroy()}(n,t)}}class Dce extends Z1{constructor(t){super(t)}clear(){}init(){}interact(t,e){var i=this;return oe(function*(){if(t.destroyed||t.spawning)return;const s=i.container,r=t.getPosition(),o=t.getRadius(),a=s.particles.quadTree.queryCircle(r,2*o);for(const l of a){if(t===l||!l.options.collisions.enable||t.options.collisions.mode!==l.options.collisions.mode||l.destroyed||l.spawning)continue;const c=l.getPosition(),u=l.getRadius();Math.abs(Math.round(r.z)-Math.round(c.z))>o+u||(Vi(r,c)>o+u||Cce(t,l,e,s.retina.pixelRatio))}})()}isEnabled(t){return t.options.collisions.enable}reset(){}}function SM(){return SM=oe(function*(n){yield n.addInteractor("particlesCollisions",t=>new Dce(t))}),SM.apply(this,arguments)}class kce extends es{constructor(t,e,i,s){super(t,e,i),this.canvasSize=s,this.canvasSize={...s}}contains(t){const{width:e,height:i}=this.canvasSize,{x:s,y:r}=t;return super.contains(t)||super.contains({x:s-e,y:r})||super.contains({x:s-e,y:r-i})||super.contains({x:s,y:r-i})}intersects(t){if(super.intersects(t))return!0;const e=t,s={x:t.position.x-this.canvasSize.width,y:t.position.y-this.canvasSize.height};if(void 0!==t.radius){const r=new es(s.x,s.y,2*t.radius);return super.intersects(r)}if(void 0!==e.size){const r=new Hr(s.x,s.y,2*e.size.width,2*e.size.height);return super.intersects(r)}return!1}}class Ece{constructor(){this.blur=5,this.color=new Dn,this.color.value="#000",this.enable=!1}load(t){t&&(void 0!==t.blur&&(this.blur=t.blur),this.color=Dn.create(this.color,t.color),void 0!==t.enable&&(this.enable=t.enable))}}class Ice{constructor(){this.enable=!1,this.frequency=1}load(t){t&&(void 0!==t.color&&(this.color=Dn.create(this.color,t.color)),void 0!==t.enable&&(this.enable=t.enable),void 0!==t.frequency&&(this.frequency=t.frequency),void 0!==t.opacity&&(this.opacity=t.opacity))}}class Lce{constructor(){this.blink=!1,this.color=new Dn,this.color.value="#fff",this.consent=!1,this.distance=100,this.enable=!1,this.frequency=1,this.opacity=1,this.shadow=new Ece,this.triangles=new Ice,this.width=1,this.warp=!1}load(t){t&&(void 0!==t.id&&(this.id=t.id),void 0!==t.blink&&(this.blink=t.blink),this.color=Dn.create(this.color,t.color),void 0!==t.consent&&(this.consent=t.consent),void 0!==t.distance&&(this.distance=t.distance),void 0!==t.enable&&(this.enable=t.enable),void 0!==t.frequency&&(this.frequency=t.frequency),void 0!==t.opacity&&(this.opacity=t.opacity),this.shadow.load(t.shadow),this.triangles.load(t.triangles),void 0!==t.width&&(this.width=t.width),void 0!==t.warp&&(this.warp=t.warp))}}function Pce(n,t,e,i,s){const{dx:r,dy:o,distance:a}=Ti(n,t);if(!s||a<=e)return a;const l={x:Math.abs(r),y:Math.abs(o)},c_x=Math.min(l.x,i.width-l.x),c_y=Math.min(l.y,i.height-l.y);return Math.sqrt(c_x**2+c_y**2)}class Ace extends Z1{constructor(t){super(t),this._setColor=e=>{if(!e.options.links)return;const i=this.linkContainer,s=e.options.links;let r=void 0===s.id?i.particles.linksColor:i.particles.linksColors.get(s.id);r||(r=MA(s.color,s.blink,s.consent),void 0===s.id?i.particles.linksColor=r:i.particles.linksColors.set(s.id,r))},this.linkContainer=t}clear(){}init(){this.linkContainer.particles.linksColor=void 0,this.linkContainer.particles.linksColors=new Map}interact(t){var e=this;return oe(function*(){if(!t.options.links)return;t.links=[];const i=t.getPosition(),s=e.container,r=s.canvas.size;if(i.x<0||i.y<0||i.x>r.width||i.y>r.height)return;const o=t.options.links,a=o.opacity,l=t.retina.linksDistance??0,c=o.warp,u=c?new kce(i.x,i.y,l,r):new es(i.x,i.y,l),f=s.particles.quadTree.query(u);for(const p of f){const g=p.options.links;if(t===p||!g?.enable||o.id!==g.id||p.spawning||p.destroyed||!p.links||t.links.some(L=>L.destination===p)||p.links.some(L=>L.destination===t))continue;const v=p.getPosition();if(v.x<0||v.y<0||v.x>r.width||v.y>r.height)continue;const M=Pce(i,v,l,r,c&&g.warp);if(M>l)continue;const S=(1-M/l)*a;e._setColor(t),t.links.push({destination:p,opacity:S})}})()}isEnabled(t){return!!t.options.links?.enable}loadParticlesOptions(t,...e){t.links||(t.links=new Lce);for(const i of e)t.links.load(i?.links??i?.lineLinked??i?.line_linked)}reset(){}}function CM(){return CM=oe(function*(n){yield n.addInteractor("particlesLinks",t=>new Ace(t))}),CM.apply(this,arguments)}function pR(n,t){const e=function Nce(n){return n.sort((t,e)=>t-e),n.join("_")}(n.map(s=>s.id));let i=t.get(e);return void 0===i&&(i=tt(),t.set(e,i)),i}class Hce{constructor(t){this.container=t,this._drawLinkLine=(e,i)=>{const s=this.container,r=s.actualOptions,o=i.destination,a=e.getPosition(),l=o.getPosition();let c=i.opacity;s.canvas.draw(u=>{if(!e.options.links)return;let f;const p=e.options.twinkle?.lines;if(p?.enable){const L=p.frequency,E=Hs(p.color);tt(){if(!e.options.links)return;const r=this.container,o=r.actualOptions,a=i.destination,l=s.destination,c=e.options.links.triangles,u=c.opacity??(i.opacity+s.opacity)/2;u<=0||r.canvas.draw(f=>{const p=e.getPosition(),g=a.getPosition(),v=l.getPosition(),M=e.retina.linksDistance??0;if(Vi(p,g)>M||Vi(v,g)>M||Vi(v,p)>M)return;let S=Hs(c.color);if(!S){const L=e.options.links,E=void 0!==L?.id?r.particles.linksColors.get(L.id):r.particles.linksColor;S=Y1(e,a,E)}S&&function Fce(n){const{context:t,pos1:e,pos2:i,pos3:s,backgroundMask:r,colorTriangle:o,opacityTriangle:a}=n;(function t$(n,t,e,i){n.beginPath(),n.moveTo(t.x,t.y),n.lineTo(e.x,e.y),n.lineTo(i.x,i.y),n.closePath()})(t,e,i,s),r.enable&&(t.globalCompositeOperation=r.composite),t.fillStyle=Nr(o,a),t.fill()}({context:f,pos1:p,pos2:g,pos3:v,backgroundMask:o.backgroundMask,colorTriangle:S,opacityTriangle:u})})},this._drawTriangles=(e,i,s,r)=>{const o=s.destination;if(!e.links?.triangles.enable||!o.options.links?.triangles.enable)return;const a=o.links?.filter(l=>{const c=this._getLinkFrequency(o,l.destination);return o.options.links&&c<=o.options.links.frequency&&r.findIndex(u=>u.destination===l.destination)>=0});if(a?.length)for(const l of a)this._getTriangleFrequency(i,o,l.destination)>e.links.triangles.frequency||this._drawLinkTriangle(i,s,l)},this._getLinkFrequency=(e,i)=>pR([e,i],this._freqs.links),this._getTriangleFrequency=(e,i,s)=>pR([e,i,s],this._freqs.triangles),this._freqs={links:new Map,triangles:new Map}}drawParticle(t,e){const{links:i,options:s}=e;if(!i||i.length<=0)return;const r=i.filter(o=>s.links&&this._getLinkFrequency(e,o.destination)<=s.links.frequency);for(const o of r)this._drawTriangles(s,e,o,r),o.opacity>0&&(e.retina.linksWidth??0)>0&&this._drawLinkLine(e,o)}init(){var t=this;return oe(function*(){t._freqs.links=new Map,t._freqs.triangles=new Map})()}particleCreated(t){if(t.links=[],!t.options.links)return;const e=this.container.retina.pixelRatio,{retina:i}=t,{distance:s,width:r}=t.options.links;i.linksDistance=s*e,i.linksWidth=r*e}particleDestroyed(t){t.links=[]}}class Yce{constructor(){this.id="links"}getPlugin(t){return new Hce(t)}loadOptions(){}needsPlugin(){return!0}}function DM(){return DM=oe(function*(n){const t=new Yce;yield n.addPlugin(t)}),DM.apply(this,arguments)}function xM(){return xM=oe(function*(n){yield function Oce(n){return CM.apply(this,arguments)}(n),yield function Vce(n){return DM.apply(this,arguments)}(n)}),xM.apply(this,arguments)}class mR{draw(t,e,i){const s=this.getCenter(e,i),r=this.getSidesData(e,i),o=r.count.numerator*r.count.denominator,a=r.count.numerator/r.count.denominator,c=Math.PI-Math.PI*(180*(a-2)/a)/180;if(t){t.beginPath(),t.translate(s.x,s.y),t.moveTo(0,0);for(let u=0;u0?"counter-clockwise":"clockwise"),i){case"counter-clockwise":case"counterClockwise":t.rotate.status="decreasing";break;case"clockwise":t.rotate.status="increasing"}const s=e.animation;s.enable&&(t.rotate.decay=1-fe(s.decay),t.rotate.velocity=fe(s.speed)/360*this.container.retina.reduceFactor,s.sync||(t.rotate.velocity*=tt())),t.rotation=t.rotate.value}isEnabled(t){const e=t.options.rotate;return!!e&&!t.destroyed&&!t.spawning&&e.animation.enable&&!e.path}loadOptions(t,...e){t.rotate||(t.rotate=new qce);for(const i of e)t.rotate.load(i?.rotate)}update(t,e){this.isEnabled(t)&&(function Kce(n,t){const e=n.rotate,i=n.options.rotate;if(!e||!i)return;const r=(e.velocity??0)*t.factor,o=2*Math.PI,a=e.decay??1;i.animation.enable&&("increasing"===e.status?(e.value+=r,e.value>o&&(e.value-=o)):(e.value-=r,e.value<0&&(e.value+=o)),e.velocity&&1!==a&&(e.velocity*=a))}(t,e),t.rotation=t.rotate?.value??0)}}function LM(){return LM=oe(function*(n){yield n.addParticleUpdater("rotate",t=>new Xce(t))}),LM.apply(this,arguments)}class eue{init(t){const e=t.container,s=t.options.size.animation;s.enable&&(t.size.velocity=(t.retina.sizeAnimationSpeed??e.retina.sizeAnimationSpeed)/100*e.retina.reduceFactor,s.sync||(t.size.velocity*=tt()))}isEnabled(t){return!t.destroyed&&!t.spawning&&t.size.enable&&((t.size.maxLoops??0)<=0||(t.size.maxLoops??0)>0&&(t.size.loops??0)<(t.size.maxLoops??0))}reset(t){t.size.loops=0}update(t,e){this.isEnabled(t)&&function Qce(n,t){const e=n.size;if(n.destroyed||!e||!e.enable||(e.maxLoops??0)>0&&(e.loops??0)>(e.maxLoops??0))return;const i=(e.velocity??0)*t.factor,s=e.min,r=e.max,o=e.decay??1;if(e.time||(e.time=0),(e.delayTime??0)>0&&e.time<(e.delayTime??0)&&(e.time+=t.value),!((e.delayTime??0)>0&&e.time<(e.delayTime??0))){switch(e.status){case"increasing":e.value>=r?(e.status="decreasing",e.loops||(e.loops=0),e.loops++):e.value+=i;break;case"decreasing":e.value<=s?(e.status="increasing",e.loops||(e.loops=0),e.loops++):e.value-=i}e.velocity&&1!==o&&(e.velocity*=o),function Zce(n,t,e,i){switch(n.options.size.animation.destroy){case"max":t>=i&&n.destroy();break;case"min":t<=e&&n.destroy()}}(n,e.value,s,r),n.destroyed||(e.value=dr(e.value,s,r))}}(t,e)}}function PM(){return PM=oe(function*(n){yield n.addParticleUpdater("size",()=>new eue)}),PM.apply(this,arguments)}const U_=Math.sqrt(2);class nue{draw(t,e,i){t.rect(-i/U_,-i/U_,2*i/U_,2*i/U_)}getSidesCount(){return 4}}function AM(){return AM=oe(function*(n){const t=new nue;yield n.addShape(["edge","square"],t)}),AM.apply(this,arguments)}class sue{draw(t,e,i){const s=e.sides,r=e.starInset??2;t.moveTo(0,0-i);for(let o=0;o0&&(t.loops??0)>(t.maxLoops??0)||(t.time||(t.time=0),(t.delayTime??0)>0&&t.time<(t.delayTime??0)&&(t.time+=n.value),(t.delayTime??0)>0&&t.time<(t.delayTime??0)))return;const r=si(e.offset),o=(t.velocity??0)*n.factor+3.6*r,a=t.decay??1;s&&"increasing"!==t.status?(t.value-=o,t.value<0&&(t.loops||(t.loops=0),t.loops++,t.status="increasing",t.value+=t.value)):(t.value+=o,t.value>i&&(t.loops||(t.loops=0),t.loops++,s&&(t.status="decreasing",t.value-=t.value%i))),t.velocity&&1!==a&&(t.velocity*=a),t.value>i&&(t.value%=i)}class aue{constructor(t){this.container=t}init(t){const e=this.container,i=t.options,s=ys(i.stroke,t.id,i.reduceDuplicates);t.strokeWidth=fe(s.width)*e.retina.pixelRatio,t.strokeOpacity=fe(s.opacity??1),t.strokeAnimation=s.color?.animation;const r=pa(s.color)??t.getFillColor();r&&(t.strokeColor=SA(r,t.strokeAnimation,e.retina.reduceFactor))}isEnabled(t){const e=t.strokeAnimation,{strokeColor:i}=t;return!t.destroyed&&!t.spawning&&!!e&&(void 0!==i?.h.value&&i.h.enable||void 0!==i?.s.value&&i.s.enable||void 0!==i?.l.value&&i.l.enable)}update(t,e){this.isEnabled(t)&&function oue(n,t){if(!n.strokeColor||!n.strokeAnimation)return;const{h:e,s:i,l:s}=n.strokeColor,{h:r,s:o,l:a}=n.strokeAnimation;e&&RM(t,e,r,360,!1),i&&RM(t,i,o,100,!0),s&&RM(t,s,a,100,!0)}(t,e)}}function FM(){return FM=oe(function*(n){yield n.addParticleUpdater("strokeColor",t=>new aue(t))}),FM.apply(this,arguments)}const G_=["text","character","char"];class cue{draw(t,e,i,s){const r=e.shapeData;if(void 0===r)return;const o=r.value;if(void 0===o)return;void 0===e.text&&(e.text=ys(o,e.randomIndexData));const a=e.text,l=r.style??"",c=r.weight??"400",u=2*Math.round(i),p=e.fill,g=a.length*i/2;t.font=`${l} ${c} ${u}px "${r.font??"Verdana"}"`;const v={x:-g,y:i/2};t.globalAlpha=s,p?t.fillText(a,v.x,v.y):t.strokeText(a,v.x,v.y),t.globalAlpha=1}getSidesCount(){return 12}init(t){return oe(function*(){const e=t.actualOptions;if(G_.find(i=>sn(i,e.particles.shape.type))){const i=G_.map(r=>e.particles.shape.options[r]).find(r=>!!r),s=[];rn(i,r=>{s.push(function KG(n,t){return L1.apply(this,arguments)}(r.font,r.weight))}),yield Promise.all(s)}})()}particleInit(t,e){if(!e.shape||!G_.includes(e.shape))return;const i=e.shapeData;if(void 0===i)return;const s=i.value;void 0!==s&&(e.text=ys(s,e.randomIndexData))}}function NM(){return NM=oe(function*(n){yield n.addShape(G_,new cue)}),NM.apply(this,arguments)}function HM(){return HM=oe(function*(n){yield function tle(n){return eM.apply(this,arguments)}(n),yield function bce(n){return MM.apply(this,arguments)}(n),yield function cle(n){return sM.apply(this,arguments)}(n),yield function hle(n){return rM.apply(this,arguments)}(n),yield function _le(n){return oM.apply(this,arguments)}(n),yield function Sle(n){return aM.apply(this,arguments)}(n),yield function Ile(n){return lM.apply(this,arguments)}(n),yield function Ple(n){return cM.apply(this,arguments)}(n),yield function Rle(n){return uM.apply(this,arguments)}(n),yield function Hle(n){return dM.apply(this,arguments)}(n),yield function zle(n){return hM.apply(this,arguments)}(n),yield function Ule(n){return fM.apply(this,arguments)}(n),yield function Mce(n){return TM.apply(this,arguments)}(n),yield function xce(n){return SM.apply(this,arguments)}(n),yield function Bce(n){return xM.apply(this,arguments)}(n),yield function ile(n){return tM.apply(this,arguments)}(n),yield function Qle(n){return gM.apply(this,arguments)}(n),yield function oce(n){return vM.apply(this,arguments)}(n),yield function Gce(n){return IM.apply(this,arguments)}(n),yield function iue(n){return AM.apply(this,arguments)}(n),yield function rue(n){return OM.apply(this,arguments)}(n),yield function uue(n){return NM.apply(this,arguments)}(n),yield function sce(n){return yM.apply(this,arguments)}(n),yield function uce(n){return bM.apply(this,arguments)}(n),yield function tue(n){return PM.apply(this,arguments)}(n),yield function ole(n){return iM.apply(this,arguments)}(n),yield function yce(n){return wM.apply(this,arguments)}(n),yield function Jce(n){return LM.apply(this,arguments)}(n),yield function lue(n){return FM.apply(this,arguments)}(n),yield $ae(n)}),HM.apply(this,arguments)}class hue{constructor(){this.enable=!1,this.speed=0,this.decay=0,this.sync=!1}load(t){t&&(void 0!==t.enable&&(this.enable=t.enable),void 0!==t.speed&&(this.speed=Le(t.speed)),void 0!==t.decay&&(this.decay=Le(t.decay)),void 0!==t.sync&&(this.sync=t.sync))}}class fue extends Vs{constructor(){super(),this.animation=new hue,this.direction="clockwise",this.enable=!1,this.value=0}load(t){super.load(t),t&&(this.animation.load(t.animation),void 0!==t.direction&&(this.direction=t.direction),void 0!==t.enable&&(this.enable=t.enable))}}class mue{constructor(t){this.container=t}getTransformValues(t){const e=t.tilt?.enable&&t.tilt;return{b:e?Math.cos(e.value)*e.cosDirection:void 0,c:e?Math.sin(e.value)*e.sinDirection:void 0}}init(t){const e=t.options.tilt;if(!e)return;t.tilt={enable:e.enable,value:fe(e.value)*Math.PI/180,sinDirection:tt()>=.5?1:-1,cosDirection:tt()>=.5?1:-1};let i=e.direction;switch("random"===i&&(i=Math.floor(2*tt())>0?"counter-clockwise":"clockwise"),i){case"counter-clockwise":case"counterClockwise":t.tilt.status="decreasing";break;case"clockwise":t.tilt.status="increasing"}const s=t.options.tilt?.animation;s?.enable&&(t.tilt.decay=1-fe(s.decay),t.tilt.velocity=fe(s.speed)/360*this.container.retina.reduceFactor,s.sync||(t.tilt.velocity*=tt()))}isEnabled(t){const e=t.options.tilt?.animation;return!t.destroyed&&!t.spawning&&!!e?.enable}loadOptions(t,...e){t.tilt||(t.tilt=new fue);for(const i of e)t.tilt.load(i?.tilt)}update(t,e){this.isEnabled(t)&&function pue(n,t){if(!n.tilt||!n.options.tilt)return;const s=(n.tilt.velocity??0)*t.factor,r=2*Math.PI,o=n.tilt.decay??1;n.options.tilt.animation.enable&&("increasing"===n.tilt.status?(n.tilt.value+=s,n.tilt.value>r&&(n.tilt.value-=r)):(n.tilt.value-=s,n.tilt.value<0&&(n.tilt.value+=r)),n.tilt.velocity&&1!==o&&(n.tilt.velocity*=o))}(t,e)}}function YM(){return YM=oe(function*(n){yield n.addParticleUpdater("tilt",t=>new mue(t))}),YM.apply(this,arguments)}class _R{constructor(){this.enable=!1,this.frequency=.05,this.opacity=1}load(t){t&&(void 0!==t.color&&(this.color=Dn.create(this.color,t.color)),void 0!==t.enable&&(this.enable=t.enable),void 0!==t.frequency&&(this.frequency=t.frequency),void 0!==t.opacity&&(this.opacity=Le(t.opacity)))}}class gue{constructor(){this.lines=new _R,this.particles=new _R}load(t){t&&(this.lines.load(t.lines),this.particles.load(t.particles))}}class yue{getColorStyles(t,e,i,s){const o=t.options.twinkle;if(!o)return{};const a=o.particles,l=a.enable&&tt()new yue)}),VM.apply(this,arguments)}class bue{constructor(){this.angle=50,this.move=10}load(t){t&&(void 0!==t.angle&&(this.angle=Le(t.angle)),void 0!==t.move&&(this.move=Le(t.move)))}}class wue{constructor(){this.distance=5,this.enable=!1,this.speed=new bue}load(t){if(t&&(void 0!==t.distance&&(this.distance=Le(t.distance)),void 0!==t.enable&&(this.enable=t.enable),void 0!==t.speed))if("number"==typeof t.speed)this.speed.load({angle:t.speed});else{const e=t.speed;this.speed.load(void 0!==e.min?{angle:e}:t.speed)}}}class Tue{constructor(t){this.container=t}init(t){const e=t.options.wobble;t.wobble=e?.enable?{angle:tt()*Math.PI*2,angleSpeed:fe(e.speed.angle)/360,moveSpeed:fe(e.speed.move)/10}:{angle:0,angleSpeed:0,moveSpeed:0},t.retina.wobbleDistance=fe(e?.distance??0)*this.container.retina.pixelRatio}isEnabled(t){return!t.destroyed&&!t.spawning&&!!t.options.wobble?.enable}loadOptions(t,...e){t.wobble||(t.wobble=new wue);for(const i of e)t.wobble.load(i?.wobble)}update(t,e){this.isEnabled(t)&&function Mue(n,t){const{wobble:e}=n.options,{wobble:i}=n;if(!e?.enable||!i)return;const s=i.angleSpeed*t.factor,o=i.moveSpeed*t.factor*((n.retina.wobbleDistance??0)*t.factor)/(1e3/60),a=2*Math.PI,{position:l}=n;i.angle+=s,i.angle>a&&(i.angle-=a),l.x+=o*Math.cos(i.angle),l.y+=o*Math.abs(Math.sin(i.angle))}(t,e)}}function BM(){return BM=oe(function*(n){yield n.addParticleUpdater("wobble",t=>new Tue(t))}),BM.apply(this,arguments)}function zM(){return zM=oe(function*(n){yield function due(n){return HM.apply(this,arguments)}(n),yield function kae(n){return Kw.apply(this,arguments)}(n),yield function Uae(n){return Qw.apply(this,arguments)}(n),yield function _ue(n){return YM.apply(this,arguments)}(n),yield function vue(n){return VM.apply(this,arguments)}(n),yield function Sue(n){return BM.apply(this,arguments)}(n),yield function Vae(n){return Zw.apply(this,arguments)}(n),yield function vae(n){return qw.apply(this,arguments)}(n),yield function Nae(n){return Jw.apply(this,arguments)}(n)}),zM.apply(this,arguments)}const ou={UKNOWN:"Unknown"},jM={CHROME:"Chrome",FIREFOX:"Firefox",SAFARI:"Safari",OPERA:"Opera",IE:"IE",MS_EDGE:"MS-Edge",MS_EDGE_CHROMIUM:"MS-Edge-Chromium",FB_MESSANGER:"FB-Messanger",SAMSUNG:"Samsung",UCBROWSER:"UC-Browser",UNKNOWN:ou.UKNOWN},$_={HTC:/HTC|HTC.*(Sensation|Evo|Vision|Explorer|6800|8100|8900|A7272|S510e|C110e|Legend|Desire|T8282)|APX515CKT|Qtek9090|APA9292KT|HD_mini|Sensation.*Z710e|PG86100|Z715e|Desire.*(A8181|HD)|ADR6200|ADR6400L|ADR6425|001HT|Inspire 4G|Android.*\bEVO\b|T-Mobile G1|Z520m|Android [0-9.]+; Pixel/,NEXUS_PHONE:/Nexus One|Nexus S|Galaxy.*Nexus|Android.*Nexus.*Mobile|Nexus 4|Nexus 5|Nexus 6/,DELL:/Dell[;]? (Streak|Aero|Venue|Venue Pro|Flash|Smoke|Mini 3iX)|XCD28|XCD35|\b001DL\b|\b101DL\b|\bGS01\b/,MOTOROLA:new RegExp("Motorola|DROIDX|DROID BIONIC|\\bDroid\\b.*Build|Android.*Xoom|HRI39|MOT-|A1260|A1680|A555|A853|\n A855|A953|A955|A956|Motorola.*ELECTRIFY|Motorola.*i1|i867|i940|MB200|MB300|MB501|MB502|MB508|MB511|\n MB520|MB525|MB526|MB611|MB612|MB632|MB810|MB855|MB860|MB861|MB865|MB870|ME501|ME502|ME511|ME525|ME600|\n ME632|ME722|ME811|ME860|ME863|ME865|MT620|MT710|MT716|MT720|MT810|MT870|MT917|Motorola.*TITANIUM|WX435|\n WX445|XT300|XT301|XT311|XT316|XT317|XT319|XT320|XT390|XT502|XT530|XT531|XT532|XT535|XT603|XT610|XT611|\n XT615|XT681|XT701|XT702|XT711|XT720|XT800|XT806|XT860|XT862|XT875|XT882|XT883|XT894|XT901|XT907|XT909|\n XT910|XT912|XT928|XT926|XT915|XT919|XT925|XT1021|\\bMoto E\\b|XT1068|XT1092|XT1052"),SAMSUNG:new RegExp("\\bSamsung\\b|SM-G950F|SM-G955F|SM-G9250|GT-19300|SGH-I337|BGT-S5230|GT-B2100|GT-B2700|GT-B2710|\n GT-B3210|GT-B3310|GT-B3410|GT-B3730|GT-B3740|GT-B5510|GT-B5512|GT-B5722|GT-B6520|GT-B7300|GT-B7320|\n GT-B7330|GT-B7350|GT-B7510|GT-B7722|GT-B7800|GT-C3010|GT-C3011|GT-C3060|GT-C3200|GT-C3212|GT-C3212I|\n GT-C3262|GT-C3222|GT-C3300|GT-C3300K|GT-C3303|GT-C3303K|GT-C3310|GT-C3322|GT-C3330|GT-C3350|GT-C3500|\n GT-C3510|GT-C3530|GT-C3630|GT-C3780|GT-C5010|GT-C5212|GT-C6620|GT-C6625|GT-C6712|GT-E1050|GT-E1070|\n GT-E1075|GT-E1080|GT-E1081|GT-E1085|GT-E1087|GT-E1100|GT-E1107|GT-E1110|GT-E1120|GT-E1125|GT-E1130|\n GT-E1160|GT-E1170|GT-E1175|GT-E1180|GT-E1182|GT-E1200|GT-E1210|GT-E1225|GT-E1230|GT-E1390|GT-E2100|\n GT-E2120|GT-E2121|GT-E2152|GT-E2220|GT-E2222|GT-E2230|GT-E2232|GT-E2250|GT-E2370|GT-E2550|GT-E2652|\n GT-E3210|GT-E3213|GT-I5500|GT-I5503|GT-I5700|GT-I5800|GT-I5801|GT-I6410|GT-I6420|GT-I7110|GT-I7410|\n GT-I7500|GT-I8000|GT-I8150|GT-I8160|GT-I8190|GT-I8320|GT-I8330|GT-I8350|GT-I8530|GT-I8700|GT-I8703|\n GT-I8910|GT-I9000|GT-I9001|GT-I9003|GT-I9010|GT-I9020|GT-I9023|GT-I9070|GT-I9082|GT-I9100|GT-I9103|\n GT-I9220|GT-I9250|GT-I9300|GT-I9305|GT-I9500|GT-I9505|GT-M3510|GT-M5650|GT-M7500|GT-M7600|GT-M7603|\n GT-M8800|GT-M8910|GT-N7000|GT-S3110|GT-S3310|GT-S3350|GT-S3353|GT-S3370|GT-S3650|GT-S3653|GT-S3770|\n GT-S3850|GT-S5210|GT-S5220|GT-S5229|GT-S5230|GT-S5233|GT-S5250|GT-S5253|GT-S5260|GT-S5263|GT-S5270|\n GT-S5300|GT-S5330|GT-S5350|GT-S5360|GT-S5363|GT-S5369|GT-S5380|GT-S5380D|GT-S5560|GT-S5570|GT-S5600|\n GT-S5603|GT-S5610|GT-S5620|GT-S5660|GT-S5670|GT-S5690|GT-S5750|GT-S5780|GT-S5830|GT-S5839|GT-S6102|\n GT-S6500|GT-S7070|GT-S7200|GT-S7220|GT-S7230|GT-S7233|GT-S7250|GT-S7500|GT-S7530|GT-S7550|GT-S7562|\n GT-S7710|GT-S8000|GT-S8003|GT-S8500|GT-S8530|GT-S8600|SCH-A310|SCH-A530|SCH-A570|SCH-A610|SCH-A630|\n SCH-A650|SCH-A790|SCH-A795|SCH-A850|SCH-A870|SCH-A890|SCH-A930|SCH-A950|SCH-A970|SCH-A990|SCH-I100|\n SCH-I110|SCH-I400|SCH-I405|SCH-I500|SCH-I510|SCH-I515|SCH-I600|SCH-I730|SCH-I760|SCH-I770|SCH-I830|\n SCH-I910|SCH-I920|SCH-I959|SCH-LC11|SCH-N150|SCH-N300|SCH-R100|SCH-R300|SCH-R351|SCH-R400|SCH-R410|\n SCH-T300|SCH-U310|SCH-U320|SCH-U350|SCH-U360|SCH-U365|SCH-U370|SCH-U380|SCH-U410|SCH-U430|SCH-U450|\n SCH-U460|SCH-U470|SCH-U490|SCH-U540|SCH-U550|SCH-U620|SCH-U640|SCH-U650|SCH-U660|SCH-U700|SCH-U740|\n SCH-U750|SCH-U810|SCH-U820|SCH-U900|SCH-U940|SCH-U960|SCS-26UC|SGH-A107|SGH-A117|SGH-A127|SGH-A137|\n SGH-A157|SGH-A167|SGH-A177|SGH-A187|SGH-A197|SGH-A227|SGH-A237|SGH-A257|SGH-A437|SGH-A517|SGH-A597|\n SGH-A637|SGH-A657|SGH-A667|SGH-A687|SGH-A697|SGH-A707|SGH-A717|SGH-A727|SGH-A737|SGH-A747|SGH-A767|\n SGH-A777|SGH-A797|SGH-A817|SGH-A827|SGH-A837|SGH-A847|SGH-A867|SGH-A877|SGH-A887|SGH-A897|SGH-A927|\n SGH-B100|SGH-B130|SGH-B200|SGH-B220|SGH-C100|SGH-C110|SGH-C120|SGH-C130|SGH-C140|SGH-C160|SGH-C170|\n SGH-C180|SGH-C200|SGH-C207|SGH-C210|SGH-C225|SGH-C230|SGH-C417|SGH-C450|SGH-D307|SGH-D347|SGH-D357|\n SGH-D407|SGH-D415|SGH-D780|SGH-D807|SGH-D980|SGH-E105|SGH-E200|SGH-E315|SGH-E316|SGH-E317|SGH-E335|\n SGH-E590|SGH-E635|SGH-E715|SGH-E890|SGH-F300|SGH-F480|SGH-I200|SGH-I300|SGH-I320|SGH-I550|SGH-I577|\n SGH-I600|SGH-I607|SGH-I617|SGH-I627|SGH-I637|SGH-I677|SGH-I700|SGH-I717|SGH-I727|SGH-i747M|SGH-I777|\n SGH-I780|SGH-I827|SGH-I847|SGH-I857|SGH-I896|SGH-I897|SGH-I900|SGH-I907|SGH-I917|SGH-I927|SGH-I937|\n SGH-I997|SGH-J150|SGH-J200|SGH-L170|SGH-L700|SGH-M110|SGH-M150|SGH-M200|SGH-N105|SGH-N500|SGH-N600|\n SGH-N620|SGH-N625|SGH-N700|SGH-N710|SGH-P107|SGH-P207|SGH-P300|SGH-P310|SGH-P520|SGH-P735|SGH-P777|\n SGH-Q105|SGH-R210|SGH-R220|SGH-R225|SGH-S105|SGH-S307|SGH-T109|SGH-T119|SGH-T139|SGH-T209|SGH-T219|\n SGH-T229|SGH-T239|SGH-T249|SGH-T259|SGH-T309|SGH-T319|SGH-T329|SGH-T339|SGH-T349|SGH-T359|SGH-T369|\n SGH-T379|SGH-T409|SGH-T429|SGH-T439|SGH-T459|SGH-T469|SGH-T479|SGH-T499|SGH-T509|SGH-T519|SGH-T539|\n SGH-T559|SGH-T589|SGH-T609|SGH-T619|SGH-T629|SGH-T639|SGH-T659|SGH-T669|SGH-T679|SGH-T709|SGH-T719|\n SGH-T729|SGH-T739|SGH-T746|SGH-T749|SGH-T759|SGH-T769|SGH-T809|SGH-T819|SGH-T839|SGH-T919|SGH-T929|\n SGH-T939|SGH-T959|SGH-T989|SGH-U100|SGH-U200|SGH-U800|SGH-V205|SGH-V206|SGH-X100|SGH-X105|SGH-X120|\n SGH-X140|SGH-X426|SGH-X427|SGH-X475|SGH-X495|SGH-X497|SGH-X507|SGH-X600|SGH-X610|SGH-X620|SGH-X630|\n SGH-X700|SGH-X820|SGH-X890|SGH-Z130|SGH-Z150|SGH-Z170|SGH-ZX10|SGH-ZX20|SHW-M110|SPH-A120|SPH-A400|\n SPH-A420|SPH-A460|SPH-A500|SPH-A560|SPH-A600|SPH-A620|SPH-A660|SPH-A700|SPH-A740|SPH-A760|SPH-A790|\n SPH-A800|SPH-A820|SPH-A840|SPH-A880|SPH-A900|SPH-A940|SPH-A960|SPH-D600|SPH-D700|SPH-D710|SPH-D720|\n SPH-I300|SPH-I325|SPH-I330|SPH-I350|SPH-I500|SPH-I600|SPH-I700|SPH-L700|SPH-M100|SPH-M220|SPH-M240|\n SPH-M300|SPH-M305|SPH-M320|SPH-M330|SPH-M350|SPH-M360|SPH-M370|SPH-M380|SPH-M510|SPH-M540|SPH-M550|\n SPH-M560|SPH-M570|SPH-M580|SPH-M610|SPH-M620|SPH-M630|SPH-M800|SPH-M810|SPH-M850|SPH-M900|SPH-M910|\n SPH-M920|SPH-M930|SPH-N100|SPH-N200|SPH-N240|SPH-N300|SPH-N400|SPH-Z400|SWC-E100|SCH-i909|GT-N7100|\n GT-N7105|SCH-I535|SM-N900A|SM-N900T|SGH-I317|SGH-T999L|GT-S5360B|GT-I8262|GT-S6802|GT-S6312|GT-S6310|GT-S5312|\n GT-S5310|GT-I9105|GT-I8510|GT-S6790N|SM-G7105|SM-N9005|GT-S5301|GT-I9295|GT-I9195|SM-C101|GT-S7392|GT-S7560|\n GT-B7610|GT-I5510|GT-S7582|GT-S7530E|GT-I8750|SM-G9006V|SM-G9008V|SM-G9009D|SM-G900A|SM-G900D|SM-G900F|\n SM-G900H|SM-G900I|SM-G900J|SM-G900K|SM-G900L|SM-G900M|SM-G900P|SM-G900R4|SM-G900S|SM-G900T|SM-G900V|\n SM-G900W8|SHV-E160K|SCH-P709|SCH-P729|SM-T2558|GT-I9205|SM-G9350|SM-J120F|SM-G920F|SM-G920V|SM-G930F|\n SM-N910C|SM-A310F|GT-I9190|SM-J500FN|SM-G903F|SM-J330F"),LG:new RegExp("\\bLG\\b;|LG[- ]?(C800|C900|E400|E610|E900|E-900|F160|F180K|F180L|F180S|730|855|L160|LS740|LS840|LS970|\n LU6200|MS690|MS695|MS770|MS840|MS870|MS910|P500|P700|P705|VM696|AS680|AS695|AX840|C729|E970|GS505|272|\n C395|E739BK|E960|L55C|L75C|LS696|LS860|P769BK|P350|P500|P509|P870|UN272|US730|VS840|VS950|LN272|LN510|\n LS670|LS855|LW690|MN270|MN510|P509|P769|P930|UN200|UN270|UN510|UN610|US670|US740|US760|UX265|UX840|VN271|\n VN530|VS660|VS700|VS740|VS750|VS910|VS920|VS930|VX9200|VX11000|AX840A|LW770|P506|P925|P999|E612|D955|D802|\n MS323|M257)"),SONY:/SonyST|SonyLT|SonyEricsson|SonyEricssonLT15iv|LT18i|E10i|LT28h|LT26w|SonyEricssonMT27i|C5303|C6902|C6903|C6906|C6943|D2533/,ASUS:/Asus.*Galaxy|PadFone.*Mobile/,NOKIA_LUMIA:/Lumia [0-9]{3,4}/,MICROMAX:/Micromax.*\b(A210|A92|A88|A72|A111|A110Q|A115|A116|A110|A90S|A26|A51|A35|A54|A25|A27|A89|A68|A65|A57|A90)\b/,PALM:/PalmSource|Palm/,VERTU:/Vertu|Vertu.*Ltd|Vertu.*Ascent|Vertu.*Ayxta|Vertu.*Constellation(F|Quest)?|Vertu.*Monika|Vertu.*Signature/,PANTECH:new RegExp("PANTECH|IM-A850S|IM-A840S|IM-A830L|IM-A830K|IM-A830S|IM-A820L|IM-A810K|IM-A810S|IM-A800S|IM-T100K|\n IM-A725L|IM-A780L|IM-A775C|IM-A770K|IM-A760S|IM-A750K|IM-A740S|IM-A730S|IM-A720L|IM-A710K|IM-A690L|\n IM-A690S|IM-A650S|IM-A630K|IM-A600S|VEGA PTL21|PT003|P8010|ADR910L|P6030|P6020|P9070|P4100|P9060|P5000|\n CDM8992|TXT8045|ADR8995|IS11PT|P2030|P6010|P8000|PT002|IS06|CDM8999|P9050|PT001|TXT8040|P2020|P9020|\n P2000|P7040|P7000|C790"),FLY:/IQ230|IQ444|IQ450|IQ440|IQ442|IQ441|IQ245|IQ256|IQ236|IQ255|IQ235|IQ245|IQ275|IQ240|IQ285|IQ280|IQ270|IQ260|IQ250/,WIKO:new RegExp("KITE 4G|HIGHWAY|GETAWAY|STAIRWAY|DARKSIDE|DARKFULL|DARKNIGHT|DARKMOON|SLIDE|WAX 4G|RAINBOW|BLOOM|\n SUNSET|GOA(?!nna)|LENNY|BARRY|IGGY|OZZY|CINK FIVE|CINK PEAX|CINK PEAX 2|CINK SLIM|CINK SLIM 2|CINK +|\n CINK KING|CINK PEAX|CINK SLIM|SUBLIM"),I_MOBILE:/i-mobile (IQ|i-STYLE|idea|ZAA|Hitz)/,SIMVALLEY:/\b(SP-80|XT-930|SX-340|XT-930|SX-310|SP-360|SP60|SPT-800|SP-120|SPT-800|SP-140|SPX-5|SPX-8|SP-100|SPX-8|SPX-12)\b/,WOLFGANG:/AT-B24D|AT-AS50HD|AT-AS40W|AT-AS55HD|AT-AS45q2|AT-B26D|AT-AS50Q/,ALCATEL:/Alcatel|Mobile; rv:49.0|Mobile; ALCATEL 4052R; rv:48.0/,NINTENDO:/Nintendo (3DS|Switch)/,AMOI:/Amoi/,INQ:/INQ/,VITA:/\bVita\b/,BLACKBERRY:/\bBlackBerry\b|\bBB10\b|rim[0-9]+/,FIREFOX_OS:/\bFirefox-OS\b/,IPHONE:/\biPhone\b/,iPod:/\biPod\b/,ANDROID:/\bAndroid\b/,WINDOWS_PHONE:/\bWindows-Phone\b/,GENERIC_PHONE:new RegExp("Tapatalk|PDA;|SAGEM|\\bmmp\\b|pocket|\\bpsp\\b|symbian|Smartphone|smartfon|treo|up.browser|\n up.link|vodafone|\\bwap\\b|nokia|Nokia|Series40|Series60|S60|SonyEricsson|N900|MAUI.*WAP.*Browser")},au={iPad:/iPad|iPad.*Mobile/,NexusTablet:/Android.*Nexus[\s]+(7|9|10)/,GoogleTablet:/Android.*Pixel C/,SamsungTablet:new RegExp("SAMSUNG.*Tablet|Galaxy.*Tab|SC-01C|GT-P1000|GT-P1003|GT-P1010|GT-P3105|GT-P6210|\n GT-P6800|GT-P6810|GT-P7100|GT-P7300|GT-P7310|GT-P7500|GT-P7510|SCH-I800|SCH-I815|SCH-I905|\n SGH-I957|SGH-I987|SGH-T849|SGH-T859|SGH-T869|SPH-P100|GT-P3100|GT-P3108|GT-P3110|GT-P5100|\n GT-P5110|GT-P6200|GT-P7320|GT-P7511|GT-N8000|GT-P8510|SGH-I497|SPH-P500|SGH-T779|SCH-I705|\n SCH-I915|GT-N8013|GT-P3113|GT-P5113|GT-P8110|GT-N8010|GT-N8005|GT-N8020|GT-P1013|GT-P6201|\n GT-P7501|GT-N5100|GT-N5105|GT-N5110|SHV-E140K|SHV-E140L|SHV-E140S|SHV-E150S|SHV-E230K|SHV-E230L|\n SHV-E230S|SHW-M180K|SHW-M180L|SM-T865|SM-T290|SHW-M180S|SHW-M180W|SHW-M300W|SHW-M305W|SHW-M380K|SHW-M380S|SHW-M380W|\n SHW-M430W|SHW-M480K|SHW-M480S|SHW-M480W|SHW-M485W|SHW-M486W|SHW-M500W|GT-I9228|SCH-P739|SCH-I925|\n GT-I9200|GT-P5200|GT-P5210|GT-P5210X|SM-T385M|SM-P585M|SM-T311|SM-T310|SM-T310X|SM-T210|SM-T210R|SM-T211|SM-P600|\n SM-P601|SM-P605|SM-P615|SM-P900|SM-P901|SM-T217|SM-T217A|SM-T217S|SM-P6000|SM-T3100|SGH-I467|XE500|SM-T110|\n GT-P5220|GT-I9200X|GT-N5110X|GT-N5120|SM-P905|SM-T111|SM-T2105|SM-T315|SM-T320|SM-T320X|SM-T321|\n SM-T510|SM-T520|SM-T525|SM-T530NU|SM-T230NU|SM-T330NU|SM-T900|XE500T1C|SM-P605V|SM-P905V|SM-T337V|SM-T537V|\n SM-T707V|SM-T807V|SM-P600X|SM-P900X|SM-T210X|SM-T230|SM-T230X|SM-T325|GT-P7503|SM-T531|SM-T500|SM-T330|\n SM-T530|SM-T705|SM-T705C|SM-T535|SM-T331|SM-T800|SM-T700|SM-T537|SM-T807|SM-P907A|SM-T337A|SM-T537A|\n SM-T707A|SM-T807A|SM-T237|SM-T807P|SM-P607T|SM-T217T|SM-T337T|SM-T807T|SM-T116NQ|SM-T116BU|SM-P550|\n SM-T350|SM-T550|SM-T9000|SM-P9000|SM-T705Y|SM-T805|GT-P3113|SM-T710|SM-T810|SM-T815|SM-T360|SM-T533|\n SM-T113|SM-T335|SM-T715|SM-T560|SM-T670|SM-T677|SM-T377|SM-T567|SM-T357T|SM-T555|SM-T561|SM-T713|\n SM-T719|SM-T725|SM-T813|SM-T819|SM-T580|SM-T590|SM-T355Y?|SM-T280|SM-T817A|SM-T820|SM-W700|SM-P580|SM-T587|SM-P350|\n SM-P555M|SM-P355M|SM-T113NU|SM-T815Y|SM-T585|SM-T285|SM-T825|SM-W708|SM-T835|SM-P585Y|SM-X200|SM-T970"),Kindle:new RegExp("Kindle|Silk.*Accelerated|Android.*\\b(KFOT|KFTT|KFJWI|KFJWA|KFOTE|KFSOWI|KFTHWI|KFTHWA|KFAPWI|\n KFAPWA|WFJWAE|KFSAWA|KFSAWI|KFASWI|KFARWI|KFFOWI|KFGIWI|KFMEWI)\\b|Android.*Silk/[0-9.]+ like Chrome /[0-9.]+ (?!Mobile)"),SurfaceTablet:/Windows NT [0-9.]+; ARM;.*(Tablet|ARMBJS)/,HPTablet:/HP Slate (7|8|10)|HP ElitePad 900|hp-tablet|EliteBook.*Touch|HP 8|Slate 21|HP SlateBook 10/,AsusTablet:new RegExp("^.*PadFone((?!Mobile).)*$|Transformer|TF101|TF101G|TF300T|TF300TG|TF300TL|TF700T|TF700KL|\n TF701T|TF810C|ME171|ME301T|ME302C|ME371MG|ME370T|ME372MG|ME172V|ME173X|ME400C|\n Slider SL101|\\bK00F\\b|\\bK00C\\b|\\bK00E\\b|\\bK00L\\b|TX201LA|ME176C|ME102A|\\bM80TA\\b|ME372CL|\n ME560CG|ME372CG|ME302KL| K010 | K011 | K017 | K01E |ME572C|ME103K|ME170C|ME171C|\\bME70C\\b|ME581C|\n ME581CL|ME8510C|ME181C|P01Y|PO1MA|P01Z|\\bP027\\b|\\bP024\\b|\\bP00C\\b"),BlackBerryTablet:/PlayBook|RIM Tablet/,HTCtablet:/HTC_Flyer_P512|HTC Flyer|HTC Jetstream|HTC-P715a|HTC EVO View 4G|PG41200|PG09410/,MotorolaTablet:/xoom|sholest|MZ615|MZ605|MZ505|MZ601|MZ602|MZ603|MZ604|MZ606|MZ607|MZ608|MZ609|MZ615|MZ616|MZ617/,NookTablet:/Android.*Nook|NookColor|nook browser|BNRV200|BNRV200A|BNTV250|BNTV250A|BNTV400|BNTV600|LogicPD Zoom2/,AcerTablet:new RegExp("Android.*; \\b(A100|A101|A110|A200|A210|A211|A500|A501|A510|A511|A700|A701|W500|W500P|W501|\n W501P|W510|W511|W700|G100|G100W|B1-A71|B1-710|B1-711|A1-810|A1-811|A1-830)\\b|W3-810|\\bA3-A10\\b|\\bA3-A11\\b|\n \\bA3-A20\\b|\\bA3-A30"),ToshibaTablet:/Android.*(AT100|AT105|AT200|AT205|AT270|AT275|AT300|AT305|AT1S5|AT500|AT570|AT700|AT830)|TOSHIBA.*FOLIO/,LGTablet:/\bL-06C|LG-V909|LG-V900|LG-V700|LG-V510|LG-V500|LG-V410|LG-V400|LG-VK810\b/,FujitsuTablet:/Android.*\b(F-01D|F-02F|F-05E|F-10D|M532|Q572)\b/,PrestigioTablet:new RegExp("PMP3170B|PMP3270B|PMP3470B|PMP7170B|PMP3370B|PMP3570C|PMP5870C|PMP3670B|PMP5570C|\n PMP5770D|PMP3970B|PMP3870C|PMP5580C|PMP5880D|PMP5780D|PMP5588C|PMP7280C|PMP7280C3G|PMP7280|PMP7880D|\n PMP5597D|PMP5597|PMP7100D|PER3464|PER3274|PER3574|PER3884|PER5274|PER5474|PMP5097CPRO|PMP5097|PMP7380D|\n PMP5297C|PMP5297C_QUAD|PMP812E|PMP812E3G|PMP812F|PMP810E|PMP880TD|PMT3017|PMT3037|PMT3047|PMT3057|PMT7008|\n PMT5887|PMT5001|PMT5002"),LenovoTablet:new RegExp("Lenovo TAB|Idea(Tab|Pad)( A1|A10| K1|)|ThinkPad([ ]+)?Tablet|YT3-850M|YT3-X90L|YT3-X90F|\n YT3-X90X|Lenovo.*(S2109|S2110|S5000|S6000|K3011|A3000|A3500|A1000|A2107|A2109|A1107|A5500|A7600|B6000|\n B8000|B8080)(-|)(FL|F|HV|H|)|TB-X606F|TB-X103F|TB-X304F|TB-X304L|TB-X704F|TB-8703F|Tab2A7-10F|TB2-X30L|TB-8504F"),DellTablet:/Venue 11|Venue 8|Venue 7|Dell Streak 10|Dell Streak 7/,YarvikTablet:new RegExp("Android.*\\b(TAB210|TAB211|TAB224|TAB250|TAB260|TAB264|TAB310|TAB360|TAB364|TAB410|TAB411|\n TAB420|TAB424|TAB450|TAB460|TAB461|TAB464|TAB465|TAB467|TAB468|TAB07-100|TAB07-101|TAB07-150|TAB07-151|\n TAB07-152|TAB07-200|TAB07-201-3G|TAB07-210|TAB07-211|TAB07-212|TAB07-214|TAB07-220|TAB07-400|TAB07-485|\n TAB08-150|TAB08-200|TAB08-201-3G|TAB08-201-30|TAB09-100|TAB09-211|TAB09-410|TAB10-150|TAB10-201|TAB10-211|\n TAB10-400|TAB10-410|TAB13-201|TAB274EUK|TAB275EUK|TAB374EUK|TAB462EUK|TAB474EUK|TAB9-200)\\b"),MedionTablet:/Android.*\bOYO\b|LIFE.*(P9212|P9514|P9516|S9512)|LIFETAB/,ArnovaTablet:/97G4|AN10G2|AN7bG3|AN7fG3|AN8G3|AN8cG3|AN7G3|AN9G3|AN7dG3|AN7dG3ST|AN7dG3ChildPad|AN10bG3|AN10bG3DT|AN9G2/,IntensoTablet:/INM8002KP|INM1010FP|INM805ND|Intenso Tab|TAB1004/,IRUTablet:/M702pro/,MegafonTablet:/MegaFon V9|\bZTE V9\b|Android.*\bMT7A\b/,EbodaTablet:/E-Boda (Supreme|Impresspeed|Izzycomm|Essential)/,AllViewTablet:/Allview.*(Viva|Alldro|City|Speed|All TV|Frenzy|Quasar|Shine|TX1|AX1|AX2)/,ArchosTablet:new RegExp("\\b(101G9|80G9|A101IT)\\b|Qilive 97R|Archos5|\\bARCHOS (70|79|80|90|97|101|FAMILYPAD|)(b|c|)(G10|\n Cobalt| TITANIUM(HD|)| Xenon| Neon|XSK| 2| XS 2| PLATINUM| CARBON|GAMEPAD)\\b"),AinolTablet:/NOVO7|NOVO8|NOVO10|Novo7Aurora|Novo7Basic|NOVO7PALADIN|novo9-Spark/,NokiaLumiaTablet:/Lumia 2520/,SonyTablet:new RegExp("Sony.*Tablet|Xperia Tablet|Sony Tablet S|SO-03E|SGPT12|SGPT13|SGPT114|SGPT121|SGPT122|SGPT123|\n SGPT111|SGPT112|SGPT113|SGPT131|SGPT132|SGPT133|SGPT211|SGPT212|SGPT213|SGP311|SGP312|SGP321|EBRD1101|\n EBRD1102|EBRD1201|SGP351|SGP341|SGP511|SGP512|SGP521|SGP541|SGP551|SGP621|SGP641|SGP612|SOT31|SGP771|SGP611|\n SGP612|SGP712"),PhilipsTablet:/\b(PI2010|PI3000|PI3100|PI3105|PI3110|PI3205|PI3210|PI3900|PI4010|PI7000|PI7100)\b/,CubeTablet:/Android.*(K8GT|U9GT|U10GT|U16GT|U17GT|U18GT|U19GT|U20GT|U23GT|U30GT)|CUBE U8GT/,CobyTablet:new RegExp("MID1042|MID1045|MID1125|MID1126|MID7012|MID7014|MID7015|MID7034|MID7035|MID7036|MID7042|MID7048|\n MID7127|MID8042|MID8048|MID8127|MID9042|MID9740|MID9742|MID7022|MID7010"),MIDTablet:new RegExp("M9701|M9000|M9100|M806|M1052|M806|T703|MID701|MID713|MID710|MID727|MID760|MID830|MID728|MID933|\n MID125|MID810|MID732|MID120|MID930|MID800|MID731|MID900|MID100|MID820|MID735|MID980|MID130|MID833|MID737|\n MID960|MID135|MID860|MID736|MID140|MID930|MID835|MID733|MID4X10"),MSITablet:new RegExp("MSI \\b(Primo 73K|Primo 73L|Primo 81L|Primo 77|Primo 93|Primo 75|Primo 76|Primo 73|Primo 81|\n Primo 91|Primo 90|Enjoy 71|Enjoy 7|Enjoy 10)\\b"),SMiTTablet:/Android.*(\bMID\b|MID-560|MTV-T1200|MTV-PND531|MTV-P1101|MTV-PND530)/,RockChipTablet:/Android.*(RK2818|RK2808A|RK2918|RK3066)|RK2738|RK2808A/,FlyTablet:/IQ310|Fly Vision/,bqTablet:new RegExp("Android.*(bq)?.*(Elcano|Curie|Edison|Maxwell|Kepler|Pascal|Tesla|Hypatia|Platon|Newton|\n Livingstone|Cervantes|Avant|Aquaris ([E|M]10|M8))|Maxwell.*Lite|Maxwell.*Plus"),HuaweiTablet:new RegExp("MediaPad|MediaPad 7 Youth|MediaPad T3 10|IDEOS S7|S7-201c|S7-202u|S7-101|S7-103|S7-104|S7-105|S7-106|\n S7-201|S7-Slim|M2-A01L|BAH-L09|BAH-W09|AGS-W09|AGS-L09"),NecTablet:/\bN-06D|\bN-08D/,PantechTablet:/Pantech.*P4100/,BronchoTablet:/Broncho.*(N701|N708|N802|a710)/,VersusTablet:/TOUCHPAD.*[78910]|\bTOUCHTAB\b/,ZyncTablet:/z1000|Z99 2G|z99|z930|z999|z990|z909|Z919|z900/,PositivoTablet:/TB07STA|TB10STA|TB07FTA|TB10FTA/,NabiTablet:/Android.*\bNabi/,KoboTablet:/Kobo Touch|\bK080\b|\bVox\b Build|\bArc\b Build/,DanewTablet:/DSlide.*\b(700|701R|702|703R|704|802|970|971|972|973|974|1010|1012)\b/,TexetTablet:new RegExp("NaviPad|TB-772A|TM-7045|TM-7055|TM-9750|TM-7016|TM-7024|TM-7026|TM-7041|TM-7043|TM-7047|\n TM-8041|TM-9741|TM-9747|TM-9748|TM-9751|TM-7022|TM-7021|TM-7020|TM-7011|TM-7010|TM-7023|TM-7025|\n TM-7037W|TM-7038W|TM-7027W|TM-9720|TM-9725|TM-9737W|TM-1020|TM-9738W|TM-9740|TM-9743W|TB-807A|TB-771A|\n TB-727A|TB-725A|TB-719A|TB-823A|TB-805A|TB-723A|TB-715A|TB-707A|TB-705A|TB-709A|TB-711A|TB-890HD|\n TB-880HD|TB-790HD|TB-780HD|TB-770HD|TB-721HD|TB-710HD|TB-434HD|TB-860HD|TB-840HD|TB-760HD|TB-750HD|\n TB-740HD|TB-730HD|TB-722HD|TB-720HD|TB-700HD|TB-500HD|TB-470HD|TB-431HD|TB-430HD|TB-506|TB-504|TB-446|\n TB-436|TB-416|TB-146SE|TB-126SE"),PlaystationTablet:/Playstation.*(Portable|Vita)/,TrekstorTablet:/ST10416-1|VT10416-1|ST70408-1|ST702xx-1|ST702xx-2|ST80208|ST97216|ST70104-2|VT10416-2|ST10216-2A|SurfTab/,PyleAudioTablet:/\b(PTBL10CEU|PTBL10C|PTBL72BC|PTBL72BCEU|PTBL7CEU|PTBL7C|PTBL92BC|PTBL92BCEU|PTBL9CEU|PTBL9CUK|PTBL9C)\b/,AdvanTablet:new RegExp("Android.* \\b(E3A|T3X|T5C|T5B|T3E|T3C|T3B|T1J|T1F|T2A|T1H|T1i|E1C|T1-E|T5-A|T4|E1-B|T2Ci|\n T1-B|T1-D|O1-A|E1-A|T1-A|T3A|T4i)\\b"),DanyTechTablet:"Genius Tab G3|Genius Tab S2|Genius Tab Q3|Genius Tab G4|Genius Tab Q4|Genius Tab G-II|\n Genius TAB GII|Genius TAB GIII|Genius Tab S1",GalapadTablet:/Android.*\bG1\b(?!\))/,MicromaxTablet:/Funbook|Micromax.*\b(P250|P560|P360|P362|P600|P300|P350|P500|P275)\b/,KarbonnTablet:/Android.*\b(A39|A37|A34|ST8|ST10|ST7|Smart Tab3|Smart Tab2)\b/,AllFineTablet:/Fine7 Genius|Fine7 Shine|Fine7 Air|Fine8 Style|Fine9 More|Fine10 Joy|Fine11 Wide/,PROSCANTablet:new RegExp("\\b(PEM63|PLT1023G|PLT1041|PLT1044|PLT1044G|PLT1091|PLT4311|PLT4311PL|PLT4315|PLT7030|\n PLT7033|PLT7033D|PLT7035|PLT7035D|PLT7044K|PLT7045K|PLT7045KB|PLT7071KG|PLT7072|PLT7223G|PLT7225G|\n PLT7777G|PLT7810K|PLT7849G|PLT7851G|PLT7852G|PLT8015|PLT8031|PLT8034|PLT8036|PLT8080K|PLT8082|PLT8088|\n PLT8223G|PLT8234G|PLT8235G|PLT8816K|PLT9011|PLT9045K|PLT9233G|PLT9735|PLT9760G|PLT9770G)\\b"),YONESTablet:/BQ1078|BC1003|BC1077|RK9702|BC9730|BC9001|IT9001|BC7008|BC7010|BC708|BC728|BC7012|BC7030|BC7027|BC7026/,ChangJiaTablet:new RegExp("TPC7102|TPC7103|TPC7105|TPC7106|TPC7107|TPC7201|TPC7203|TPC7205|TPC7210|TPC7708|TPC7709|\n TPC7712|TPC7110|TPC8101|TPC8103|TPC8105|TPC8106|TPC8203|TPC8205|TPC8503|TPC9106|TPC9701|TPC97101|TPC97103|\n TPC97105|TPC97106|TPC97111|TPC97113|TPC97203|TPC97603|TPC97809|TPC97205|TPC10101|TPC10103|TPC10106|\n TPC10111|TPC10203|TPC10205|TPC10503"),GUTablet:/TX-A1301|TX-M9002|Q702|kf026/,PointOfViewTablet:new RegExp("TAB-P506|TAB-navi-7-3G-M|TAB-P517|TAB-P-527|TAB-P701|TAB-P703|TAB-P721|TAB-P731N|\n TAB-P741|TAB-P825|TAB-P905|TAB-P925|TAB-PR945|TAB-PL1015|TAB-P1025|TAB-PI1045|TAB-P1325|TAB-PROTAB[0-9]+|\n TAB-PROTAB25|TAB-PROTAB26|TAB-PROTAB27|TAB-PROTAB26XL|TAB-PROTAB2-IPS9|TAB-PROTAB30-IPS9|TAB-PROTAB25XXL|\n TAB-PROTAB26-IPS10|TAB-PROTAB30-IPS10"),OvermaxTablet:new RegExp("OV-(SteelCore|NewBase|Basecore|Baseone|Exellen|Quattor|EduTab|Solution|ACTION|BasicTab|TeddyTab|\n MagicTab|Stream|TB-08|TB-09)|Qualcore 1027"),HCLTablet:/HCL.*Tablet|Connect-3G-2.0|Connect-2G-2.0|ME Tablet U1|ME Tablet U2|ME Tablet G1|ME Tablet X1|ME Tablet Y2|ME Tablet Sync/,DPSTablet:/DPS Dream 9|DPS Dual 7/,VistureTablet:/V97 HD|i75 3G|Visture V4( HD)?|Visture V5( HD)?|Visture V10/,CrestaTablet:/CTP(-)?810|CTP(-)?818|CTP(-)?828|CTP(-)?838|CTP(-)?888|CTP(-)?978|CTP(-)?980|CTP(-)?987|CTP(-)?988|CTP(-)?989/,MediatekTablet:/\bMT8125|MT8389|MT8135|MT8377\b/,ConcordeTablet:/Concorde([ ]+)?Tab|ConCorde ReadMan/,GoCleverTablet:new RegExp("GOCLEVER TAB|A7GOCLEVER|M1042|M7841|M742|R1042BK|R1041|TAB A975|TAB A7842|TAB A741|TAB A741L|TAB M723G|\n TAB M721|TAB A1021|TAB I921|TAB R721|TAB I720|TAB T76|TAB R70|TAB R76.2|TAB R106|TAB R83.2|TAB M813G|TAB I721|\n GCTA722|TAB I70|TAB I71|TAB S73|TAB R73|TAB R74|TAB R93|TAB R75|TAB R76.1|TAB A73|TAB A93|TAB A93.2|TAB T72|\n TAB R83|TAB R974|TAB R973|TAB A101|TAB A103|TAB A104|TAB A104.2|R105BK|M713G|A972BK|TAB A971|TAB R974.2|\n TAB R104|TAB R83.3|TAB A1042"),ModecomTablet:new RegExp("FreeTAB 9000|FreeTAB 7.4|FreeTAB 7004|FreeTAB 7800|FreeTAB 2096|FreeTAB 7.5|FreeTAB 1014|\n FreeTAB 1001 |FreeTAB 8001|FreeTAB 9706|FreeTAB 9702|FreeTAB 7003|FreeTAB 7002|FreeTAB 1002|FreeTAB 7801|\n FreeTAB 1331|FreeTAB 1004|FreeTAB 8002|FreeTAB 8014|FreeTAB 9704|FreeTAB 1003"),VoninoTablet:new RegExp("\\b(Argus[ _]?S|Diamond[ _]?79HD|Emerald[ _]?78E|Luna[ _]?70C|Onyx[ _]?S|Onyx[ _]?Z|\n Orin[ _]?HD|Orin[ _]?S|Otis[ _]?S|SpeedStar[ _]?S|Magnet[ _]?M9|Primus[ _]?94[ _]?3G|Primus[ _]?94HD|\n Primus[ _]?QS|Android.*\\bQ8\\b|Sirius[ _]?EVO[ _]?QS|Sirius[ _]?QS|Spirit[ _]?S)\\b"),ECSTablet:/V07OT2|TM105A|S10OT1|TR10CS1/,StorexTablet:/eZee[_']?(Tab|Go)[0-9]+|TabLC7|Looney Tunes Tab/,VodafoneTablet:/SmartTab([ ]+)?[0-9]+|SmartTabII10|SmartTabII7|VF-1497/,EssentielBTablet:/Smart[ ']?TAB[ ]+?[0-9]+|Family[ ']?TAB2/,RossMoorTablet:/RM-790|RM-997|RMD-878G|RMD-974R|RMT-705A|RMT-701|RME-601|RMT-501|RMT-711/,iMobileTablet:/i-mobile i-note/,TolinoTablet:/tolino tab [0-9.]+|tolino shine/,AudioSonicTablet:/\bC-22Q|T7-QC|T-17B|T-17P\b/,AMPETablet:/Android.* A78 /,SkkTablet:/Android.* (SKYPAD|PHOENIX|CYCLOPS)/,TecnoTablet:/TECNO P9|TECNO DP8D/,JXDTablet:new RegExp("Android.* \\b(F3000|A3300|JXD5000|JXD3000|JXD2000|JXD300B|JXD300|S5800|S7800|S602b|S5110b|S7300|\n S5300|S602|S603|S5100|S5110|S601|S7100a|P3000F|P3000s|P101|P200s|P1000m|P200m|P9100|P1000s|S6600b|S908|\n P1000|P300|S18|S6600|S9100)\\b"),iJoyTablet:new RegExp("Tablet (Spirit 7|Essentia|Galatea|Fusion|Onix 7|Landa|Titan|Scooby|Deox|Stella|Themis|Argon|\n Unique 7|Sygnus|Hexen|Finity 7|Cream|Cream X2|Jade|Neon 7|Neron 7|Kandy|Scape|Saphyr 7|Rebel|Biox|Rebel|\n Rebel 8GB|Myst|Draco 7|Myst|Tab7-004|Myst|Tadeo Jones|Tablet Boing|Arrow|Draco Dual Cam|Aurix|Mint|Amity|\n Revolution|Finity 9|Neon 9|T9w|Amity 4GB Dual Cam|Stone 4GB|Stone 8GB|Andromeda|Silken|X2|Andromeda II|\n Halley|Flame|Saphyr 9,7|Touch 8|Planet|Triton|Unique 10|Hexen 10|Memphis 4GB|Memphis 8GB|Onix 10)"),FX2Tablet:/FX2 PAD7|FX2 PAD10/,XoroTablet:new RegExp("KidsPAD 701|PAD[ ]?712|PAD[ ]?714|PAD[ ]?716|PAD[ ]?717|PAD[ ]?718|PAD[ ]?720|PAD[ ]?721|\n PAD[ ]?722|PAD[ ]?790|PAD[ ]?792|PAD[ ]?900|PAD[ ]?9715D|PAD[ ]?9716DR|PAD[ ]?9718DR|PAD[ ]?9719QR|\n PAD[ ]?9720QR|TelePAD1030|Telepad1032|TelePAD730|TelePAD731|TelePAD732|TelePAD735Q|TelePAD830|TelePAD9730|\n TelePAD795|MegaPAD 1331|MegaPAD 1851|MegaPAD 2151"),ViewsonicTablet:/ViewPad 10pi|ViewPad 10e|ViewPad 10s|ViewPad E72|ViewPad7|ViewPad E100|ViewPad 7e|ViewSonic VB733|VB100a/,VerizonTablet:/QTAQZ3|QTAIR7|QTAQTZ3|QTASUN1|QTASUN2|QTAXIA1/,OdysTablet:/LOOX|XENO10|ODYS[ -](Space|EVO|Xpress|NOON)|\bXELIO\b|Xelio10Pro|XELIO7PHONETAB|XELIO10EXTREME|XELIOPT2|NEO_QUAD10/,CaptivaTablet:/CAPTIVA PAD/,IconbitTablet:new RegExp("NetTAB|NT-3702|NT-3702S|NT-3702S|NT-3603P|NT-3603P|NT-0704S|NT-0704S|NT-3805C|NT-3805C|\n NT-0806C|NT-0806C|NT-0909T|NT-0909T|NT-0907S|NT-0907S|NT-0902S|NT-0902S"),TeclastTablet:new RegExp("T98 4G|\\bP80\\b|\\bX90HD\\b|X98 Air|X98 Air 3G|\\bX89\\b|P80 3G|\\bX80h\\b|P98 Air|\n \\bX89HD\\b|P98 3G|\\bP90HD\\b|P89 3G|X98 3G|\\bP70h\\b|P79HD 3G|G18d 3G|\\bP79HD\\b|\\bP89s\\b|\\bA88\\b|\n \\bP10HD\\b|\\bP19HD\\b|G18 3G|\\bP78HD\\b|\\bA78\\b|\\bP75\\b|G17s 3G|G17h 3G|\\bP85t\\b|\\bP90\\b|\n \\bP11\\b|\\bP98t\\b|\\bP98HD\\b|\\bG18d\\b|\\bP85s\\b|\\bP11HD\\b|\\bP88s\\b|\\bA80HD\\b|\\bA80se\\b|\n \\bA10h\\b|\\bP89\\b|\\bP78s\\b|\\bG18\\b|\\bP85\\b|\\bA70h\\b|\\bA70\\b|\\bG17\\b|\\bP18\\b|\\bA80s\\b|\n \\bA11s\\b|\\bP88HD\\b|\\bA80h\\b|\\bP76s\\b|\\bP76h\\b|\\bP98\\b|\\bA10HD\\b|\\bP78\\b|\\bP88\\b|\\bA11\\b|\n \\bA10t\\b|\\bP76a\\b|\\bP76t\\b|\\bP76e\\b|\\bP85HD\\b|\\bP85a\\b|\\bP86\\b|\\bP75HD\\b|\\bP76v\\b|\\bA12\\b|\n \\bP75a\\b|\\bA15\\b|\\bP76Ti\\b|\\bP81HD\\b|\\bA10\\b|\\bT760VE\\b|\\bT720HD\\b|\\bP76\\b|\\bP73\\b|\\bP71\\b|\n \\bP72\\b|\\bT720SE\\b|\\bC520Ti\\b|\\bT760\\b|\\bT720VE\\b|T720-3GE|T720-WiFi"),OndaTablet:new RegExp("\\b(V975i|Vi30|VX530|V701|Vi60|V701s|Vi50|V801s|V719|Vx610w|VX610W|V819i|Vi10|VX580W|Vi10|\n V711s|V813|V811|V820w|V820|Vi20|V711|VI30W|V712|V891w|V972|V819w|V820w|Vi60|V820w|V711|V813s|V801|V819|\n V975s|V801|V819|V819|V818|V811|V712|V975m|V101w|V961w|V812|V818|V971|V971s|V919|V989|V116w|V102w|V973|\n Vi40)\\b[s]+|V10 \\b4G\\b"),JaytechTablet:/TPC-PA762/,BlaupunktTablet:/Endeavour 800NG|Endeavour 1010/,DigmaTablet:/\b(iDx10|iDx9|iDx8|iDx7|iDxD7|iDxD8|iDsQ8|iDsQ7|iDsQ8|iDsD10|iDnD7|3TS804H|iDsQ11|iDj7|iDs10)\b/,EvolioTablet:/ARIA_Mini_wifi|Aria[ _]Mini|Evolio X10|Evolio X7|Evolio X8|\bEvotab\b|\bNeura\b/,LavaTablet:/QPAD E704|\bIvoryS\b|E-TAB IVORY|\bE-TAB\b/,AocTablet:/MW0811|MW0812|MW0922|MTK8382|MW1031|MW0831|MW0821|MW0931|MW0712/,MpmanTablet:new RegExp("MP11 OCTA|MP10 OCTA|MPQC1114|MPQC1004|MPQC994|MPQC974|MPQC973|MPQC804|MPQC784|MPQC780|\n \\bMPG7\\b|MPDCG75|MPDCG71|MPDC1006|MP101DC|MPDC9000|MPDC905|MPDC706HD|MPDC706|MPDC705|MPDC110|\n MPDC100|MPDC99|MPDC97|MPDC88|MPDC8|MPDC77|MP709|MID701|MID711|MID170|MPDC703|MPQC1010"),CelkonTablet:/CT695|CT888|CT[\s]?910|CT7 Tab|CT9 Tab|CT3 Tab|CT2 Tab|CT1 Tab|C820|C720|\bCT-1\b/,WolderTablet:new RegExp("miTab \\b(DIAMOND|SPACE|BROOKLYN|NEO|FLY|MANHATTAN|FUNK|EVOLUTION|SKY|GOCAR|IRON|GENIUS|\n POP|MINT|EPSILON|BROADWAY|JUMP|HOP|LEGEND|NEW AGE|LINE|ADVANCE|FEEL|FOLLOW|LIKE|LINK|LIVE|THINK|\n FREEDOM|CHICAGO|CLEVELAND|BALTIMORE-GH|IOWA|BOSTON|SEATTLE|PHOENIX|DALLAS|IN 101|MasterChef)\\b"),MediacomTablet:"M-MPI10C3G|M-SP10EG|M-SP10EGP|M-SP10HXAH|M-SP7HXAH|M-SP10HXBH|M-SP8HXAH|M-SP8MXA",MiTablet:/\bMI PAD\b|\bHM NOTE 1W\b/,NibiruTablet:/Nibiru M1|Nibiru Jupiter One/,NexoTablet:/NEXO NOVA|NEXO 10|NEXO AVIO|NEXO FREE|NEXO GO|NEXO EVO|NEXO 3G|NEXO SMART|NEXO KIDDO|NEXO MOBI/,LeaderTablet:new RegExp("TBLT10Q|TBLT10I|TBL-10WDKB|TBL-10WDKBO2013|TBL-W230V2|TBL-W450|TBL-W500|SV572|TBLT7I|\n TBA-AC7-8G|TBLT79|TBL-8W16|TBL-10W32|TBL-10WKB|TBL-W100"),UbislateTablet:/UbiSlate[\s]?7C/,PocketBookTablet:/Pocketbook/,KocasoTablet:/\b(TB-1207)\b/,HisenseTablet:/\b(F5281|E2371)\b/,Hudl:/Hudl HT7S3|Hudl 2/,TelstraTablet:/T-Hub2/,Honeywell:/RT10A/,GenericTablet:new RegExp("Android.*\\b97D\\b|Tablet(?!.*PC)|BNTV250A|MID-WCDMA|LogicPD Zoom2|\\bA7EB\\b|CatNova8|\n A1_07|CT704|CT1002|\\bM721\\b|rk30sdk|\\bEVOTAB\\b|M758A|ET904|ALUMIUM10|Smartfren Tab|Endeavour 1010|\n Tablet-PC-4|Tagi Tab|\\bM6pro\\b|CT1020W|arc 10HD|\\bTP750\\b|\\bQTAQZ3\\b|WVT101|TM1088|KT107")},va={BLACKBERRY:"Blackberry",FIREFOX_OS:"Firefox-OS",CHROME_BOOK:"Chrome-Book",WINDOWS_PHONE:"Windows-Phone",VITA:"Vita",PS4:"PS4",MAC:"Macintosh",CHROMECAST:"Chromecast",APPLE_TV:"Apple-TV",GOOGLE_TV:"Google-TV",ANDROID:"Android",Tesla:"Tesla",iPad:"iPad",IPHONE:"iPhone",iPod:"iPod",UNKNOWN:ou.UKNOWN,HTC:"HTC",NEXUS_PHONE:"Nexus Phone",NexusTablet:"Nexus Tablet",DELL:"Dell",MOTOROLA:"Motorola",SAMSUNG:"Samsung",LG:"LG",SONY:"Sony",ASUS:"Asus",NOKIA_LUMIA:"Nokia Lumia",MICROMAX:"Micromax",PALM:"Palm",VERTU:"Vertu",PANTECH:"PANTECH",FLY:"Fly",WIKO:"WIKO",I_MOBILE:"i-mobile",SIMVALLEY:"Simvalley",WOLFGANG:"Wolfgang",ALCATEL:"Alcatel",HONEYWELL:"Honeywell",NINTENDO:"Nintendo",AMOI:"Amoi",INQ:"INQ",GENERIC_PHONE:"Generic Phone",MI_SE_9:"Mi SE 9"},gR=[va.PS4,va.CHROME_BOOK,va.MAC,va.DELL,va.ASUS,va.UNKNOWN],Due={WINDOWS:"Windows",MAC:"Mac",IOS:"iOS",ANDROID:"Android",LINUX:"Linux",UNIX:"Unix",FIREFOX_OS:"Firefox-OS",CHROME_OS:"Chrome-OS",WINDOWS_PHONE:"Windows-Phone",UNKNOWN:ou.UKNOWN},xue={WINDOWS_3_11:"windows-3-11",WINDOWS_95:"windows-95",WINDOWS_ME:"windows-me",WINDOWS_98:"windows-98",WINDOWS_CE:"windows-ce",WINDOWS_2000:"windows-2000",WINDOWS_XP:"windows-xp",WINDOWS_SERVER_2003:"windows-server-2003",WINDOWS_VISTA:"windows-vista",WINDOWS_7:"windows-7",WINDOWS_8_1:"windows-8-1",WINDOWS_8:"windows-8",WINDOWS_10:"windows-10",WINDOWS_PHONE_7_5:"windows-phone-7-5",WINDOWS_PHONE_8_1:"windows-phone-8-1",WINDOWS_PHONE_10:"windows-phone-10",WINDOWS_NT_4_0:"windows-nt-4-0",MACOSX_11_0:"mac-os-x-11-0",MACOSX_16:"mac-os-x-16",MACOSX_15:"mac-os-x-15",MACOSX_14:"mac-os-x-14",MACOSX_13:"mac-os-x-13",MACOSX_12:"mac-os-x-12",MACOSX_11:"mac-os-x-11",MACOSX_10:"mac-os-x-10",MACOSX_9:"mac-os-x-9",MACOSX_8:"mac-os-x-8",MACOSX_7:"mac-os-x-7",MACOSX_6:"mac-os-x-6",MACOSX_5:"mac-os-x-5",MACOSX_4:"mac-os-x-4",MACOSX_3:"mac-os-x-3",MACOSX_2:"mac-os-x-2",MACOSX:"mac-os-x",iOS:"iOS",ANDROID_9:"android-9",UNKNOWN:ou.UKNOWN.toLowerCase()},yR={WINDOWS:{and:[{or:[/\bWindows|(Win\d\d)\b/,/\bWin 9x\b/]},{not:/\bWindows Phone\b/}]},MAC:{and:[/\bMac OS\b/,{not:{or:[/\biPhone\b/,/\biPad\b/,/\biPod\b/,/\bWindows Phone\b/]}}]},IOS:{and:[{or:[/\biPad\b/,/\biPhone\b/,/\biPod\b/]},{not:/\bWindows Phone\b/}]},ANDROID:{and:[/\bAndroid\b/,{not:/\bWindows Phone\b/}]},LINUX:/\bLinux\b/,UNIX:/\bUNIX\b/,FIREFOX_OS:{and:[/\bFirefox\b/,/Mobile\b/]},CHROME_OS:/\bCrOS\b/,WINDOWS_PHONE:{or:[/\bIEMobile\b/,/\bWindows Phone\b/]},PS4:/\bMozilla\/5.0 \(PlayStation 4\b/,VITA:/\bMozilla\/5.0 \(Play(S|s)tation Vita\b/},Eue={...$_,...au,...yR,FIREFOX_OS:{and:[/\bFirefox\b/,/\bMobile\b/]},CHROME_BOOK:/\bCrOS\b/,PS4:/\bMozilla\/5.0 \(PlayStation 4\b/,CHROMECAST:/\bCrKey\b/,APPLE_TV:/^iTunes-AppleTV\/4.1$/,GOOGLE_TV:/\bGoogleTV\b/,Tesla:/Tesla\/([0-9]{4}.[0-9]{1,2}.?[0-9]{0,2}.?[0-9]{0,2})-(.{7})/,MI_SE_9:/\bXiaomi\b/,MAC:{and:[/\bMac OS\b/,{not:{or:[/\biPhone\b/,/\biPad\b/,/\biPod\b/,/\bWindows Phone\b/]}}]}},WM={WINDOWS_3_11:/Win16/,WINDOWS_95:/(Windows 95|Win95|Windows_95)/,WINDOWS_ME:/(Win 9x 4.90|Windows ME)/,WINDOWS_98:/(Windows 98|Win98)/,WINDOWS_CE:/Windows CE/,WINDOWS_2000:/(Windows NT 5.0|Windows 2000)/,WINDOWS_XP:/(Windows NT 5.1|Windows XP)/,WINDOWS_SERVER_2003:/Windows NT 5.2/,WINDOWS_VISTA:/Windows NT 6.0/,WINDOWS_7:/(Windows 7|Windows NT 6.1)/,WINDOWS_8_1:/(Windows 8.1|Windows NT 6.3)/,WINDOWS_8:/(Windows 8|Windows NT 6.2)/,WINDOWS_10:/(Windows NT 10.0)/,WINDOWS_PHONE_7_5:/(Windows Phone OS 7.5)/,WINDOWS_PHONE_8_1:/(Windows Phone 8.1)/,WINDOWS_PHONE_10:/(Windows Phone 10)/,WINDOWS_NT_4_0:{and:[/(Windows NT 4.0|WinNT4.0|WinNT|Windows NT)/,{not:/Windows NT 10.0/}]},MACOSX:/(MAC OS X\s*[^ 0-9])/,MACOSX_3:/(Darwin 10.3|Mac OS X 10.3)/,MACOSX_4:/(Darwin 10.4|Mac OS X 10.4)/,MACOSX_5:/(Mac OS X 10.5)/,MACOSX_6:/(Mac OS X 10.6)/,MACOSX_7:/(Mac OS X 10.7)/,MACOSX_8:/(Mac OS X 10.8)/,MACOSX_9:/(Mac OS X 10.9)/,MACOSX_10:/(Mac OS X 10.10)/,MACOSX_11:/(Mac OS X 10.11)/,MACOSX_12:/(Mac OS X 10.12)/,MACOSX_13:/(Mac OS X 10.13)/,MACOSX_14:/(Mac OS X 10.14)/,MACOSX_15:/(Mac OS X 10.15)/,MACOSX_16:/(Mac OS X 10.16)/,MACOSX_11_0:{or:[/11_0 like Mac OS X/,/Mac OS X 11/]},iOS:/(iPhone OS\s*[0-9_]+)/,ANDROID_9:/(Android 9)/},UM={CHROME:[/\bChrome\/([\d\.]+)\b/,/\bCriOS\/([\d\.]+)\b/,/\bHeadlessChrome\/([\d\.]+)\b/],FIREFOX:[/\bFirefox\/([\d\.]+)\b/,/\bFxiOS\/([\d\.]+)\b/],SAFARI:[/\bVersion\/([\d\.]+)\b/,/\bSafari\/([\d\.]+)\b/],OPERA:[/\bVersion\/([\d\.]+)\b/,/\bOPR\/([\d\.]+)\b/],IE:[/\bMSIE ([\d\.]+\w?)\b/,/\brv:([\d\.]+\w?)\b/],MS_EDGE:/\bEdg(?:e|A|iOS)\/([\d\.]+)\b/,MS_EDGE_CHROMIUM:/\bEdg\/([\d\.]+)\b/,SAMSUNG:/\bSamsungBrowser\/([\d\.]+)\b/,UCBROWSER:/\bUCBrowser\/([\d\.]+)\b/},Iue=Object.keys(WM).reduce((n,t)=>(n[t]=WM[t],n),{}),vR=Object.keys(UM).reduce((n,t)=>(n[jM[t]]=UM[t],n),{});var Ur=Object.freeze({__proto__:null,BROWSERS:jM,BROWSERS_RE:{CHROME:{and:[{or:[/\bChrome\b/,/\bCriOS\b/,/\bHeadlessChrome\b/]},{not:{or:[/\bOPR\b/,/\bEdg(e|A|iOS)\b/,/\bEdg\/\b/,/\bSamsungBrowser\b/,/\bUCBrowser\b/]}}]},FIREFOX:{or:[/\bFirefox\b/,/\bFxiOS\b/]},SAFARI:{and:[/^((?!CriOS).)*\Safari\b.*$/,{not:{or:[/\bOPR\b/,/\bEdg(e|A|iOS)\b/,/\bEdg\/\b/,/\bWindows Phone\b/,/\bSamsungBrowser\b/,/\bUCBrowser\b/]}}]},OPERA:{or:[/Opera\b/,/\bOPR\b/]},IE:{or:[/\bMSIE\b/,/\bTrident\b/,/^Mozilla\/5\.0 \(Windows NT 10\.0; Win64; x64\)$/]},MS_EDGE:{or:[/\bEdg(e|A|iOS)\b/]},MS_EDGE_CHROMIUM:/\bEdg\/\b/,PS4:/\bMozilla\/5.0 \(PlayStation 4\b/,VITA:/\bMozilla\/5.0 \(Play(S|s)tation Vita\b/,FB_MESSANGER:/\bFBAN\/MessengerForiOS\b/,SAMSUNG:/\bSamsungBrowser\b/,UCBROWSER:/\bUCBrowser\b/},BROWSER_VERSIONS_RE:vR,BROWSER_VERSIONS_RE_MAP:UM,DESKTOP_DEVICES:gR,DEVICES:va,DEVICES_RE:Eue,GENERAL:ou,MOBILES_RE:$_,OS:Due,OS_RE:yR,OS_VERSIONS:xue,OS_VERSIONS_RE:Iue,OS_VERSIONS_RE_MAP:WM,TABLETS_RE:au});class Lue{constructor(){}test(t,e){return"string"==typeof e&&(e=new RegExp(e)),e instanceof RegExp?e.test(t):e&&Array.isArray(e.and)?e.and.every(i=>this.test(t,i)):e&&Array.isArray(e.or)?e.or.some(i=>this.test(t,i)):!(!e||!e.not||this.test(t,e.not))}exec(t,e){return"string"==typeof e&&(e=new RegExp(e)),e instanceof RegExp?e.exec(t):e&&Array.isArray(e)?e.reduce((i,s)=>i||this.exec(t,s),null):null}}var mr=(()=>((mr=mr||{}).Mobile="mobile",mr.Tablet="tablet",mr.Desktop="desktop",mr.Unknown="unknown",mr))(),Cl=(()=>((Cl=Cl||{}).Portrait="portrait",Cl.Landscape="landscape",Cl))();const GM="iPad";let Pue=(()=>{class n{constructor(e){this.platformId=e,this.ua="",this.userAgent="",this.os="",this.browser="",this.device="",this.os_version="",this.browser_version="",this.reTree=new Lue,this.deviceType="",this.orientation="",ar(this.platformId)&&typeof window<"u"&&(this.userAgent=window.navigator.userAgent),this.setDeviceInfo(this.userAgent)}setDeviceInfo(e=this.userAgent){e!==this.userAgent&&(this.userAgent=e);const i=[{const:"OS",prop:"os"},{const:"BROWSERS",prop:"browser"},{const:"DEVICES",prop:"device"},{const:"OS_VERSIONS",prop:"os_version"}];if(i.forEach(s=>{this[s.prop]=Object.keys(Ur[s.const]).reduce((r,o)=>"device"===Ur[s.const][o]&&ar(this.platformId)&&(this.reTree.test(this.userAgent,au[GM])||"MacIntel"===navigator.platform&&navigator.maxTouchPoints>1)?(r[Ur[s.const][o]]=GM,Object):(r[Ur[s.const][o]]=this.reTree.test(e,Ur[`${s.const}_RE`][o]),r),{})}),i.forEach(s=>{this[s.prop]=Object.keys(Ur[s.const]).map(r=>Ur[s.const][r]).reduce((r,o)=>"device"===s.prop&&r===Ur[s.const].ANDROID?this[s.prop][o]?o:r:r===Ur[s.const].UNKNOWN&&this[s.prop][o]?o:r,Ur[s.const].UNKNOWN)}),this.browser_version="0",this.browser!==jM.UNKNOWN){const r=this.reTree.exec(e,vR[this.browser]);r&&(this.browser_version=r[1])}this.orientation=typeof window<"u"&&window.matchMedia?window.matchMedia("(orientation: landscape)").matches?Cl.Landscape:Cl.Portrait:ou.UKNOWN,this.deviceType=this.isTablet()?mr.Tablet:this.isMobile(this.userAgent)?mr.Mobile:this.isDesktop(this.userAgent)?mr.Desktop:mr.Unknown}getDeviceInfo(){return{userAgent:this.userAgent,os:this.os,browser:this.browser,device:this.device,os_version:this.os_version,browser_version:this.browser_version,deviceType:this.deviceType,orientation:this.orientation}}isMobile(e=this.userAgent){return!this.isTablet(e)&&!!Object.keys($_).find(s=>this.reTree.test(e,$_[s]))}isTablet(e=this.userAgent){return!(!ar(this.platformId)||!(this.reTree.test(this.userAgent,au[GM])||typeof navigator<"u"&&"MacIntel"===navigator.platform&&navigator.maxTouchPoints>1))||!!Object.keys(au).find(s=>!!this.reTree.test(e,au[s]))}isDesktop(e=this.userAgent){return(this.device!==va.UNKNOWN||!this.isMobile(e)&&!this.isTablet(e))&&gR.indexOf(this.device)>-1}}return n.\u0275fac=function(e){return new(e||n)(ye(Ri))},n.\u0275prov=me({token:n,factory:n.\u0275fac,providedIn:"root"}),n})(),Aue=(()=>{class n{constructor(e){this.deviceService=e}ngOnInit(){this.particleStyles={position:"fixed",width:"100%",height:"100%","z-index":-1,top:0,left:0,right:0,bottom:0},this.particleOptions={fpsLimit:30,detectRetina:!0,background:{position:"50% 50%",repeat:"no-repeat",size:"cover"},fullScreen:{zIndex:1},particles:{number:{value:80,density:{enable:!0,value_area:800}},color:{value:"#96bcf9"},opacity:{value:.6},links:{distance:150,enable:!0,color:{value:"#afccfa"},opacity:.6},move:{enable:!0,speed:.4},size:{random:!0}}}}particlesLoaded(e){}particlesInit(e){return oe(function*(){yield function Cue(n){return zM.apply(this,arguments)}(e)})()}}return n.\u0275fac=function(e){return new(e||n)(W(Pue))},n.\u0275cmp=Ne({type:n,selectors:[["app-background-particles"]],decls:1,vars:4,consts:[["id","particles",3,"options","particlesInit","particlesLoaded"]],template:function(e,i){1&e&&(V(0,"ng-particles",0),de("particlesLoaded",function(r){return i.particlesLoaded(r)}),Y()),2&e&&(ai(i.particleStyles),x("options",i.particleOptions)("particlesInit",i.particlesInit))},dependencies:[gq]}),n})();function Oue(n,t){1&n&&se(0,"app-background-particles")}let Rue=(()=>{class n{constructor(e){this.localService=e,this.title="public-pool-ui",this.particles$=this.localService.particles$}}return n.\u0275fac=function(e){return new(e||n)(W(K3))},n.\u0275cmp=Ne({type:n,selectors:[["app-root"]],decls:3,vars:3,consts:[[4,"ngIf"]],template:function(e,i){1&e&&(O(0,Oue,1,0,"app-background-particles",0),Vt(1,"async"),se(2,"router-outlet")),2&e&&x("ngIf",$t(1,1,i.particles$))},dependencies:[Bn,E_,Aue,el]}),n})();function bR(n){return new Q(3e3,!1)}function ba(n){switch(n.length){case 0:return new Dh;case 1:return n[0];default:return new UA(n)}}function wR(n,t,e=new Map,i=new Map){const s=[],r=[];let o=-1,a=null;if(t.forEach(l=>{const c=l.get("offset"),u=c==o,f=u&&a||new Map;l.forEach((p,g)=>{let v=g,M=p;if("offset"!==g)switch(v=n.normalizePropertyName(v,s),M){case"!":M=e.get(g);break;case To:M=i.get(g);break;default:M=n.normalizeStyleValue(g,v,M,s)}f.set(v,M)}),u||r.push(f),a=f,o=c}),s.length)throw function sde(n){return new Q(3502,!1)}();return r}function $M(n,t,e,i){switch(t){case"start":n.onStart(()=>i(e&&qM(e,"start",n)));break;case"done":n.onDone(()=>i(e&&qM(e,"done",n)));break;case"destroy":n.onDestroy(()=>i(e&&qM(e,"destroy",n)))}}function qM(n,t,e){const r=KM(n.element,n.triggerName,n.fromState,n.toState,t||n.phaseName,e.totalTime??n.totalTime,!!e.disabled),o=n._data;return null!=o&&(r._data=o),r}function KM(n,t,e,i,s="",r=0,o){return{element:n,triggerName:t,fromState:e,toState:i,phaseName:s,totalTime:r,disabled:!!o}}function ws(n,t,e){let i=n.get(t);return i||n.set(t,i=e),i}function MR(n){const t=n.indexOf(":");return[n.substring(1,t),n.slice(t+1)]}const _de=(()=>typeof document>"u"?null:document.documentElement)();function XM(n){const t=n.parentNode||n.host||null;return t===_de?null:t}let Dl=null,TR=!1;function SR(n,t){for(;t;){if(t===n)return!0;t=XM(t)}return!1}function CR(n,t,e){if(e)return Array.from(n.querySelectorAll(t));const i=n.querySelector(t);return i?[i]:[]}let DR=(()=>{class n{validateStyleProperty(e){return function yde(n){Dl||(Dl=function vde(){return typeof document<"u"?document.body:null}()||{},TR=!!Dl.style&&"WebkitAppearance"in Dl.style);let t=!0;return Dl.style&&!function gde(n){return"ebkit"==n.substring(1,6)}(n)&&(t=n in Dl.style,!t&&TR&&(t="Webkit"+n.charAt(0).toUpperCase()+n.slice(1)in Dl.style)),t}(e)}matchesElement(e,i){return!1}containsElement(e,i){return SR(e,i)}getParentElement(e){return XM(e)}query(e,i,s){return CR(e,i,s)}computeStyle(e,i,s){return s||""}animate(e,i,s,r,o,a=[],l){return new Dh(s,r)}}return n.\u0275fac=function(e){return new(e||n)},n.\u0275prov=me({token:n,factory:n.\u0275fac}),n})(),JM=(()=>{class n{}return n.NOOP=new DR,n})();const bde=1e3,ZM="ng-enter",q_="ng-leave",K_="ng-trigger",X_=".ng-trigger",kR="ng-animating",QM=".ng-animating";function Io(n){if("number"==typeof n)return n;const t=n.match(/^(-?[\.\d]+)(m?s)/);return!t||t.length<2?0:eT(parseFloat(t[1]),t[2])}function eT(n,t){return"s"===t?n*bde:n}function J_(n,t,e){return n.hasOwnProperty("duration")?n:function Mde(n,t,e){let s,r=0,o="";if("string"==typeof n){const a=n.match(/^(-?[\.\d]+)(m?s)(?:\s+(-?[\.\d]+)(m?s))?(?:\s+([-a-z]+(?:\(.+?\))?))?$/i);if(null===a)return t.push(bR()),{duration:0,delay:0,easing:""};s=eT(parseFloat(a[1]),a[2]);const l=a[3];null!=l&&(r=eT(parseFloat(l),a[4]));const c=a[5];c&&(o=c)}else s=n;if(!e){let a=!1,l=t.length;s<0&&(t.push(function Fue(){return new Q(3100,!1)}()),a=!0),r<0&&(t.push(function Nue(){return new Q(3101,!1)}()),a=!0),a&&t.splice(l,0,bR())}return{duration:s,delay:r,easing:o}}(n,t,e)}function $h(n,t={}){return Object.keys(n).forEach(e=>{t[e]=n[e]}),t}function ER(n){const t=new Map;return Object.keys(n).forEach(e=>{t.set(e,n[e])}),t}function wa(n,t=new Map,e){if(e)for(let[i,s]of e)t.set(i,s);for(let[i,s]of n)t.set(i,s);return t}function Gr(n,t,e){t.forEach((i,s)=>{const r=nT(s);e&&!e.has(s)&&e.set(s,n.style[r]),n.style[r]=i})}function xl(n,t){t.forEach((e,i)=>{const s=nT(i);n.style[s]=""})}function qh(n){return Array.isArray(n)?1==n.length?n[0]:jA(n):n}const tT=new RegExp("{{\\s*(.+?)\\s*}}","g");function LR(n){let t=[];if("string"==typeof n){let e;for(;e=tT.exec(n);)t.push(e[1]);tT.lastIndex=0}return t}function Kh(n,t,e){const i=n.toString(),s=i.replace(tT,(r,o)=>{let a=t[o];return null==a&&(e.push(function Yue(n){return new Q(3003,!1)}()),a=""),a.toString()});return s==i?n:s}function Z_(n){const t=[];let e=n.next();for(;!e.done;)t.push(e.value),e=n.next();return t}const Cde=/-+([a-z0-9])/g;function nT(n){return n.replace(Cde,(...t)=>t[1].toUpperCase())}function Ms(n,t,e){switch(t.type){case 7:return n.visitTrigger(t,e);case 0:return n.visitState(t,e);case 1:return n.visitTransition(t,e);case 2:return n.visitSequence(t,e);case 3:return n.visitGroup(t,e);case 4:return n.visitAnimate(t,e);case 5:return n.visitKeyframes(t,e);case 6:return n.visitStyle(t,e);case 8:return n.visitReference(t,e);case 9:return n.visitAnimateChild(t,e);case 10:return n.visitAnimateRef(t,e);case 11:return n.visitQuery(t,e);case 12:return n.visitStagger(t,e);default:throw function Vue(n){return new Q(3004,!1)}()}}function PR(n,t){return window.getComputedStyle(n)[t]}const Q_="*";function kde(n,t){const e=[];return"string"==typeof n?n.split(/\s*,\s*/).forEach(i=>function Ede(n,t,e){if(":"==n[0]){const l=function Ide(n,t){switch(n){case":enter":return"void => *";case":leave":return"* => void";case":increment":return(e,i)=>parseFloat(i)>parseFloat(e);case":decrement":return(e,i)=>parseFloat(i) *"}}(n,e);if("function"==typeof l)return void t.push(l);n=l}const i=n.match(/^(\*|[-\w]+)\s*()\s*(\*|[-\w]+)$/);if(null==i||i.length<4)return e.push(function Que(n){return new Q(3015,!1)}()),t;const s=i[1],r=i[2],o=i[3];t.push(AR(s,o));"<"==r[0]&&!(s==Q_&&o==Q_)&&t.push(AR(o,s))}(i,e,t)):e.push(n),e}const eg=new Set(["true","1"]),tg=new Set(["false","0"]);function AR(n,t){const e=eg.has(n)||tg.has(n),i=eg.has(t)||tg.has(t);return(s,r)=>{let o=n==Q_||n==s,a=t==Q_||t==r;return!o&&e&&"boolean"==typeof s&&(o=s?eg.has(n):tg.has(n)),!a&&i&&"boolean"==typeof r&&(a=r?eg.has(t):tg.has(t)),o&&a}}const Lde=new RegExp("s*:selfs*,?","g");function iT(n,t,e,i){return new Pde(n).build(t,e,i)}class Pde{constructor(t){this._driver=t}build(t,e,i){const s=new Rde(e);return this._resetContextStyleTimingState(s),Ms(this,qh(t),s)}_resetContextStyleTimingState(t){t.currentQuerySelector="",t.collectedStyles=new Map,t.collectedStyles.set("",new Map),t.currentTime=0}visitTrigger(t,e){let i=e.queryCount=0,s=e.depCount=0;const r=[],o=[];return"@"==t.name.charAt(0)&&e.errors.push(function zue(){return new Q(3006,!1)}()),t.definitions.forEach(a=>{if(this._resetContextStyleTimingState(e),0==a.type){const l=a,c=l.name;c.toString().split(/\s*,\s*/).forEach(u=>{l.name=u,r.push(this.visitState(l,e))}),l.name=c}else if(1==a.type){const l=this.visitTransition(a,e);i+=l.queryCount,s+=l.depCount,o.push(l)}else e.errors.push(function jue(){return new Q(3007,!1)}())}),{type:7,name:t.name,states:r,transitions:o,queryCount:i,depCount:s,options:null}}visitState(t,e){const i=this.visitStyle(t.styles,e),s=t.options&&t.options.params||null;if(i.containsDynamicStyles){const r=new Set,o=s||{};i.styles.forEach(a=>{a instanceof Map&&a.forEach(l=>{LR(l).forEach(c=>{o.hasOwnProperty(c)||r.add(c)})})}),r.size&&(Z_(r.values()),e.errors.push(function Wue(n,t){return new Q(3008,!1)}()))}return{type:0,name:t.name,style:i,options:s?{params:s}:null}}visitTransition(t,e){e.queryCount=0,e.depCount=0;const i=Ms(this,qh(t.animation),e);return{type:1,matchers:kde(t.expr,e.errors),animation:i,queryCount:e.queryCount,depCount:e.depCount,options:kl(t.options)}}visitSequence(t,e){return{type:2,steps:t.steps.map(i=>Ms(this,i,e)),options:kl(t.options)}}visitGroup(t,e){const i=e.currentTime;let s=0;const r=t.steps.map(o=>{e.currentTime=i;const a=Ms(this,o,e);return s=Math.max(s,e.currentTime),a});return e.currentTime=s,{type:3,steps:r,options:kl(t.options)}}visitAnimate(t,e){const i=function Nde(n,t){if(n.hasOwnProperty("duration"))return n;if("number"==typeof n)return sT(J_(n,t).duration,0,"");const e=n;if(e.split(/\s+/).some(r=>"{"==r.charAt(0)&&"{"==r.charAt(1))){const r=sT(0,0,"");return r.dynamic=!0,r.strValue=e,r}const s=J_(e,t);return sT(s.duration,s.delay,s.easing)}(t.timings,e.errors);e.currentAnimateTimings=i;let s,r=t.styles?t.styles:ns({});if(5==r.type)s=this.visitKeyframes(r,e);else{let o=t.styles,a=!1;if(!o){a=!0;const c={};i.easing&&(c.easing=i.easing),o=ns(c)}e.currentTime+=i.duration+i.delay;const l=this.visitStyle(o,e);l.isEmptyStep=a,s=l}return e.currentAnimateTimings=null,{type:4,timings:i,style:s,options:null}}visitStyle(t,e){const i=this._makeStyleAst(t,e);return this._validateStyleAst(i,e),i}_makeStyleAst(t,e){const i=[],s=Array.isArray(t.styles)?t.styles:[t.styles];for(let a of s)"string"==typeof a?a===To?i.push(a):e.errors.push(new Q(3002,!1)):i.push(ER(a));let r=!1,o=null;return i.forEach(a=>{if(a instanceof Map&&(a.has("easing")&&(o=a.get("easing"),a.delete("easing")),!r))for(let l of a.values())if(l.toString().indexOf("{{")>=0){r=!0;break}}),{type:6,styles:i,easing:o,offset:t.offset,containsDynamicStyles:r,options:null}}_validateStyleAst(t,e){const i=e.currentAnimateTimings;let s=e.currentTime,r=e.currentTime;i&&r>0&&(r-=i.duration+i.delay),t.styles.forEach(o=>{"string"!=typeof o&&o.forEach((a,l)=>{const c=e.collectedStyles.get(e.currentQuerySelector),u=c.get(l);let f=!0;u&&(r!=s&&r>=u.startTime&&s<=u.endTime&&(e.errors.push(function Gue(n,t,e,i,s){return new Q(3010,!1)}()),f=!1),r=u.startTime),f&&c.set(l,{startTime:r,endTime:s}),e.options&&function Sde(n,t,e){const i=t.params||{},s=LR(n);s.length&&s.forEach(r=>{i.hasOwnProperty(r)||e.push(function Hue(n){return new Q(3001,!1)}())})}(a,e.options,e.errors)})})}visitKeyframes(t,e){const i={type:5,styles:[],options:null};if(!e.currentAnimateTimings)return e.errors.push(function $ue(){return new Q(3011,!1)}()),i;let r=0;const o=[];let a=!1,l=!1,c=0;const u=t.steps.map(L=>{const E=this._makeStyleAst(L,e);let H=null!=E.offset?E.offset:function Fde(n){if("string"==typeof n)return null;let t=null;if(Array.isArray(n))n.forEach(e=>{if(e instanceof Map&&e.has("offset")){const i=e;t=parseFloat(i.get("offset")),i.delete("offset")}});else if(n instanceof Map&&n.has("offset")){const e=n;t=parseFloat(e.get("offset")),e.delete("offset")}return t}(E.styles),B=0;return null!=H&&(r++,B=E.offset=H),l=l||B<0||B>1,a=a||B0&&r{const H=p>0?E==g?1:p*E:o[E],B=H*S;e.currentTime=v+M.delay+B,M.duration=B,this._validateStyleAst(L,e),L.offset=H,i.styles.push(L)}),i}visitReference(t,e){return{type:8,animation:Ms(this,qh(t.animation),e),options:kl(t.options)}}visitAnimateChild(t,e){return e.depCount++,{type:9,options:kl(t.options)}}visitAnimateRef(t,e){return{type:10,animation:this.visitReference(t.animation,e),options:kl(t.options)}}visitQuery(t,e){const i=e.currentQuerySelector,s=t.options||{};e.queryCount++,e.currentQuery=t;const[r,o]=function Ade(n){const t=!!n.split(/\s*,\s*/).find(e=>":self"==e);return t&&(n=n.replace(Lde,"")),n=n.replace(/@\*/g,X_).replace(/@\w+/g,e=>X_+"-"+e.slice(1)).replace(/:animating/g,QM),[n,t]}(t.selector);e.currentQuerySelector=i.length?i+" "+r:r,ws(e.collectedStyles,e.currentQuerySelector,new Map);const a=Ms(this,qh(t.animation),e);return e.currentQuery=null,e.currentQuerySelector=i,{type:11,selector:r,limit:s.limit||0,optional:!!s.optional,includeSelf:o,animation:a,originalSelector:t.selector,options:kl(t.options)}}visitStagger(t,e){e.currentQuery||e.errors.push(function Jue(){return new Q(3013,!1)}());const i="full"===t.timings?{duration:0,delay:0,easing:"full"}:J_(t.timings,e.errors,!0);return{type:12,animation:Ms(this,qh(t.animation),e),timings:i,options:null}}}class Rde{constructor(t){this.errors=t,this.queryCount=0,this.depCount=0,this.currentTransition=null,this.currentQuery=null,this.currentQuerySelector=null,this.currentAnimateTimings=null,this.currentTime=0,this.collectedStyles=new Map,this.options=null,this.unsupportedCSSPropertiesFound=new Set}}function kl(n){return n?(n=$h(n)).params&&(n.params=function Ode(n){return n?$h(n):null}(n.params)):n={},n}function sT(n,t,e){return{duration:n,delay:t,easing:e}}function rT(n,t,e,i,s,r,o=null,a=!1){return{type:1,element:n,keyframes:t,preStyleProps:e,postStyleProps:i,duration:s,delay:r,totalTime:s+r,easing:o,subTimeline:a}}class ng{constructor(){this._map=new Map}get(t){return this._map.get(t)||[]}append(t,e){let i=this._map.get(t);i||this._map.set(t,i=[]),i.push(...e)}has(t){return this._map.has(t)}clear(){this._map.clear()}}const Vde=new RegExp(":enter","g"),zde=new RegExp(":leave","g");function oT(n,t,e,i,s,r=new Map,o=new Map,a,l,c=[]){return(new jde).buildKeyframes(n,t,e,i,s,r,o,a,l,c)}class jde{buildKeyframes(t,e,i,s,r,o,a,l,c,u=[]){c=c||new ng;const f=new aT(t,e,c,s,r,u,[]);f.options=l;const p=l.delay?Io(l.delay):0;f.currentTimeline.delayNextStep(p),f.currentTimeline.setStyles([o],null,f.errors,l),Ms(this,i,f);const g=f.timelines.filter(v=>v.containsAnimation());if(g.length&&a.size){let v;for(let M=g.length-1;M>=0;M--){const S=g[M];if(S.element===e){v=S;break}}v&&!v.allowOnlyTimelineStyles()&&v.setStyles([a],null,f.errors,l)}return g.length?g.map(v=>v.buildKeyframes()):[rT(e,[],[],[],0,p,"",!1)]}visitTrigger(t,e){}visitState(t,e){}visitTransition(t,e){}visitAnimateChild(t,e){const i=e.subInstructions.get(e.element);if(i){const s=e.createSubContext(t.options),r=e.currentTimeline.currentTime,o=this._visitSubInstructions(i,s,s.options);r!=o&&e.transformIntoNewTimeline(o)}e.previousNode=t}visitAnimateRef(t,e){const i=e.createSubContext(t.options);i.transformIntoNewTimeline(),this._applyAnimationRefDelays([t.options,t.animation.options],e,i),this.visitReference(t.animation,i),e.transformIntoNewTimeline(i.currentTimeline.currentTime),e.previousNode=t}_applyAnimationRefDelays(t,e,i){for(const s of t){const r=s?.delay;if(r){const o="number"==typeof r?r:Io(Kh(r,s?.params??{},e.errors));i.delayNextStep(o)}}}_visitSubInstructions(t,e,i){let r=e.currentTimeline.currentTime;const o=null!=i.duration?Io(i.duration):null,a=null!=i.delay?Io(i.delay):null;return 0!==o&&t.forEach(l=>{const c=e.appendInstructionToTimeline(l,o,a);r=Math.max(r,c.duration+c.delay)}),r}visitReference(t,e){e.updateOptions(t.options,!0),Ms(this,t.animation,e),e.previousNode=t}visitSequence(t,e){const i=e.subContextCount;let s=e;const r=t.options;if(r&&(r.params||r.delay)&&(s=e.createSubContext(r),s.transformIntoNewTimeline(),null!=r.delay)){6==s.previousNode.type&&(s.currentTimeline.snapshotCurrentStyles(),s.previousNode=ig);const o=Io(r.delay);s.delayNextStep(o)}t.steps.length&&(t.steps.forEach(o=>Ms(this,o,s)),s.currentTimeline.applyStylesToKeyframe(),s.subContextCount>i&&s.transformIntoNewTimeline()),e.previousNode=t}visitGroup(t,e){const i=[];let s=e.currentTimeline.currentTime;const r=t.options&&t.options.delay?Io(t.options.delay):0;t.steps.forEach(o=>{const a=e.createSubContext(t.options);r&&a.delayNextStep(r),Ms(this,o,a),s=Math.max(s,a.currentTimeline.currentTime),i.push(a.currentTimeline)}),i.forEach(o=>e.currentTimeline.mergeTimelineCollectedStyles(o)),e.transformIntoNewTimeline(s),e.previousNode=t}_visitTiming(t,e){if(t.dynamic){const i=t.strValue;return J_(e.params?Kh(i,e.params,e.errors):i,e.errors)}return{duration:t.duration,delay:t.delay,easing:t.easing}}visitAnimate(t,e){const i=e.currentAnimateTimings=this._visitTiming(t.timings,e),s=e.currentTimeline;i.delay&&(e.incrementTime(i.delay),s.snapshotCurrentStyles());const r=t.style;5==r.type?this.visitKeyframes(r,e):(e.incrementTime(i.duration),this.visitStyle(r,e),s.applyStylesToKeyframe()),e.currentAnimateTimings=null,e.previousNode=t}visitStyle(t,e){const i=e.currentTimeline,s=e.currentAnimateTimings;!s&&i.hasCurrentStyleProperties()&&i.forwardFrame();const r=s&&s.easing||t.easing;t.isEmptyStep?i.applyEmptyStep(r):i.setStyles(t.styles,r,e.errors,e.options),e.previousNode=t}visitKeyframes(t,e){const i=e.currentAnimateTimings,s=e.currentTimeline.duration,r=i.duration,a=e.createSubContext().currentTimeline;a.easing=i.easing,t.styles.forEach(l=>{a.forwardTime((l.offset||0)*r),a.setStyles(l.styles,l.easing,e.errors,e.options),a.applyStylesToKeyframe()}),e.currentTimeline.mergeTimelineCollectedStyles(a),e.transformIntoNewTimeline(s+r),e.previousNode=t}visitQuery(t,e){const i=e.currentTimeline.currentTime,s=t.options||{},r=s.delay?Io(s.delay):0;r&&(6===e.previousNode.type||0==i&&e.currentTimeline.hasCurrentStyleProperties())&&(e.currentTimeline.snapshotCurrentStyles(),e.previousNode=ig);let o=i;const a=e.invokeQuery(t.selector,t.originalSelector,t.limit,t.includeSelf,!!s.optional,e.errors);e.currentQueryTotal=a.length;let l=null;a.forEach((c,u)=>{e.currentQueryIndex=u;const f=e.createSubContext(t.options,c);r&&f.delayNextStep(r),c===e.element&&(l=f.currentTimeline),Ms(this,t.animation,f),f.currentTimeline.applyStylesToKeyframe(),o=Math.max(o,f.currentTimeline.currentTime)}),e.currentQueryIndex=0,e.currentQueryTotal=0,e.transformIntoNewTimeline(o),l&&(e.currentTimeline.mergeTimelineCollectedStyles(l),e.currentTimeline.snapshotCurrentStyles()),e.previousNode=t}visitStagger(t,e){const i=e.parentContext,s=e.currentTimeline,r=t.timings,o=Math.abs(r.duration),a=o*(e.currentQueryTotal-1);let l=o*e.currentQueryIndex;switch(r.duration<0?"reverse":r.easing){case"reverse":l=a-l;break;case"full":l=i.currentStaggerTime}const u=e.currentTimeline;l&&u.delayNextStep(l);const f=u.currentTime;Ms(this,t.animation,e),e.previousNode=t,i.currentStaggerTime=s.currentTime-f+(s.startTime-i.currentTimeline.startTime)}}const ig={};class aT{constructor(t,e,i,s,r,o,a,l){this._driver=t,this.element=e,this.subInstructions=i,this._enterClassName=s,this._leaveClassName=r,this.errors=o,this.timelines=a,this.parentContext=null,this.currentAnimateTimings=null,this.previousNode=ig,this.subContextCount=0,this.options={},this.currentQueryIndex=0,this.currentQueryTotal=0,this.currentStaggerTime=0,this.currentTimeline=l||new sg(this._driver,e,0),a.push(this.currentTimeline)}get params(){return this.options.params}updateOptions(t,e){if(!t)return;const i=t;let s=this.options;null!=i.duration&&(s.duration=Io(i.duration)),null!=i.delay&&(s.delay=Io(i.delay));const r=i.params;if(r){let o=s.params;o||(o=this.options.params={}),Object.keys(r).forEach(a=>{(!e||!o.hasOwnProperty(a))&&(o[a]=Kh(r[a],o,this.errors))})}}_copyOptions(){const t={};if(this.options){const e=this.options.params;if(e){const i=t.params={};Object.keys(e).forEach(s=>{i[s]=e[s]})}}return t}createSubContext(t=null,e,i){const s=e||this.element,r=new aT(this._driver,s,this.subInstructions,this._enterClassName,this._leaveClassName,this.errors,this.timelines,this.currentTimeline.fork(s,i||0));return r.previousNode=this.previousNode,r.currentAnimateTimings=this.currentAnimateTimings,r.options=this._copyOptions(),r.updateOptions(t),r.currentQueryIndex=this.currentQueryIndex,r.currentQueryTotal=this.currentQueryTotal,r.parentContext=this,this.subContextCount++,r}transformIntoNewTimeline(t){return this.previousNode=ig,this.currentTimeline=this.currentTimeline.fork(this.element,t),this.timelines.push(this.currentTimeline),this.currentTimeline}appendInstructionToTimeline(t,e,i){const s={duration:e??t.duration,delay:this.currentTimeline.currentTime+(i??0)+t.delay,easing:""},r=new Wde(this._driver,t.element,t.keyframes,t.preStyleProps,t.postStyleProps,s,t.stretchStartingKeyframe);return this.timelines.push(r),s}incrementTime(t){this.currentTimeline.forwardTime(this.currentTimeline.duration+t)}delayNextStep(t){t>0&&this.currentTimeline.delayNextStep(t)}invokeQuery(t,e,i,s,r,o){let a=[];if(s&&a.push(this.element),t.length>0){t=(t=t.replace(Vde,"."+this._enterClassName)).replace(zde,"."+this._leaveClassName);let c=this._driver.query(this.element,t,1!=i);0!==i&&(c=i<0?c.slice(c.length+i,c.length):c.slice(0,i)),a.push(...c)}return!r&&0==a.length&&o.push(function Zue(n){return new Q(3014,!1)}()),a}}class sg{constructor(t,e,i,s){this._driver=t,this.element=e,this.startTime=i,this._elementTimelineStylesLookup=s,this.duration=0,this.easing=null,this._previousKeyframe=new Map,this._currentKeyframe=new Map,this._keyframes=new Map,this._styleSummary=new Map,this._localTimelineStyles=new Map,this._pendingStyles=new Map,this._backFill=new Map,this._currentEmptyStepKeyframe=null,this._elementTimelineStylesLookup||(this._elementTimelineStylesLookup=new Map),this._globalTimelineStyles=this._elementTimelineStylesLookup.get(e),this._globalTimelineStyles||(this._globalTimelineStyles=this._localTimelineStyles,this._elementTimelineStylesLookup.set(e,this._localTimelineStyles)),this._loadKeyframe()}containsAnimation(){switch(this._keyframes.size){case 0:return!1;case 1:return this.hasCurrentStyleProperties();default:return!0}}hasCurrentStyleProperties(){return this._currentKeyframe.size>0}get currentTime(){return this.startTime+this.duration}delayNextStep(t){const e=1===this._keyframes.size&&this._pendingStyles.size;this.duration||e?(this.forwardTime(this.currentTime+t),e&&this.snapshotCurrentStyles()):this.startTime+=t}fork(t,e){return this.applyStylesToKeyframe(),new sg(this._driver,t,e||this.currentTime,this._elementTimelineStylesLookup)}_loadKeyframe(){this._currentKeyframe&&(this._previousKeyframe=this._currentKeyframe),this._currentKeyframe=this._keyframes.get(this.duration),this._currentKeyframe||(this._currentKeyframe=new Map,this._keyframes.set(this.duration,this._currentKeyframe))}forwardFrame(){this.duration+=1,this._loadKeyframe()}forwardTime(t){this.applyStylesToKeyframe(),this.duration=t,this._loadKeyframe()}_updateStyle(t,e){this._localTimelineStyles.set(t,e),this._globalTimelineStyles.set(t,e),this._styleSummary.set(t,{time:this.currentTime,value:e})}allowOnlyTimelineStyles(){return this._currentEmptyStepKeyframe!==this._currentKeyframe}applyEmptyStep(t){t&&this._previousKeyframe.set("easing",t);for(let[e,i]of this._globalTimelineStyles)this._backFill.set(e,i||To),this._currentKeyframe.set(e,To);this._currentEmptyStepKeyframe=this._currentKeyframe}setStyles(t,e,i,s){e&&this._previousKeyframe.set("easing",e);const r=s&&s.params||{},o=function Ude(n,t){const e=new Map;let i;return n.forEach(s=>{if("*"===s){i=i||t.keys();for(let r of i)e.set(r,To)}else wa(s,e)}),e}(t,this._globalTimelineStyles);for(let[a,l]of o){const c=Kh(l,r,i);this._pendingStyles.set(a,c),this._localTimelineStyles.has(a)||this._backFill.set(a,this._globalTimelineStyles.get(a)??To),this._updateStyle(a,c)}}applyStylesToKeyframe(){0!=this._pendingStyles.size&&(this._pendingStyles.forEach((t,e)=>{this._currentKeyframe.set(e,t)}),this._pendingStyles.clear(),this._localTimelineStyles.forEach((t,e)=>{this._currentKeyframe.has(e)||this._currentKeyframe.set(e,t)}))}snapshotCurrentStyles(){for(let[t,e]of this._localTimelineStyles)this._pendingStyles.set(t,e),this._updateStyle(t,e)}getFinalKeyframe(){return this._keyframes.get(this.duration)}get properties(){const t=[];for(let e in this._currentKeyframe)t.push(e);return t}mergeTimelineCollectedStyles(t){t._styleSummary.forEach((e,i)=>{const s=this._styleSummary.get(i);(!s||e.time>s.time)&&this._updateStyle(i,e.value)})}buildKeyframes(){this.applyStylesToKeyframe();const t=new Set,e=new Set,i=1===this._keyframes.size&&0===this.duration;let s=[];this._keyframes.forEach((a,l)=>{const c=wa(a,new Map,this._backFill);c.forEach((u,f)=>{"!"===u?t.add(f):u===To&&e.add(f)}),i||c.set("offset",l/this.duration),s.push(c)});const r=t.size?Z_(t.values()):[],o=e.size?Z_(e.values()):[];if(i){const a=s[0],l=new Map(a);a.set("offset",0),l.set("offset",1),s=[a,l]}return rT(this.element,s,r,o,this.duration,this.startTime,this.easing,!1)}}class Wde extends sg{constructor(t,e,i,s,r,o,a=!1){super(t,e,o.delay),this.keyframes=i,this.preStyleProps=s,this.postStyleProps=r,this._stretchStartingKeyframe=a,this.timings={duration:o.duration,delay:o.delay,easing:o.easing}}containsAnimation(){return this.keyframes.length>1}buildKeyframes(){let t=this.keyframes,{delay:e,duration:i,easing:s}=this.timings;if(this._stretchStartingKeyframe&&e){const r=[],o=i+e,a=e/o,l=wa(t[0]);l.set("offset",0),r.push(l);const c=wa(t[0]);c.set("offset",FR(a)),r.push(c);const u=t.length-1;for(let f=1;f<=u;f++){let p=wa(t[f]);const g=p.get("offset");p.set("offset",FR((e+g*i)/o)),r.push(p)}i=o,e=0,s="",t=r}return rT(this.element,t,this.preStyleProps,this.postStyleProps,i,e,s,!0)}}function FR(n,t=3){const e=Math.pow(10,t-1);return Math.round(n*e)/e}class lT{}const Gde=new Set(["width","height","minWidth","minHeight","maxWidth","maxHeight","left","top","bottom","right","fontSize","outlineWidth","outlineOffset","paddingTop","paddingLeft","paddingBottom","paddingRight","marginTop","marginLeft","marginBottom","marginRight","borderRadius","borderWidth","borderTopWidth","borderLeftWidth","borderRightWidth","borderBottomWidth","textIndent","perspective"]);class $de extends lT{normalizePropertyName(t,e){return nT(t)}normalizeStyleValue(t,e,i,s){let r="";const o=i.toString().trim();if(Gde.has(e)&&0!==i&&"0"!==i)if("number"==typeof i)r="px";else{const a=i.match(/^[+-]?[\d\.]+([a-z]*)$/);a&&0==a[1].length&&s.push(function Bue(n,t){return new Q(3005,!1)}())}return o+r}}function NR(n,t,e,i,s,r,o,a,l,c,u,f,p){return{type:0,element:n,triggerName:t,isRemovalTransition:s,fromState:e,fromStyles:r,toState:i,toStyles:o,timelines:a,queriedElements:l,preStyleProps:c,postStyleProps:u,totalTime:f,errors:p}}const cT={};class HR{constructor(t,e,i){this._triggerName=t,this.ast=e,this._stateStyles=i}match(t,e,i,s){return function qde(n,t,e,i,s){return n.some(r=>r(t,e,i,s))}(this.ast.matchers,t,e,i,s)}buildStyles(t,e,i){let s=this._stateStyles.get("*");return void 0!==t&&(s=this._stateStyles.get(t?.toString())||s),s?s.buildStyles(e,i):new Map}build(t,e,i,s,r,o,a,l,c,u){const f=[],p=this.ast.options&&this.ast.options.params||cT,v=this.buildStyles(i,a&&a.params||cT,f),M=l&&l.params||cT,S=this.buildStyles(s,M,f),L=new Set,E=new Map,H=new Map,B="void"===s,z={params:Kde(M,p),delay:this.ast.options?.delay},$=u?[]:oT(t,e,this.ast.animation,r,o,v,S,z,c,f);let ne=0;if($.forEach(re=>{ne=Math.max(re.duration+re.delay,ne)}),f.length)return NR(e,this._triggerName,i,s,B,v,S,[],[],E,H,ne,f);$.forEach(re=>{const Te=re.element,Pe=ws(E,Te,new Set);re.preStyleProps.forEach(Bt=>Pe.add(Bt));const Ze=ws(H,Te,new Set);re.postStyleProps.forEach(Bt=>Ze.add(Bt)),Te!==e&&L.add(Te)});const ee=Z_(L.values());return NR(e,this._triggerName,i,s,B,v,S,$,ee,E,H,ne)}}function Kde(n,t){const e=$h(t);for(const i in n)n.hasOwnProperty(i)&&null!=n[i]&&(e[i]=n[i]);return e}class Xde{constructor(t,e,i){this.styles=t,this.defaultParams=e,this.normalizer=i}buildStyles(t,e){const i=new Map,s=$h(this.defaultParams);return Object.keys(t).forEach(r=>{const o=t[r];null!==o&&(s[r]=o)}),this.styles.styles.forEach(r=>{"string"!=typeof r&&r.forEach((o,a)=>{o&&(o=Kh(o,s,e));const l=this.normalizer.normalizePropertyName(a,e);o=this.normalizer.normalizeStyleValue(a,l,o,e),i.set(a,o)})}),i}}class Zde{constructor(t,e,i){this.name=t,this.ast=e,this._normalizer=i,this.transitionFactories=[],this.states=new Map,e.states.forEach(s=>{this.states.set(s.name,new Xde(s.style,s.options&&s.options.params||{},i))}),YR(this.states,"true","1"),YR(this.states,"false","0"),e.transitions.forEach(s=>{this.transitionFactories.push(new HR(t,s,this.states))}),this.fallbackTransition=function Qde(n,t,e){return new HR(n,{type:1,animation:{type:2,steps:[],options:null},matchers:[(o,a)=>!0],options:null,queryCount:0,depCount:0},t)}(t,this.states)}get containsQueries(){return this.ast.queryCount>0}matchTransition(t,e,i,s){return this.transitionFactories.find(o=>o.match(t,e,i,s))||null}matchStyles(t,e,i){return this.fallbackTransition.buildStyles(t,e,i)}}function YR(n,t,e){n.has(t)?n.has(e)||n.set(e,n.get(t)):n.has(e)&&n.set(t,n.get(e))}const ehe=new ng;class the{constructor(t,e,i){this.bodyNode=t,this._driver=e,this._normalizer=i,this._animations=new Map,this._playersById=new Map,this.players=[]}register(t,e){const i=[],r=iT(this._driver,e,i,[]);if(i.length)throw function rde(n){return new Q(3503,!1)}();this._animations.set(t,r)}_buildPlayer(t,e,i){const s=t.element,r=wR(this._normalizer,t.keyframes,e,i);return this._driver.animate(s,r,t.duration,t.delay,t.easing,[],!0)}create(t,e,i={}){const s=[],r=this._animations.get(t);let o;const a=new Map;if(r?(o=oT(this._driver,e,r,ZM,q_,new Map,new Map,i,ehe,s),o.forEach(u=>{const f=ws(a,u.element,new Map);u.postStyleProps.forEach(p=>f.set(p,null))})):(s.push(function ode(){return new Q(3300,!1)}()),o=[]),s.length)throw function ade(n){return new Q(3504,!1)}();a.forEach((u,f)=>{u.forEach((p,g)=>{u.set(g,this._driver.computeStyle(f,g,To))})});const c=ba(o.map(u=>{const f=a.get(u.element);return this._buildPlayer(u,new Map,f)}));return this._playersById.set(t,c),c.onDestroy(()=>this.destroy(t)),this.players.push(c),c}destroy(t){const e=this._getPlayer(t);e.destroy(),this._playersById.delete(t);const i=this.players.indexOf(e);i>=0&&this.players.splice(i,1)}_getPlayer(t){const e=this._playersById.get(t);if(!e)throw function lde(n){return new Q(3301,!1)}();return e}listen(t,e,i,s){const r=KM(e,"","","");return $M(this._getPlayer(t),i,r,s),()=>{}}command(t,e,i,s){if("register"==i)return void this.register(t,s[0]);if("create"==i)return void this.create(t,e,s[0]||{});const r=this._getPlayer(t);switch(i){case"play":r.play();break;case"pause":r.pause();break;case"reset":r.reset();break;case"restart":r.restart();break;case"finish":r.finish();break;case"init":r.init();break;case"setPosition":r.setPosition(parseFloat(s[0]));break;case"destroy":this.destroy(t)}}}const VR="ng-animate-queued",uT="ng-animate-disabled",ohe=[],BR={namespaceId:"",setForRemoval:!1,setForMove:!1,hasAnimation:!1,removedBeforeQueried:!1},ahe={namespaceId:"",setForMove:!1,setForRemoval:!1,hasAnimation:!1,removedBeforeQueried:!0},js="__ng_removed";class dT{get params(){return this.options.params}constructor(t,e=""){this.namespaceId=e;const i=t&&t.hasOwnProperty("value");if(this.value=function dhe(n){return n??null}(i?t.value:t),i){const r=$h(t);delete r.value,this.options=r}else this.options={};this.options.params||(this.options.params={})}absorbOptions(t){const e=t.params;if(e){const i=this.options.params;Object.keys(e).forEach(s=>{null==i[s]&&(i[s]=e[s])})}}}const Xh="void",hT=new dT(Xh);class lhe{constructor(t,e,i){this.id=t,this.hostElement=e,this._engine=i,this.players=[],this._triggers=new Map,this._queue=[],this._elementListeners=new Map,this._hostClassName="ng-tns-"+t,Ws(e,this._hostClassName)}listen(t,e,i,s){if(!this._triggers.has(e))throw function cde(n,t){return new Q(3302,!1)}();if(null==i||0==i.length)throw function ude(n){return new Q(3303,!1)}();if(!function hhe(n){return"start"==n||"done"==n}(i))throw function dde(n,t){return new Q(3400,!1)}();const r=ws(this._elementListeners,t,[]),o={name:e,phase:i,callback:s};r.push(o);const a=ws(this._engine.statesByElement,t,new Map);return a.has(e)||(Ws(t,K_),Ws(t,K_+"-"+e),a.set(e,hT)),()=>{this._engine.afterFlush(()=>{const l=r.indexOf(o);l>=0&&r.splice(l,1),this._triggers.has(e)||a.delete(e)})}}register(t,e){return!this._triggers.has(t)&&(this._triggers.set(t,e),!0)}_getTrigger(t){const e=this._triggers.get(t);if(!e)throw function hde(n){return new Q(3401,!1)}();return e}trigger(t,e,i,s=!0){const r=this._getTrigger(e),o=new fT(this.id,e,t);let a=this._engine.statesByElement.get(t);a||(Ws(t,K_),Ws(t,K_+"-"+e),this._engine.statesByElement.set(t,a=new Map));let l=a.get(e);const c=new dT(i,this.id);if(!(i&&i.hasOwnProperty("value"))&&l&&c.absorbOptions(l.options),a.set(e,c),l||(l=hT),c.value!==Xh&&l.value===c.value){if(!function mhe(n,t){const e=Object.keys(n),i=Object.keys(t);if(e.length!=i.length)return!1;for(let s=0;s{xl(t,S),Gr(t,L)})}return}const p=ws(this._engine.playersByElement,t,[]);p.forEach(M=>{M.namespaceId==this.id&&M.triggerName==e&&M.queued&&M.destroy()});let g=r.matchTransition(l.value,c.value,t,c.params),v=!1;if(!g){if(!s)return;g=r.fallbackTransition,v=!0}return this._engine.totalQueuedPlayers++,this._queue.push({element:t,triggerName:e,transition:g,fromState:l,toState:c,player:o,isFallbackTransition:v}),v||(Ws(t,VR),o.onStart(()=>{lu(t,VR)})),o.onDone(()=>{let M=this.players.indexOf(o);M>=0&&this.players.splice(M,1);const S=this._engine.playersByElement.get(t);if(S){let L=S.indexOf(o);L>=0&&S.splice(L,1)}}),this.players.push(o),p.push(o),o}deregister(t){this._triggers.delete(t),this._engine.statesByElement.forEach(e=>e.delete(t)),this._elementListeners.forEach((e,i)=>{this._elementListeners.set(i,e.filter(s=>s.name!=t))})}clearElementCache(t){this._engine.statesByElement.delete(t),this._elementListeners.delete(t);const e=this._engine.playersByElement.get(t);e&&(e.forEach(i=>i.destroy()),this._engine.playersByElement.delete(t))}_signalRemovalForInnerTriggers(t,e){const i=this._engine.driver.query(t,X_,!0);i.forEach(s=>{if(s[js])return;const r=this._engine.fetchNamespacesByElement(s);r.size?r.forEach(o=>o.triggerLeaveAnimation(s,e,!1,!0)):this.clearElementCache(s)}),this._engine.afterFlushAnimationsDone(()=>i.forEach(s=>this.clearElementCache(s)))}triggerLeaveAnimation(t,e,i,s){const r=this._engine.statesByElement.get(t),o=new Map;if(r){const a=[];if(r.forEach((l,c)=>{if(o.set(c,l.value),this._triggers.has(c)){const u=this.trigger(t,c,Xh,s);u&&a.push(u)}}),a.length)return this._engine.markElementAsRemoved(this.id,t,!0,e,o),i&&ba(a).onDone(()=>this._engine.processLeaveNode(t)),!0}return!1}prepareLeaveAnimationListeners(t){const e=this._elementListeners.get(t),i=this._engine.statesByElement.get(t);if(e&&i){const s=new Set;e.forEach(r=>{const o=r.name;if(s.has(o))return;s.add(o);const l=this._triggers.get(o).fallbackTransition,c=i.get(o)||hT,u=new dT(Xh),f=new fT(this.id,o,t);this._engine.totalQueuedPlayers++,this._queue.push({element:t,triggerName:o,transition:l,fromState:c,toState:u,player:f,isFallbackTransition:!0})})}}removeNode(t,e){const i=this._engine;if(t.childElementCount&&this._signalRemovalForInnerTriggers(t,e),this.triggerLeaveAnimation(t,e,!0))return;let s=!1;if(i.totalAnimations){const r=i.players.length?i.playersByQueriedElement.get(t):[];if(r&&r.length)s=!0;else{let o=t;for(;o=o.parentNode;)if(i.statesByElement.get(o)){s=!0;break}}}if(this.prepareLeaveAnimationListeners(t),s)i.markElementAsRemoved(this.id,t,!1,e);else{const r=t[js];(!r||r===BR)&&(i.afterFlush(()=>this.clearElementCache(t)),i.destroyInnerAnimations(t),i._onRemovalComplete(t,e))}}insertNode(t,e){Ws(t,this._hostClassName)}drainQueuedTransitions(t){const e=[];return this._queue.forEach(i=>{const s=i.player;if(s.destroyed)return;const r=i.element,o=this._elementListeners.get(r);o&&o.forEach(a=>{if(a.name==i.triggerName){const l=KM(r,i.triggerName,i.fromState.value,i.toState.value);l._data=t,$M(i.player,a.phase,l,a.callback)}}),s.markedForDestroy?this._engine.afterFlush(()=>{s.destroy()}):e.push(i)}),this._queue=[],e.sort((i,s)=>{const r=i.transition.ast.depCount,o=s.transition.ast.depCount;return 0==r||0==o?r-o:this._engine.driver.containsElement(i.element,s.element)?1:-1})}destroy(t){this.players.forEach(e=>e.destroy()),this._signalRemovalForInnerTriggers(this.hostElement,t)}elementContainsData(t){let e=!1;return this._elementListeners.has(t)&&(e=!0),e=!!this._queue.find(i=>i.element===t)||e,e}}class che{_onRemovalComplete(t,e){this.onRemovalComplete(t,e)}constructor(t,e,i){this.bodyNode=t,this.driver=e,this._normalizer=i,this.players=[],this.newHostElements=new Map,this.playersByElement=new Map,this.playersByQueriedElement=new Map,this.statesByElement=new Map,this.disabledNodes=new Set,this.totalAnimations=0,this.totalQueuedPlayers=0,this._namespaceLookup={},this._namespaceList=[],this._flushFns=[],this._whenQuietFns=[],this.namespacesByHostElement=new Map,this.collectedEnterElements=[],this.collectedLeaveElements=[],this.onRemovalComplete=(s,r)=>{}}get queuedPlayers(){const t=[];return this._namespaceList.forEach(e=>{e.players.forEach(i=>{i.queued&&t.push(i)})}),t}createNamespace(t,e){const i=new lhe(t,e,this);return this.bodyNode&&this.driver.containsElement(this.bodyNode,e)?this._balanceNamespaceList(i,e):(this.newHostElements.set(e,i),this.collectEnterElement(e)),this._namespaceLookup[t]=i}_balanceNamespaceList(t,e){const i=this._namespaceList,s=this.namespacesByHostElement;if(i.length-1>=0){let o=!1,a=this.driver.getParentElement(e);for(;a;){const l=s.get(a);if(l){const c=i.indexOf(l);i.splice(c+1,0,t),o=!0;break}a=this.driver.getParentElement(a)}o||i.unshift(t)}else i.push(t);return s.set(e,t),t}register(t,e){let i=this._namespaceLookup[t];return i||(i=this.createNamespace(t,e)),i}registerTrigger(t,e,i){let s=this._namespaceLookup[t];s&&s.register(e,i)&&this.totalAnimations++}destroy(t,e){if(!t)return;const i=this._fetchNamespace(t);this.afterFlush(()=>{this.namespacesByHostElement.delete(i.hostElement),delete this._namespaceLookup[t];const s=this._namespaceList.indexOf(i);s>=0&&this._namespaceList.splice(s,1)}),this.afterFlushAnimationsDone(()=>i.destroy(e))}_fetchNamespace(t){return this._namespaceLookup[t]}fetchNamespacesByElement(t){const e=new Set,i=this.statesByElement.get(t);if(i)for(let s of i.values())if(s.namespaceId){const r=this._fetchNamespace(s.namespaceId);r&&e.add(r)}return e}trigger(t,e,i,s){if(rg(e)){const r=this._fetchNamespace(t);if(r)return r.trigger(e,i,s),!0}return!1}insertNode(t,e,i,s){if(!rg(e))return;const r=e[js];if(r&&r.setForRemoval){r.setForRemoval=!1,r.setForMove=!0;const o=this.collectedLeaveElements.indexOf(e);o>=0&&this.collectedLeaveElements.splice(o,1)}if(t){const o=this._fetchNamespace(t);o&&o.insertNode(e,i)}s&&this.collectEnterElement(e)}collectEnterElement(t){this.collectedEnterElements.push(t)}markElementAsDisabled(t,e){e?this.disabledNodes.has(t)||(this.disabledNodes.add(t),Ws(t,uT)):this.disabledNodes.has(t)&&(this.disabledNodes.delete(t),lu(t,uT))}removeNode(t,e,i){if(rg(e)){const s=t?this._fetchNamespace(t):null;s?s.removeNode(e,i):this.markElementAsRemoved(t,e,!1,i);const r=this.namespacesByHostElement.get(e);r&&r.id!==t&&r.removeNode(e,i)}else this._onRemovalComplete(e,i)}markElementAsRemoved(t,e,i,s,r){this.collectedLeaveElements.push(e),e[js]={namespaceId:t,setForRemoval:s,hasAnimation:i,removedBeforeQueried:!1,previousTriggersValues:r}}listen(t,e,i,s,r){return rg(e)?this._fetchNamespace(t).listen(e,i,s,r):()=>{}}_buildInstruction(t,e,i,s,r){return t.transition.build(this.driver,t.element,t.fromState.value,t.toState.value,i,s,t.fromState.options,t.toState.options,e,r)}destroyInnerAnimations(t){let e=this.driver.query(t,X_,!0);e.forEach(i=>this.destroyActiveAnimationsForElement(i)),0!=this.playersByQueriedElement.size&&(e=this.driver.query(t,QM,!0),e.forEach(i=>this.finishActiveQueriedAnimationOnElement(i)))}destroyActiveAnimationsForElement(t){const e=this.playersByElement.get(t);e&&e.forEach(i=>{i.queued?i.markedForDestroy=!0:i.destroy()})}finishActiveQueriedAnimationOnElement(t){const e=this.playersByQueriedElement.get(t);e&&e.forEach(i=>i.finish())}whenRenderingDone(){return new Promise(t=>{if(this.players.length)return ba(this.players).onDone(()=>t());t()})}processLeaveNode(t){const e=t[js];if(e&&e.setForRemoval){if(t[js]=BR,e.namespaceId){this.destroyInnerAnimations(t);const i=this._fetchNamespace(e.namespaceId);i&&i.clearElementCache(t)}this._onRemovalComplete(t,e.setForRemoval)}t.classList?.contains(uT)&&this.markElementAsDisabled(t,!1),this.driver.query(t,".ng-animate-disabled",!0).forEach(i=>{this.markElementAsDisabled(i,!1)})}flush(t=-1){let e=[];if(this.newHostElements.size&&(this.newHostElements.forEach((i,s)=>this._balanceNamespaceList(i,s)),this.newHostElements.clear()),this.totalAnimations&&this.collectedEnterElements.length)for(let i=0;ii()),this._flushFns=[],this._whenQuietFns.length){const i=this._whenQuietFns;this._whenQuietFns=[],e.length?ba(e).onDone(()=>{i.forEach(s=>s())}):i.forEach(s=>s())}}reportError(t){throw function fde(n){return new Q(3402,!1)}()}_flushAnimations(t,e){const i=new ng,s=[],r=new Map,o=[],a=new Map,l=new Map,c=new Map,u=new Set;this.disabledNodes.forEach(ue=>{u.add(ue);const pe=this.driver.query(ue,".ng-animate-queued",!0);for(let Ie=0;Ie{const Ie=ZM+M++;v.set(pe,Ie),ue.forEach(We=>Ws(We,Ie))});const S=[],L=new Set,E=new Set;for(let ue=0;ueL.add(We)):E.add(pe))}const H=new Map,B=WR(p,Array.from(L));B.forEach((ue,pe)=>{const Ie=q_+M++;H.set(pe,Ie),ue.forEach(We=>Ws(We,Ie))}),t.push(()=>{g.forEach((ue,pe)=>{const Ie=v.get(pe);ue.forEach(We=>lu(We,Ie))}),B.forEach((ue,pe)=>{const Ie=H.get(pe);ue.forEach(We=>lu(We,Ie))}),S.forEach(ue=>{this.processLeaveNode(ue)})});const z=[],$=[];for(let ue=this._namespaceList.length-1;ue>=0;ue--)this._namespaceList[ue].drainQueuedTransitions(e).forEach(Ie=>{const We=Ie.player,on=Ie.element;if(z.push(We),this.collectedEnterElements.length){const Ci=on[js];if(Ci&&Ci.setForMove){if(Ci.previousTriggersValues&&Ci.previousTriggersValues.has(Ie.triggerName)){const Il=Ci.previousTriggersValues.get(Ie.triggerName),Us=this.statesByElement.get(Ie.element);if(Us&&Us.has(Ie.triggerName)){const lg=Us.get(Ie.triggerName);lg.value=Il,Us.set(Ie.triggerName,lg)}}return void We.destroy()}}const ji=!f||!this.driver.containsElement(f,on),jn=H.get(on),is=v.get(on),Rt=this._buildInstruction(Ie,i,is,jn,ji);if(Rt.errors&&Rt.errors.length)return void $.push(Rt);if(ji)return We.onStart(()=>xl(on,Rt.fromStyles)),We.onDestroy(()=>Gr(on,Rt.toStyles)),void s.push(We);if(Ie.isFallbackTransition)return We.onStart(()=>xl(on,Rt.fromStyles)),We.onDestroy(()=>Gr(on,Rt.toStyles)),void s.push(We);const Ma=[];Rt.timelines.forEach(Ci=>{Ci.stretchStartingKeyframe=!0,this.disabledNodes.has(Ci.element)||Ma.push(Ci)}),Rt.timelines=Ma,i.append(on,Rt.timelines),o.push({instruction:Rt,player:We,element:on}),Rt.queriedElements.forEach(Ci=>ws(a,Ci,[]).push(We)),Rt.preStyleProps.forEach((Ci,Il)=>{if(Ci.size){let Us=l.get(Il);Us||l.set(Il,Us=new Set),Ci.forEach((lg,_T)=>Us.add(_T))}}),Rt.postStyleProps.forEach((Ci,Il)=>{let Us=c.get(Il);Us||c.set(Il,Us=new Set),Ci.forEach((lg,_T)=>Us.add(_T))})});if($.length){const ue=[];$.forEach(pe=>{ue.push(function pde(n,t){return new Q(3505,!1)}())}),z.forEach(pe=>pe.destroy()),this.reportError(ue)}const ne=new Map,ee=new Map;o.forEach(ue=>{const pe=ue.element;i.has(pe)&&(ee.set(pe,pe),this._beforeAnimationBuild(ue.player.namespaceId,ue.instruction,ne))}),s.forEach(ue=>{const pe=ue.element;this._getPreviousPlayers(pe,!1,ue.namespaceId,ue.triggerName,null).forEach(We=>{ws(ne,pe,[]).push(We),We.destroy()})});const re=S.filter(ue=>GR(ue,l,c)),Te=new Map;jR(Te,this.driver,E,c,To).forEach(ue=>{GR(ue,l,c)&&re.push(ue)});const Ze=new Map;g.forEach((ue,pe)=>{jR(Ze,this.driver,new Set(ue),l,"!")}),re.forEach(ue=>{const pe=Te.get(ue),Ie=Ze.get(ue);Te.set(ue,new Map([...pe?.entries()??[],...Ie?.entries()??[]]))});const Bt=[],Si=[],It={};o.forEach(ue=>{const{element:pe,player:Ie,instruction:We}=ue;if(i.has(pe)){if(u.has(pe))return Ie.onDestroy(()=>Gr(pe,We.toStyles)),Ie.disabled=!0,Ie.overrideTotalTime(We.totalTime),void s.push(Ie);let on=It;if(ee.size>1){let jn=pe;const is=[];for(;jn=jn.parentNode;){const Rt=ee.get(jn);if(Rt){on=Rt;break}is.push(jn)}is.forEach(Rt=>ee.set(Rt,on))}const ji=this._buildAnimation(Ie.namespaceId,We,ne,r,Ze,Te);if(Ie.setRealPlayer(ji),on===It)Bt.push(Ie);else{const jn=this.playersByElement.get(on);jn&&jn.length&&(Ie.parentPlayer=ba(jn)),s.push(Ie)}}else xl(pe,We.fromStyles),Ie.onDestroy(()=>Gr(pe,We.toStyles)),Si.push(Ie),u.has(pe)&&s.push(Ie)}),Si.forEach(ue=>{const pe=r.get(ue.element);if(pe&&pe.length){const Ie=ba(pe);ue.setRealPlayer(Ie)}}),s.forEach(ue=>{ue.parentPlayer?ue.syncPlayerEvents(ue.parentPlayer):ue.destroy()});for(let ue=0;ue!ji.destroyed);on.length?fhe(this,pe,on):this.processLeaveNode(pe)}return S.length=0,Bt.forEach(ue=>{this.players.push(ue),ue.onDone(()=>{ue.destroy();const pe=this.players.indexOf(ue);this.players.splice(pe,1)}),ue.play()}),Bt}elementContainsData(t,e){let i=!1;const s=e[js];return s&&s.setForRemoval&&(i=!0),this.playersByElement.has(e)&&(i=!0),this.playersByQueriedElement.has(e)&&(i=!0),this.statesByElement.has(e)&&(i=!0),this._fetchNamespace(t).elementContainsData(e)||i}afterFlush(t){this._flushFns.push(t)}afterFlushAnimationsDone(t){this._whenQuietFns.push(t)}_getPreviousPlayers(t,e,i,s,r){let o=[];if(e){const a=this.playersByQueriedElement.get(t);a&&(o=a)}else{const a=this.playersByElement.get(t);if(a){const l=!r||r==Xh;a.forEach(c=>{c.queued||!l&&c.triggerName!=s||o.push(c)})}}return(i||s)&&(o=o.filter(a=>!(i&&i!=a.namespaceId||s&&s!=a.triggerName))),o}_beforeAnimationBuild(t,e,i){const r=e.element,o=e.isRemovalTransition?void 0:t,a=e.isRemovalTransition?void 0:e.triggerName;for(const l of e.timelines){const c=l.element,u=c!==r,f=ws(i,c,[]);this._getPreviousPlayers(c,u,o,a,e.toState).forEach(g=>{const v=g.getRealPlayer();v.beforeDestroy&&v.beforeDestroy(),g.destroy(),f.push(g)})}xl(r,e.fromStyles)}_buildAnimation(t,e,i,s,r,o){const a=e.triggerName,l=e.element,c=[],u=new Set,f=new Set,p=e.timelines.map(v=>{const M=v.element;u.add(M);const S=M[js];if(S&&S.removedBeforeQueried)return new Dh(v.duration,v.delay);const L=M!==l,E=function phe(n){const t=[];return UR(n,t),t}((i.get(M)||ohe).map(ne=>ne.getRealPlayer())).filter(ne=>!!ne.element&&ne.element===M),H=r.get(M),B=o.get(M),z=wR(this._normalizer,v.keyframes,H,B),$=this._buildPlayer(v,z,E);if(v.subTimeline&&s&&f.add(M),L){const ne=new fT(t,a,M);ne.setRealPlayer($),c.push(ne)}return $});c.forEach(v=>{ws(this.playersByQueriedElement,v.element,[]).push(v),v.onDone(()=>function uhe(n,t,e){let i=n.get(t);if(i){if(i.length){const s=i.indexOf(e);i.splice(s,1)}0==i.length&&n.delete(t)}return i}(this.playersByQueriedElement,v.element,v))}),u.forEach(v=>Ws(v,kR));const g=ba(p);return g.onDestroy(()=>{u.forEach(v=>lu(v,kR)),Gr(l,e.toStyles)}),f.forEach(v=>{ws(s,v,[]).push(g)}),g}_buildPlayer(t,e,i){return e.length>0?this.driver.animate(t.element,e,t.duration,t.delay,t.easing,i):new Dh(t.duration,t.delay)}}class fT{constructor(t,e,i){this.namespaceId=t,this.triggerName=e,this.element=i,this._player=new Dh,this._containsRealPlayer=!1,this._queuedCallbacks=new Map,this.destroyed=!1,this.parentPlayer=null,this.markedForDestroy=!1,this.disabled=!1,this.queued=!0,this.totalTime=0}setRealPlayer(t){this._containsRealPlayer||(this._player=t,this._queuedCallbacks.forEach((e,i)=>{e.forEach(s=>$M(t,i,void 0,s))}),this._queuedCallbacks.clear(),this._containsRealPlayer=!0,this.overrideTotalTime(t.totalTime),this.queued=!1)}getRealPlayer(){return this._player}overrideTotalTime(t){this.totalTime=t}syncPlayerEvents(t){const e=this._player;e.triggerCallback&&t.onStart(()=>e.triggerCallback("start")),t.onDone(()=>this.finish()),t.onDestroy(()=>this.destroy())}_queueEvent(t,e){ws(this._queuedCallbacks,t,[]).push(e)}onDone(t){this.queued&&this._queueEvent("done",t),this._player.onDone(t)}onStart(t){this.queued&&this._queueEvent("start",t),this._player.onStart(t)}onDestroy(t){this.queued&&this._queueEvent("destroy",t),this._player.onDestroy(t)}init(){this._player.init()}hasStarted(){return!this.queued&&this._player.hasStarted()}play(){!this.queued&&this._player.play()}pause(){!this.queued&&this._player.pause()}restart(){!this.queued&&this._player.restart()}finish(){this._player.finish()}destroy(){this.destroyed=!0,this._player.destroy()}reset(){!this.queued&&this._player.reset()}setPosition(t){this.queued||this._player.setPosition(t)}getPosition(){return this.queued?0:this._player.getPosition()}triggerCallback(t){const e=this._player;e.triggerCallback&&e.triggerCallback(t)}}function rg(n){return n&&1===n.nodeType}function zR(n,t){const e=n.style.display;return n.style.display=t??"none",e}function jR(n,t,e,i,s){const r=[];e.forEach(l=>r.push(zR(l)));const o=[];i.forEach((l,c)=>{const u=new Map;l.forEach(f=>{const p=t.computeStyle(c,f,s);u.set(f,p),(!p||0==p.length)&&(c[js]=ahe,o.push(c))}),n.set(c,u)});let a=0;return e.forEach(l=>zR(l,r[a++])),o}function WR(n,t){const e=new Map;if(n.forEach(a=>e.set(a,[])),0==t.length)return e;const s=new Set(t),r=new Map;function o(a){if(!a)return 1;let l=r.get(a);if(l)return l;const c=a.parentNode;return l=e.has(c)?c:s.has(c)?1:o(c),r.set(a,l),l}return t.forEach(a=>{const l=o(a);1!==l&&e.get(l).push(a)}),e}function Ws(n,t){n.classList?.add(t)}function lu(n,t){n.classList?.remove(t)}function fhe(n,t,e){ba(e).onDone(()=>n.processLeaveNode(t))}function UR(n,t){for(let e=0;es.add(r)):t.set(n,i),e.delete(n),!0}class og{constructor(t,e,i){this.bodyNode=t,this._driver=e,this._normalizer=i,this._triggerCache={},this.onRemovalComplete=(s,r)=>{},this._transitionEngine=new che(t,e,i),this._timelineEngine=new the(t,e,i),this._transitionEngine.onRemovalComplete=(s,r)=>this.onRemovalComplete(s,r)}registerTrigger(t,e,i,s,r){const o=t+"-"+s;let a=this._triggerCache[o];if(!a){const l=[],u=iT(this._driver,r,l,[]);if(l.length)throw function ide(n,t){return new Q(3404,!1)}();a=function Jde(n,t,e){return new Zde(n,t,e)}(s,u,this._normalizer),this._triggerCache[o]=a}this._transitionEngine.registerTrigger(e,s,a)}register(t,e){this._transitionEngine.register(t,e)}destroy(t,e){this._transitionEngine.destroy(t,e)}onInsert(t,e,i,s){this._transitionEngine.insertNode(t,e,i,s)}onRemove(t,e,i){this._transitionEngine.removeNode(t,e,i)}disableAnimations(t,e){this._transitionEngine.markElementAsDisabled(t,e)}process(t,e,i,s){if("@"==i.charAt(0)){const[r,o]=MR(i);this._timelineEngine.command(r,e,o,s)}else this._transitionEngine.trigger(t,e,i,s)}listen(t,e,i,s,r){if("@"==i.charAt(0)){const[o,a]=MR(i);return this._timelineEngine.listen(o,e,a,r)}return this._transitionEngine.listen(t,e,i,s,r)}flush(t=-1){this._transitionEngine.flush(t)}get players(){return this._transitionEngine.players.concat(this._timelineEngine.players)}whenRenderingDone(){return this._transitionEngine.whenRenderingDone()}}let ghe=(()=>{class n{constructor(e,i,s){this._element=e,this._startStyles=i,this._endStyles=s,this._state=0;let r=n.initialStylesByElement.get(e);r||n.initialStylesByElement.set(e,r=new Map),this._initialStyles=r}start(){this._state<1&&(this._startStyles&&Gr(this._element,this._startStyles,this._initialStyles),this._state=1)}finish(){this.start(),this._state<2&&(Gr(this._element,this._initialStyles),this._endStyles&&(Gr(this._element,this._endStyles),this._endStyles=null),this._state=1)}destroy(){this.finish(),this._state<3&&(n.initialStylesByElement.delete(this._element),this._startStyles&&(xl(this._element,this._startStyles),this._endStyles=null),this._endStyles&&(xl(this._element,this._endStyles),this._endStyles=null),Gr(this._element,this._initialStyles),this._state=3)}}return n.initialStylesByElement=new WeakMap,n})();function pT(n){let t=null;return n.forEach((e,i)=>{(function yhe(n){return"display"===n||"position"===n})(i)&&(t=t||new Map,t.set(i,e))}),t}class $R{constructor(t,e,i,s){this.element=t,this.keyframes=e,this.options=i,this._specialStyles=s,this._onDoneFns=[],this._onStartFns=[],this._onDestroyFns=[],this._initialized=!1,this._finished=!1,this._started=!1,this._destroyed=!1,this._originalOnDoneFns=[],this._originalOnStartFns=[],this.time=0,this.parentPlayer=null,this.currentSnapshot=new Map,this._duration=i.duration,this._delay=i.delay||0,this.time=this._duration+this._delay}_onFinish(){this._finished||(this._finished=!0,this._onDoneFns.forEach(t=>t()),this._onDoneFns=[])}init(){this._buildPlayer(),this._preparePlayerBeforeStart()}_buildPlayer(){if(this._initialized)return;this._initialized=!0;const t=this.keyframes;this.domPlayer=this._triggerWebAnimation(this.element,t,this.options),this._finalKeyframe=t.length?t[t.length-1]:new Map,this.domPlayer.addEventListener("finish",()=>this._onFinish())}_preparePlayerBeforeStart(){this._delay?this._resetDomPlayerState():this.domPlayer.pause()}_convertKeyframesToObject(t){const e=[];return t.forEach(i=>{e.push(Object.fromEntries(i))}),e}_triggerWebAnimation(t,e,i){return t.animate(this._convertKeyframesToObject(e),i)}onStart(t){this._originalOnStartFns.push(t),this._onStartFns.push(t)}onDone(t){this._originalOnDoneFns.push(t),this._onDoneFns.push(t)}onDestroy(t){this._onDestroyFns.push(t)}play(){this._buildPlayer(),this.hasStarted()||(this._onStartFns.forEach(t=>t()),this._onStartFns=[],this._started=!0,this._specialStyles&&this._specialStyles.start()),this.domPlayer.play()}pause(){this.init(),this.domPlayer.pause()}finish(){this.init(),this._specialStyles&&this._specialStyles.finish(),this._onFinish(),this.domPlayer.finish()}reset(){this._resetDomPlayerState(),this._destroyed=!1,this._finished=!1,this._started=!1,this._onStartFns=this._originalOnStartFns,this._onDoneFns=this._originalOnDoneFns}_resetDomPlayerState(){this.domPlayer&&this.domPlayer.cancel()}restart(){this.reset(),this.play()}hasStarted(){return this._started}destroy(){this._destroyed||(this._destroyed=!0,this._resetDomPlayerState(),this._onFinish(),this._specialStyles&&this._specialStyles.destroy(),this._onDestroyFns.forEach(t=>t()),this._onDestroyFns=[])}setPosition(t){void 0===this.domPlayer&&this.init(),this.domPlayer.currentTime=t*this.time}getPosition(){return this.domPlayer.currentTime/this.time}get totalTime(){return this._delay+this._duration}beforeDestroy(){const t=new Map;this.hasStarted()&&this._finalKeyframe.forEach((i,s)=>{"offset"!==s&&t.set(s,this._finished?i:PR(this.element,s))}),this.currentSnapshot=t}triggerCallback(t){const e="start"===t?this._onStartFns:this._onDoneFns;e.forEach(i=>i()),e.length=0}}class vhe{validateStyleProperty(t){return!0}validateAnimatableStyleProperty(t){return!0}matchesElement(t,e){return!1}containsElement(t,e){return SR(t,e)}getParentElement(t){return XM(t)}query(t,e,i){return CR(t,e,i)}computeStyle(t,e,i){return window.getComputedStyle(t)[e]}animate(t,e,i,s,r,o=[]){const l={duration:i,delay:s,fill:0==s?"both":"forwards"};r&&(l.easing=r);const c=new Map,u=o.filter(g=>g instanceof $R);(function Dde(n,t){return 0===n||0===t})(i,s)&&u.forEach(g=>{g.currentSnapshot.forEach((v,M)=>c.set(M,v))});let f=function Tde(n){return n.length?n[0]instanceof Map?n:n.map(t=>ER(t)):[]}(e).map(g=>wa(g));f=function xde(n,t,e){if(e.size&&t.length){let i=t[0],s=[];if(e.forEach((r,o)=>{i.has(o)||s.push(o),i.set(o,r)}),s.length)for(let r=1;ro.set(a,PR(n,a)))}}return t}(t,f,c);const p=function _he(n,t){let e=null,i=null;return Array.isArray(t)&&t.length?(e=pT(t[0]),t.length>1&&(i=pT(t[t.length-1]))):t instanceof Map&&(e=pT(t)),e||i?new ghe(n,e,i):null}(t,f);return new $R(t,f,l,p)}}let bhe=(()=>{class n extends zA{constructor(e,i){super(),this._nextAnimationId=0,this._renderer=e.createRenderer(i.body,{id:"0",encapsulation:ui.None,styles:[],data:{animation:[]}})}build(e){const i=this._nextAnimationId.toString();this._nextAnimationId++;const s=Array.isArray(e)?jA(e):e;return qR(this._renderer,null,i,"register",[s]),new whe(i,this._renderer)}}return n.\u0275fac=function(e){return new(e||n)(ye(hd),ye(wn))},n.\u0275prov=me({token:n,factory:n.\u0275fac}),n})();class whe extends Fq{constructor(t,e){super(),this._id=t,this._renderer=e}create(t,e){return new Mhe(this._id,t,e||{},this._renderer)}}class Mhe{constructor(t,e,i,s){this.id=t,this.element=e,this._renderer=s,this.parentPlayer=null,this._started=!1,this.totalTime=0,this._command("create",i)}_listen(t,e){return this._renderer.listen(this.element,`@@${this.id}:${t}`,e)}_command(t,...e){return qR(this._renderer,this.element,this.id,t,e)}onDone(t){this._listen("done",t)}onStart(t){this._listen("start",t)}onDestroy(t){this._listen("destroy",t)}init(){this._command("init")}hasStarted(){return this._started}play(){this._command("play"),this._started=!0}pause(){this._command("pause")}restart(){this._command("restart")}finish(){this._command("finish")}destroy(){this._command("destroy")}reset(){this._command("reset"),this._started=!1}setPosition(t){this._command("setPosition",t)}getPosition(){return this._renderer.engine.players[+this.id]?.getPosition()??0}}function qR(n,t,e,i,s){return n.setProperty(t,`@@${e}:${i}`,s)}const KR="@.disabled";let The=(()=>{class n{constructor(e,i,s){this.delegate=e,this.engine=i,this._zone=s,this._currentId=0,this._microtaskId=1,this._animationCallbacksBuffer=[],this._rendererCache=new Map,this._cdRecurDepth=0,i.onRemovalComplete=(r,o)=>{const a=o?.parentNode(r);a&&o.removeChild(a,r)}}createRenderer(e,i){const r=this.delegate.createRenderer(e,i);if(!(e&&i&&i.data&&i.data.animation)){let u=this._rendererCache.get(r);return u||(u=new XR("",r,this.engine,()=>this._rendererCache.delete(r)),this._rendererCache.set(r,u)),u}const o=i.id,a=i.id+"-"+this._currentId;this._currentId++,this.engine.register(a,e);const l=u=>{Array.isArray(u)?u.forEach(l):this.engine.registerTrigger(o,a,e,u.name,u)};return i.data.animation.forEach(l),new She(this,a,r,this.engine)}begin(){this._cdRecurDepth++,this.delegate.begin&&this.delegate.begin()}_scheduleCountTask(){queueMicrotask(()=>{this._microtaskId++})}scheduleListenerCallback(e,i,s){e>=0&&ei(s)):(0==this._animationCallbacksBuffer.length&&queueMicrotask(()=>{this._zone.run(()=>{this._animationCallbacksBuffer.forEach(r=>{const[o,a]=r;o(a)}),this._animationCallbacksBuffer=[]})}),this._animationCallbacksBuffer.push([i,s]))}end(){this._cdRecurDepth--,0==this._cdRecurDepth&&this._zone.runOutsideAngular(()=>{this._scheduleCountTask(),this.engine.flush(this._microtaskId)}),this.delegate.end&&this.delegate.end()}whenRenderingDone(){return this.engine.whenRenderingDone()}}return n.\u0275fac=function(e){return new(e||n)(ye(hd),ye(og),ye(Ct))},n.\u0275prov=me({token:n,factory:n.\u0275fac}),n})();class XR{constructor(t,e,i,s){this.namespaceId=t,this.delegate=e,this.engine=i,this._onDestroy=s,this.destroyNode=this.delegate.destroyNode?r=>e.destroyNode(r):null}get data(){return this.delegate.data}destroy(){this.engine.destroy(this.namespaceId,this.delegate),this.delegate.destroy(),this._onDestroy?.()}createElement(t,e){return this.delegate.createElement(t,e)}createComment(t){return this.delegate.createComment(t)}createText(t){return this.delegate.createText(t)}appendChild(t,e){this.delegate.appendChild(t,e),this.engine.onInsert(this.namespaceId,e,t,!1)}insertBefore(t,e,i,s=!0){this.delegate.insertBefore(t,e,i),this.engine.onInsert(this.namespaceId,e,t,s)}removeChild(t,e,i){this.engine.onRemove(this.namespaceId,e,this.delegate)}selectRootElement(t,e){return this.delegate.selectRootElement(t,e)}parentNode(t){return this.delegate.parentNode(t)}nextSibling(t){return this.delegate.nextSibling(t)}setAttribute(t,e,i,s){this.delegate.setAttribute(t,e,i,s)}removeAttribute(t,e,i){this.delegate.removeAttribute(t,e,i)}addClass(t,e){this.delegate.addClass(t,e)}removeClass(t,e){this.delegate.removeClass(t,e)}setStyle(t,e,i,s){this.delegate.setStyle(t,e,i,s)}removeStyle(t,e,i){this.delegate.removeStyle(t,e,i)}setProperty(t,e,i){"@"==e.charAt(0)&&e==KR?this.disableAnimations(t,!!i):this.delegate.setProperty(t,e,i)}setValue(t,e){this.delegate.setValue(t,e)}listen(t,e,i){return this.delegate.listen(t,e,i)}disableAnimations(t,e){this.engine.disableAnimations(t,e)}}class She extends XR{constructor(t,e,i,s,r){super(e,i,s,r),this.factory=t,this.namespaceId=e}setProperty(t,e,i){"@"==e.charAt(0)?"."==e.charAt(1)&&e==KR?this.disableAnimations(t,i=void 0===i||!!i):this.engine.process(this.namespaceId,t,e.slice(1),i):this.delegate.setProperty(t,e,i)}listen(t,e,i){if("@"==e.charAt(0)){const s=function Che(n){switch(n){case"body":return document.body;case"document":return document;case"window":return window;default:return n}}(t);let r=e.slice(1),o="";return"@"!=r.charAt(0)&&([r,o]=function Dhe(n){const t=n.indexOf(".");return[n.substring(0,t),n.slice(t+1)]}(r)),this.engine.listen(this.namespaceId,s,r,o,a=>{this.factory.scheduleListenerCallback(a._data||-1,i,a)})}return this.delegate.listen(t,e,i)}}let xhe=(()=>{class n extends og{constructor(e,i,s,r){super(e.body,i,s)}ngOnDestroy(){this.flush()}}return n.\u0275fac=function(e){return new(e||n)(ye(wn),ye(JM),ye(lT),ye(Za))},n.\u0275prov=me({token:n,factory:n.\u0275fac}),n})();const JR=[{provide:zA,useClass:bhe},{provide:lT,useFactory:function khe(){return new $de}},{provide:og,useClass:xhe},{provide:hd,useFactory:function Ehe(n,t,e){return new The(n,t,e)},deps:[cb,og,Ct]}],mT=[{provide:JM,useFactory:()=>new vhe},{provide:EC,useValue:"BrowserAnimations"},...JR],ZR=[{provide:JM,useClass:DR},{provide:EC,useValue:"NoopAnimations"},...JR];let Ihe=(()=>{class n{static withConfig(e){return{ngModule:n,providers:e.disableAnimations?ZR:mT}}}return n.\u0275fac=function(e){return new(e||n)},n.\u0275mod=pt({type:n}),n.\u0275inj=ht({providers:mT,imports:[hb]}),n})(),Lhe=(()=>{class n{}return h(n,"\u0275fac",function(e){return new(e||n)}),h(n,"\u0275mod",pt({type:n})),h(n,"\u0275inj",ht({imports:[Mn,On]})),n})();const Phe=["rb"],Ahe=function(n,t,e){return{"p-radiobutton-label":!0,"p-radiobutton-label-active":n,"p-disabled":t,"p-radiobutton-label-focus":e}};function Ohe(n,t){if(1&n){const e=Ue();V(0,"label",4),de("click",function(s){return q(e),K(R().select(s))}),le(1),Y()}if(2&n){const e=R(),i=Gn(3);Ge(e.labelStyleClass),x("ngClass",ps(5,Ahe,i.checked,e.disabled,e.focused)),Ce("for",e.inputId),I(1),dt(e.label)}}const Rhe=function(n,t,e){return{"p-radiobutton p-component":!0,"p-radiobutton-checked":n,"p-radiobutton-disabled":t,"p-radiobutton-focused":e}},Fhe=function(n,t,e){return{"p-radiobutton-box":!0,"p-highlight":n,"p-disabled":t,"p-focus":e}},Nhe={provide:ii,useExisting:ut(()=>Yhe),multi:!0};let Hhe=(()=>{class n{constructor(){h(this,"accessors",[])}add(e,i){this.accessors.push([e,i])}remove(e){this.accessors=this.accessors.filter(i=>i[1]!==e)}select(e){this.accessors.forEach(i=>{this.isSameGroup(i,e)&&i[1]!==e&&i[1].writeValue(e.value)})}isSameGroup(e,i){return!!e[0].control&&e[0].control.root===i.control.control.root&&e[1].name===i.name}}return h(n,"\u0275fac",function(e){return new(e||n)}),h(n,"\u0275prov",me({token:n,factory:n.\u0275fac,providedIn:"root"})),n})(),Yhe=(()=>{class n{constructor(e,i,s){h(this,"cd",void 0),h(this,"injector",void 0),h(this,"registry",void 0),h(this,"value",void 0),h(this,"formControlName",void 0),h(this,"name",void 0),h(this,"disabled",void 0),h(this,"label",void 0),h(this,"tabindex",void 0),h(this,"inputId",void 0),h(this,"ariaLabelledBy",void 0),h(this,"ariaLabel",void 0),h(this,"style",void 0),h(this,"styleClass",void 0),h(this,"labelStyleClass",void 0),h(this,"onClick",new ce),h(this,"onFocus",new ce),h(this,"onBlur",new ce),h(this,"inputViewChild",void 0),h(this,"onModelChange",()=>{}),h(this,"onModelTouched",()=>{}),h(this,"checked",void 0),h(this,"focused",void 0),h(this,"control",void 0),this.cd=e,this.injector=i,this.registry=s}ngOnInit(){this.control=this.injector.get(Fr),this.checkName(),this.registry.add(this.control,this)}handleClick(e,i,s){e.preventDefault(),!this.disabled&&(this.select(e),s&&i.focus())}select(e){this.disabled||(this.inputViewChild.nativeElement.checked=!0,this.checked=!0,this.onModelChange(this.value),this.registry.select(this),this.onClick.emit({originalEvent:e,value:this.value}))}writeValue(e){this.checked=e==this.value,this.inputViewChild&&this.inputViewChild.nativeElement&&(this.inputViewChild.nativeElement.checked=this.checked),this.cd.markForCheck()}registerOnChange(e){this.onModelChange=e}registerOnTouched(e){this.onModelTouched=e}setDisabledState(e){this.disabled=e,this.cd.markForCheck()}onInputFocus(e){this.focused=!0,this.onFocus.emit(e)}onInputBlur(e){this.focused=!1,this.onModelTouched(),this.onBlur.emit(e)}onChange(e){this.select(e)}focus(){this.inputViewChild.nativeElement.focus()}ngOnDestroy(){this.registry.remove(this)}checkName(){this.name&&this.formControlName&&this.name!==this.formControlName&&this.throwNameError(),!this.name&&this.formControlName&&(this.name=this.formControlName)}throwNameError(){throw new Error('\n If you define both a name and a formControlName attribute on your radio button, their values\n must match. Ex: \n ')}}return h(n,"\u0275fac",function(e){return new(e||n)(W(ti),W(Ps),W(Hhe))}),h(n,"\u0275cmp",Ne({type:n,selectors:[["p-radioButton"]],viewQuery:function(e,i){if(1&e&&Et(Phe,5),2&e){let s;rt(s=ot())&&(i.inputViewChild=s.first)}},hostAttrs:[1,"p-element"],inputs:{value:"value",formControlName:"formControlName",name:"name",disabled:"disabled",label:"label",tabindex:"tabindex",inputId:"inputId",ariaLabelledBy:"ariaLabelledBy",ariaLabel:"ariaLabel",style:"style",styleClass:"styleClass",labelStyleClass:"labelStyleClass"},outputs:{onClick:"onClick",onFocus:"onFocus",onBlur:"onBlur"},features:[Mt([Nhe])],decls:7,vars:23,consts:[[3,"ngStyle","ngClass"],[1,"p-hidden-accessible"],["type","radio",3,"checked","disabled","change","focus","blur"],["rb",""],[3,"ngClass","click"],[1,"p-radiobutton-icon"],[3,"class","ngClass","click",4,"ngIf"]],template:function(e,i){if(1&e){const s=Ue();V(0,"div",0)(1,"div",1)(2,"input",2,3),de("change",function(o){return i.onChange(o)})("focus",function(o){return i.onInputFocus(o)})("blur",function(o){return i.onInputBlur(o)}),Y()(),V(4,"div",4),de("click",function(o){q(s);const a=Gn(3);return K(i.handleClick(o,a,!0))}),se(5,"span",5),Y()(),O(6,Ohe,2,9,"label",6)}2&e&&(Ge(i.styleClass),x("ngStyle",i.style)("ngClass",ps(15,Rhe,i.checked,i.disabled,i.focused)),I(2),x("checked",i.checked)("disabled",i.disabled),Ce("id",i.inputId)("name",i.name)("value",i.value)("tabindex",i.tabindex)("aria-checked",i.checked)("aria-label",i.ariaLabel)("aria-labelledby",i.ariaLabelledBy),I(2),x("ngClass",ps(19,Fhe,i.checked,i.disabled,i.focused)),I(2),x("ngIf",i.label))},dependencies:[gi,Bn,yi],encapsulation:2,changeDetection:0})),n})(),Vhe=(()=>{class n{}return h(n,"\u0275fac",function(e){return new(e||n)}),h(n,"\u0275mod",pt({type:n})),h(n,"\u0275inj",ht({imports:[Mn]})),n})();f_([ns({transform:"{{transform}}",opacity:0}),So("{{transition}}")]),f_([So("{{transition}}",ns({transform:"{{transform}}",opacity:0}))]);let Zhe=(()=>{class n{}return h(n,"\u0275fac",function(e){return new(e||n)}),h(n,"\u0275mod",pt({type:n})),h(n,"\u0275inj",ht({imports:[Mn,_l,On,Co,On]})),n})(),Qhe=(()=>{class n{}return n.\u0275fac=function(e){return new(e||n)},n.\u0275mod=pt({type:n}),n.\u0275inj=ht({imports:[hb,gh,soe,Ihe,lw,Zhe,Lhe,Vhe,tw,_l,Hw]}),n})(),efe=(()=>{class n{}return n.\u0275fac=function(e){return new(e||n)},n.\u0275mod=pt({type:n,bootstrap:[Rue]}),n.\u0275inj=ht({providers:[{provide:ta,useClass:Wk}],imports:[Mn,hb,fae,hie,Qhe,gh,LG,yq]}),n})();rV().bootstrapModule(efe).catch(n=>console.error(n))},3274:function(J,Z,F){!function(D){"use strict";D.defineLocale("af",{months:"Januarie_Februarie_Maart_April_Mei_Junie_Julie_Augustus_September_Oktober_November_Desember".split("_"),monthsShort:"Jan_Feb_Mrt_Apr_Mei_Jun_Jul_Aug_Sep_Okt_Nov_Des".split("_"),weekdays:"Sondag_Maandag_Dinsdag_Woensdag_Donderdag_Vrydag_Saterdag".split("_"),weekdaysShort:"Son_Maa_Din_Woe_Don_Vry_Sat".split("_"),weekdaysMin:"So_Ma_Di_Wo_Do_Vr_Sa".split("_"),meridiemParse:/vm|nm/i,isPM:function(w){return/^nm$/i.test(w)},meridiem:function(w,y,b){return w<12?b?"vm":"VM":b?"nm":"NM"},longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd, D MMMM YYYY HH:mm"},calendar:{sameDay:"[Vandag om] LT",nextDay:"[M\xf4re om] LT",nextWeek:"dddd [om] LT",lastDay:"[Gister om] LT",lastWeek:"[Laas] dddd [om] LT",sameElse:"L"},relativeTime:{future:"oor %s",past:"%s gelede",s:"'n paar sekondes",ss:"%d sekondes",m:"'n minuut",mm:"%d minute",h:"'n uur",hh:"%d ure",d:"'n dag",dd:"%d dae",M:"'n maand",MM:"%d maande",y:"'n jaar",yy:"%d jaar"},dayOfMonthOrdinalParse:/\d{1,2}(ste|de)/,ordinal:function(w){return w+(1===w||8===w||w>=20?"ste":"de")},week:{dow:1,doy:4}})}(F(6676))},1867:function(J,Z,F){!function(D){"use strict";var _=function(P){return 0===P?0:1===P?1:2===P?2:P%100>=3&&P%100<=10?3:P%100>=11?4:5},w={s:["\u0623\u0642\u0644 \u0645\u0646 \u062b\u0627\u0646\u064a\u0629","\u062b\u0627\u0646\u064a\u0629 \u0648\u0627\u062d\u062f\u0629",["\u062b\u0627\u0646\u064a\u062a\u0627\u0646","\u062b\u0627\u0646\u064a\u062a\u064a\u0646"],"%d \u062b\u0648\u0627\u0646","%d \u062b\u0627\u0646\u064a\u0629","%d \u062b\u0627\u0646\u064a\u0629"],m:["\u0623\u0642\u0644 \u0645\u0646 \u062f\u0642\u064a\u0642\u0629","\u062f\u0642\u064a\u0642\u0629 \u0648\u0627\u062d\u062f\u0629",["\u062f\u0642\u064a\u0642\u062a\u0627\u0646","\u062f\u0642\u064a\u0642\u062a\u064a\u0646"],"%d \u062f\u0642\u0627\u0626\u0642","%d \u062f\u0642\u064a\u0642\u0629","%d \u062f\u0642\u064a\u0642\u0629"],h:["\u0623\u0642\u0644 \u0645\u0646 \u0633\u0627\u0639\u0629","\u0633\u0627\u0639\u0629 \u0648\u0627\u062d\u062f\u0629",["\u0633\u0627\u0639\u062a\u0627\u0646","\u0633\u0627\u0639\u062a\u064a\u0646"],"%d \u0633\u0627\u0639\u0627\u062a","%d \u0633\u0627\u0639\u0629","%d \u0633\u0627\u0639\u0629"],d:["\u0623\u0642\u0644 \u0645\u0646 \u064a\u0648\u0645","\u064a\u0648\u0645 \u0648\u0627\u062d\u062f",["\u064a\u0648\u0645\u0627\u0646","\u064a\u0648\u0645\u064a\u0646"],"%d \u0623\u064a\u0627\u0645","%d \u064a\u0648\u0645\u064b\u0627","%d \u064a\u0648\u0645"],M:["\u0623\u0642\u0644 \u0645\u0646 \u0634\u0647\u0631","\u0634\u0647\u0631 \u0648\u0627\u062d\u062f",["\u0634\u0647\u0631\u0627\u0646","\u0634\u0647\u0631\u064a\u0646"],"%d \u0623\u0634\u0647\u0631","%d \u0634\u0647\u0631\u0627","%d \u0634\u0647\u0631"],y:["\u0623\u0642\u0644 \u0645\u0646 \u0639\u0627\u0645","\u0639\u0627\u0645 \u0648\u0627\u062d\u062f",["\u0639\u0627\u0645\u0627\u0646","\u0639\u0627\u0645\u064a\u0646"],"%d \u0623\u0639\u0648\u0627\u0645","%d \u0639\u0627\u0645\u064b\u0627","%d \u0639\u0627\u0645"]},y=function(P){return function(N,U,ie,De){var He=_(N),lt=w[P][_(N)];return 2===He&&(lt=lt[U?0:1]),lt.replace(/%d/i,N)}},b=["\u062c\u0627\u0646\u0641\u064a","\u0641\u064a\u0641\u0631\u064a","\u0645\u0627\u0631\u0633","\u0623\u0641\u0631\u064a\u0644","\u0645\u0627\u064a","\u062c\u0648\u0627\u0646","\u062c\u0648\u064a\u0644\u064a\u0629","\u0623\u0648\u062a","\u0633\u0628\u062a\u0645\u0628\u0631","\u0623\u0643\u062a\u0648\u0628\u0631","\u0646\u0648\u0641\u0645\u0628\u0631","\u062f\u064a\u0633\u0645\u0628\u0631"];D.defineLocale("ar-dz",{months:b,monthsShort:b,weekdays:"\u0627\u0644\u0623\u062d\u062f_\u0627\u0644\u0625\u062b\u0646\u064a\u0646_\u0627\u0644\u062b\u0644\u0627\u062b\u0627\u0621_\u0627\u0644\u0623\u0631\u0628\u0639\u0627\u0621_\u0627\u0644\u062e\u0645\u064a\u0633_\u0627\u0644\u062c\u0645\u0639\u0629_\u0627\u0644\u0633\u0628\u062a".split("_"),weekdaysShort:"\u0623\u062d\u062f_\u0625\u062b\u0646\u064a\u0646_\u062b\u0644\u0627\u062b\u0627\u0621_\u0623\u0631\u0628\u0639\u0627\u0621_\u062e\u0645\u064a\u0633_\u062c\u0645\u0639\u0629_\u0633\u0628\u062a".split("_"),weekdaysMin:"\u062d_\u0646_\u062b_\u0631_\u062e_\u062c_\u0633".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"D/\u200fM/\u200fYYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},meridiemParse:/\u0635|\u0645/,isPM:function(P){return"\u0645"===P},meridiem:function(P,N,U){return P<12?"\u0635":"\u0645"},calendar:{sameDay:"[\u0627\u0644\u064a\u0648\u0645 \u0639\u0646\u062f \u0627\u0644\u0633\u0627\u0639\u0629] LT",nextDay:"[\u063a\u062f\u064b\u0627 \u0639\u0646\u062f \u0627\u0644\u0633\u0627\u0639\u0629] LT",nextWeek:"dddd [\u0639\u0646\u062f \u0627\u0644\u0633\u0627\u0639\u0629] LT",lastDay:"[\u0623\u0645\u0633 \u0639\u0646\u062f \u0627\u0644\u0633\u0627\u0639\u0629] LT",lastWeek:"dddd [\u0639\u0646\u062f \u0627\u0644\u0633\u0627\u0639\u0629] LT",sameElse:"L"},relativeTime:{future:"\u0628\u0639\u062f %s",past:"\u0645\u0646\u0630 %s",s:y("s"),ss:y("s"),m:y("m"),mm:y("m"),h:y("h"),hh:y("h"),d:y("d"),dd:y("d"),M:y("M"),MM:y("M"),y:y("y"),yy:y("y")},postformat:function(P){return P.replace(/,/g,"\u060c")},week:{dow:0,doy:4}})}(F(6676))},7078:function(J,Z,F){!function(D){"use strict";D.defineLocale("ar-kw",{months:"\u064a\u0646\u0627\u064a\u0631_\u0641\u0628\u0631\u0627\u064a\u0631_\u0645\u0627\u0631\u0633_\u0623\u0628\u0631\u064a\u0644_\u0645\u0627\u064a_\u064a\u0648\u0646\u064a\u0648_\u064a\u0648\u0644\u064a\u0648\u0632_\u063a\u0634\u062a_\u0634\u062a\u0646\u0628\u0631_\u0623\u0643\u062a\u0648\u0628\u0631_\u0646\u0648\u0646\u0628\u0631_\u062f\u062c\u0646\u0628\u0631".split("_"),monthsShort:"\u064a\u0646\u0627\u064a\u0631_\u0641\u0628\u0631\u0627\u064a\u0631_\u0645\u0627\u0631\u0633_\u0623\u0628\u0631\u064a\u0644_\u0645\u0627\u064a_\u064a\u0648\u0646\u064a\u0648_\u064a\u0648\u0644\u064a\u0648\u0632_\u063a\u0634\u062a_\u0634\u062a\u0646\u0628\u0631_\u0623\u0643\u062a\u0648\u0628\u0631_\u0646\u0648\u0646\u0628\u0631_\u062f\u062c\u0646\u0628\u0631".split("_"),weekdays:"\u0627\u0644\u0623\u062d\u062f_\u0627\u0644\u0625\u062a\u0646\u064a\u0646_\u0627\u0644\u062b\u0644\u0627\u062b\u0627\u0621_\u0627\u0644\u0623\u0631\u0628\u0639\u0627\u0621_\u0627\u0644\u062e\u0645\u064a\u0633_\u0627\u0644\u062c\u0645\u0639\u0629_\u0627\u0644\u0633\u0628\u062a".split("_"),weekdaysShort:"\u0627\u062d\u062f_\u0627\u062a\u0646\u064a\u0646_\u062b\u0644\u0627\u062b\u0627\u0621_\u0627\u0631\u0628\u0639\u0627\u0621_\u062e\u0645\u064a\u0633_\u062c\u0645\u0639\u0629_\u0633\u0628\u062a".split("_"),weekdaysMin:"\u062d_\u0646_\u062b_\u0631_\u062e_\u062c_\u0633".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},calendar:{sameDay:"[\u0627\u0644\u064a\u0648\u0645 \u0639\u0644\u0649 \u0627\u0644\u0633\u0627\u0639\u0629] LT",nextDay:"[\u063a\u062f\u0627 \u0639\u0644\u0649 \u0627\u0644\u0633\u0627\u0639\u0629] LT",nextWeek:"dddd [\u0639\u0644\u0649 \u0627\u0644\u0633\u0627\u0639\u0629] LT",lastDay:"[\u0623\u0645\u0633 \u0639\u0644\u0649 \u0627\u0644\u0633\u0627\u0639\u0629] LT",lastWeek:"dddd [\u0639\u0644\u0649 \u0627\u0644\u0633\u0627\u0639\u0629] LT",sameElse:"L"},relativeTime:{future:"\u0641\u064a %s",past:"\u0645\u0646\u0630 %s",s:"\u062b\u0648\u0627\u0646",ss:"%d \u062b\u0627\u0646\u064a\u0629",m:"\u062f\u0642\u064a\u0642\u0629",mm:"%d \u062f\u0642\u0627\u0626\u0642",h:"\u0633\u0627\u0639\u0629",hh:"%d \u0633\u0627\u0639\u0627\u062a",d:"\u064a\u0648\u0645",dd:"%d \u0623\u064a\u0627\u0645",M:"\u0634\u0647\u0631",MM:"%d \u0623\u0634\u0647\u0631",y:"\u0633\u0646\u0629",yy:"%d \u0633\u0646\u0648\u0627\u062a"},week:{dow:0,doy:12}})}(F(6676))},7776:function(J,Z,F){!function(D){"use strict";var _={1:"1",2:"2",3:"3",4:"4",5:"5",6:"6",7:"7",8:"8",9:"9",0:"0"},w=function(N){return 0===N?0:1===N?1:2===N?2:N%100>=3&&N%100<=10?3:N%100>=11?4:5},y={s:["\u0623\u0642\u0644 \u0645\u0646 \u062b\u0627\u0646\u064a\u0629","\u062b\u0627\u0646\u064a\u0629 \u0648\u0627\u062d\u062f\u0629",["\u062b\u0627\u0646\u064a\u062a\u0627\u0646","\u062b\u0627\u0646\u064a\u062a\u064a\u0646"],"%d \u062b\u0648\u0627\u0646","%d \u062b\u0627\u0646\u064a\u0629","%d \u062b\u0627\u0646\u064a\u0629"],m:["\u0623\u0642\u0644 \u0645\u0646 \u062f\u0642\u064a\u0642\u0629","\u062f\u0642\u064a\u0642\u0629 \u0648\u0627\u062d\u062f\u0629",["\u062f\u0642\u064a\u0642\u062a\u0627\u0646","\u062f\u0642\u064a\u0642\u062a\u064a\u0646"],"%d \u062f\u0642\u0627\u0626\u0642","%d \u062f\u0642\u064a\u0642\u0629","%d \u062f\u0642\u064a\u0642\u0629"],h:["\u0623\u0642\u0644 \u0645\u0646 \u0633\u0627\u0639\u0629","\u0633\u0627\u0639\u0629 \u0648\u0627\u062d\u062f\u0629",["\u0633\u0627\u0639\u062a\u0627\u0646","\u0633\u0627\u0639\u062a\u064a\u0646"],"%d \u0633\u0627\u0639\u0627\u062a","%d \u0633\u0627\u0639\u0629","%d \u0633\u0627\u0639\u0629"],d:["\u0623\u0642\u0644 \u0645\u0646 \u064a\u0648\u0645","\u064a\u0648\u0645 \u0648\u0627\u062d\u062f",["\u064a\u0648\u0645\u0627\u0646","\u064a\u0648\u0645\u064a\u0646"],"%d \u0623\u064a\u0627\u0645","%d \u064a\u0648\u0645\u064b\u0627","%d \u064a\u0648\u0645"],M:["\u0623\u0642\u0644 \u0645\u0646 \u0634\u0647\u0631","\u0634\u0647\u0631 \u0648\u0627\u062d\u062f",["\u0634\u0647\u0631\u0627\u0646","\u0634\u0647\u0631\u064a\u0646"],"%d \u0623\u0634\u0647\u0631","%d \u0634\u0647\u0631\u0627","%d \u0634\u0647\u0631"],y:["\u0623\u0642\u0644 \u0645\u0646 \u0639\u0627\u0645","\u0639\u0627\u0645 \u0648\u0627\u062d\u062f",["\u0639\u0627\u0645\u0627\u0646","\u0639\u0627\u0645\u064a\u0646"],"%d \u0623\u0639\u0648\u0627\u0645","%d \u0639\u0627\u0645\u064b\u0627","%d \u0639\u0627\u0645"]},b=function(N){return function(U,ie,De,He){var lt=w(U),Gs=y[N][w(U)];return 2===lt&&(Gs=Gs[ie?0:1]),Gs.replace(/%d/i,U)}},k=["\u064a\u0646\u0627\u064a\u0631","\u0641\u0628\u0631\u0627\u064a\u0631","\u0645\u0627\u0631\u0633","\u0623\u0628\u0631\u064a\u0644","\u0645\u0627\u064a\u0648","\u064a\u0648\u0646\u064a\u0648","\u064a\u0648\u0644\u064a\u0648","\u0623\u063a\u0633\u0637\u0633","\u0633\u0628\u062a\u0645\u0628\u0631","\u0623\u0643\u062a\u0648\u0628\u0631","\u0646\u0648\u0641\u0645\u0628\u0631","\u062f\u064a\u0633\u0645\u0628\u0631"];D.defineLocale("ar-ly",{months:k,monthsShort:k,weekdays:"\u0627\u0644\u0623\u062d\u062f_\u0627\u0644\u0625\u062b\u0646\u064a\u0646_\u0627\u0644\u062b\u0644\u0627\u062b\u0627\u0621_\u0627\u0644\u0623\u0631\u0628\u0639\u0627\u0621_\u0627\u0644\u062e\u0645\u064a\u0633_\u0627\u0644\u062c\u0645\u0639\u0629_\u0627\u0644\u0633\u0628\u062a".split("_"),weekdaysShort:"\u0623\u062d\u062f_\u0625\u062b\u0646\u064a\u0646_\u062b\u0644\u0627\u062b\u0627\u0621_\u0623\u0631\u0628\u0639\u0627\u0621_\u062e\u0645\u064a\u0633_\u062c\u0645\u0639\u0629_\u0633\u0628\u062a".split("_"),weekdaysMin:"\u062d_\u0646_\u062b_\u0631_\u062e_\u062c_\u0633".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"D/\u200fM/\u200fYYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},meridiemParse:/\u0635|\u0645/,isPM:function(N){return"\u0645"===N},meridiem:function(N,U,ie){return N<12?"\u0635":"\u0645"},calendar:{sameDay:"[\u0627\u0644\u064a\u0648\u0645 \u0639\u0646\u062f \u0627\u0644\u0633\u0627\u0639\u0629] LT",nextDay:"[\u063a\u062f\u064b\u0627 \u0639\u0646\u062f \u0627\u0644\u0633\u0627\u0639\u0629] LT",nextWeek:"dddd [\u0639\u0646\u062f \u0627\u0644\u0633\u0627\u0639\u0629] LT",lastDay:"[\u0623\u0645\u0633 \u0639\u0646\u062f \u0627\u0644\u0633\u0627\u0639\u0629] LT",lastWeek:"dddd [\u0639\u0646\u062f \u0627\u0644\u0633\u0627\u0639\u0629] LT",sameElse:"L"},relativeTime:{future:"\u0628\u0639\u062f %s",past:"\u0645\u0646\u0630 %s",s:b("s"),ss:b("s"),m:b("m"),mm:b("m"),h:b("h"),hh:b("h"),d:b("d"),dd:b("d"),M:b("M"),MM:b("M"),y:b("y"),yy:b("y")},preparse:function(N){return N.replace(/\u060c/g,",")},postformat:function(N){return N.replace(/\d/g,function(U){return _[U]}).replace(/,/g,"\u060c")},week:{dow:6,doy:12}})}(F(6676))},6789:function(J,Z,F){!function(D){"use strict";D.defineLocale("ar-ma",{months:"\u064a\u0646\u0627\u064a\u0631_\u0641\u0628\u0631\u0627\u064a\u0631_\u0645\u0627\u0631\u0633_\u0623\u0628\u0631\u064a\u0644_\u0645\u0627\u064a_\u064a\u0648\u0646\u064a\u0648_\u064a\u0648\u0644\u064a\u0648\u0632_\u063a\u0634\u062a_\u0634\u062a\u0646\u0628\u0631_\u0623\u0643\u062a\u0648\u0628\u0631_\u0646\u0648\u0646\u0628\u0631_\u062f\u062c\u0646\u0628\u0631".split("_"),monthsShort:"\u064a\u0646\u0627\u064a\u0631_\u0641\u0628\u0631\u0627\u064a\u0631_\u0645\u0627\u0631\u0633_\u0623\u0628\u0631\u064a\u0644_\u0645\u0627\u064a_\u064a\u0648\u0646\u064a\u0648_\u064a\u0648\u0644\u064a\u0648\u0632_\u063a\u0634\u062a_\u0634\u062a\u0646\u0628\u0631_\u0623\u0643\u062a\u0648\u0628\u0631_\u0646\u0648\u0646\u0628\u0631_\u062f\u062c\u0646\u0628\u0631".split("_"),weekdays:"\u0627\u0644\u0623\u062d\u062f_\u0627\u0644\u0625\u062b\u0646\u064a\u0646_\u0627\u0644\u062b\u0644\u0627\u062b\u0627\u0621_\u0627\u0644\u0623\u0631\u0628\u0639\u0627\u0621_\u0627\u0644\u062e\u0645\u064a\u0633_\u0627\u0644\u062c\u0645\u0639\u0629_\u0627\u0644\u0633\u0628\u062a".split("_"),weekdaysShort:"\u0627\u062d\u062f_\u0627\u062b\u0646\u064a\u0646_\u062b\u0644\u0627\u062b\u0627\u0621_\u0627\u0631\u0628\u0639\u0627\u0621_\u062e\u0645\u064a\u0633_\u062c\u0645\u0639\u0629_\u0633\u0628\u062a".split("_"),weekdaysMin:"\u062d_\u0646_\u062b_\u0631_\u062e_\u062c_\u0633".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},calendar:{sameDay:"[\u0627\u0644\u064a\u0648\u0645 \u0639\u0644\u0649 \u0627\u0644\u0633\u0627\u0639\u0629] LT",nextDay:"[\u063a\u062f\u0627 \u0639\u0644\u0649 \u0627\u0644\u0633\u0627\u0639\u0629] LT",nextWeek:"dddd [\u0639\u0644\u0649 \u0627\u0644\u0633\u0627\u0639\u0629] LT",lastDay:"[\u0623\u0645\u0633 \u0639\u0644\u0649 \u0627\u0644\u0633\u0627\u0639\u0629] LT",lastWeek:"dddd [\u0639\u0644\u0649 \u0627\u0644\u0633\u0627\u0639\u0629] LT",sameElse:"L"},relativeTime:{future:"\u0641\u064a %s",past:"\u0645\u0646\u0630 %s",s:"\u062b\u0648\u0627\u0646",ss:"%d \u062b\u0627\u0646\u064a\u0629",m:"\u062f\u0642\u064a\u0642\u0629",mm:"%d \u062f\u0642\u0627\u0626\u0642",h:"\u0633\u0627\u0639\u0629",hh:"%d \u0633\u0627\u0639\u0627\u062a",d:"\u064a\u0648\u0645",dd:"%d \u0623\u064a\u0627\u0645",M:"\u0634\u0647\u0631",MM:"%d \u0623\u0634\u0647\u0631",y:"\u0633\u0646\u0629",yy:"%d \u0633\u0646\u0648\u0627\u062a"},week:{dow:1,doy:4}})}(F(6676))},6897:function(J,Z,F){!function(D){"use strict";var _={1:"\u0661",2:"\u0662",3:"\u0663",4:"\u0664",5:"\u0665",6:"\u0666",7:"\u0667",8:"\u0668",9:"\u0669",0:"\u0660"},w={"\u0661":"1","\u0662":"2","\u0663":"3","\u0664":"4","\u0665":"5","\u0666":"6","\u0667":"7","\u0668":"8","\u0669":"9","\u0660":"0"};D.defineLocale("ar-sa",{months:"\u064a\u0646\u0627\u064a\u0631_\u0641\u0628\u0631\u0627\u064a\u0631_\u0645\u0627\u0631\u0633_\u0623\u0628\u0631\u064a\u0644_\u0645\u0627\u064a\u0648_\u064a\u0648\u0646\u064a\u0648_\u064a\u0648\u0644\u064a\u0648_\u0623\u063a\u0633\u0637\u0633_\u0633\u0628\u062a\u0645\u0628\u0631_\u0623\u0643\u062a\u0648\u0628\u0631_\u0646\u0648\u0641\u0645\u0628\u0631_\u062f\u064a\u0633\u0645\u0628\u0631".split("_"),monthsShort:"\u064a\u0646\u0627\u064a\u0631_\u0641\u0628\u0631\u0627\u064a\u0631_\u0645\u0627\u0631\u0633_\u0623\u0628\u0631\u064a\u0644_\u0645\u0627\u064a\u0648_\u064a\u0648\u0646\u064a\u0648_\u064a\u0648\u0644\u064a\u0648_\u0623\u063a\u0633\u0637\u0633_\u0633\u0628\u062a\u0645\u0628\u0631_\u0623\u0643\u062a\u0648\u0628\u0631_\u0646\u0648\u0641\u0645\u0628\u0631_\u062f\u064a\u0633\u0645\u0628\u0631".split("_"),weekdays:"\u0627\u0644\u0623\u062d\u062f_\u0627\u0644\u0625\u062b\u0646\u064a\u0646_\u0627\u0644\u062b\u0644\u0627\u062b\u0627\u0621_\u0627\u0644\u0623\u0631\u0628\u0639\u0627\u0621_\u0627\u0644\u062e\u0645\u064a\u0633_\u0627\u0644\u062c\u0645\u0639\u0629_\u0627\u0644\u0633\u0628\u062a".split("_"),weekdaysShort:"\u0623\u062d\u062f_\u0625\u062b\u0646\u064a\u0646_\u062b\u0644\u0627\u062b\u0627\u0621_\u0623\u0631\u0628\u0639\u0627\u0621_\u062e\u0645\u064a\u0633_\u062c\u0645\u0639\u0629_\u0633\u0628\u062a".split("_"),weekdaysMin:"\u062d_\u0646_\u062b_\u0631_\u062e_\u062c_\u0633".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},meridiemParse:/\u0635|\u0645/,isPM:function(b){return"\u0645"===b},meridiem:function(b,k,P){return b<12?"\u0635":"\u0645"},calendar:{sameDay:"[\u0627\u0644\u064a\u0648\u0645 \u0639\u0644\u0649 \u0627\u0644\u0633\u0627\u0639\u0629] LT",nextDay:"[\u063a\u062f\u0627 \u0639\u0644\u0649 \u0627\u0644\u0633\u0627\u0639\u0629] LT",nextWeek:"dddd [\u0639\u0644\u0649 \u0627\u0644\u0633\u0627\u0639\u0629] LT",lastDay:"[\u0623\u0645\u0633 \u0639\u0644\u0649 \u0627\u0644\u0633\u0627\u0639\u0629] LT",lastWeek:"dddd [\u0639\u0644\u0649 \u0627\u0644\u0633\u0627\u0639\u0629] LT",sameElse:"L"},relativeTime:{future:"\u0641\u064a %s",past:"\u0645\u0646\u0630 %s",s:"\u062b\u0648\u0627\u0646",ss:"%d \u062b\u0627\u0646\u064a\u0629",m:"\u062f\u0642\u064a\u0642\u0629",mm:"%d \u062f\u0642\u0627\u0626\u0642",h:"\u0633\u0627\u0639\u0629",hh:"%d \u0633\u0627\u0639\u0627\u062a",d:"\u064a\u0648\u0645",dd:"%d \u0623\u064a\u0627\u0645",M:"\u0634\u0647\u0631",MM:"%d \u0623\u0634\u0647\u0631",y:"\u0633\u0646\u0629",yy:"%d \u0633\u0646\u0648\u0627\u062a"},preparse:function(b){return b.replace(/[\u0661\u0662\u0663\u0664\u0665\u0666\u0667\u0668\u0669\u0660]/g,function(k){return w[k]}).replace(/\u060c/g,",")},postformat:function(b){return b.replace(/\d/g,function(k){return _[k]}).replace(/,/g,"\u060c")},week:{dow:0,doy:6}})}(F(6676))},1585:function(J,Z,F){!function(D){"use strict";D.defineLocale("ar-tn",{months:"\u062c\u0627\u0646\u0641\u064a_\u0641\u064a\u0641\u0631\u064a_\u0645\u0627\u0631\u0633_\u0623\u0641\u0631\u064a\u0644_\u0645\u0627\u064a_\u062c\u0648\u0627\u0646_\u062c\u0648\u064a\u0644\u064a\u0629_\u0623\u0648\u062a_\u0633\u0628\u062a\u0645\u0628\u0631_\u0623\u0643\u062a\u0648\u0628\u0631_\u0646\u0648\u0641\u0645\u0628\u0631_\u062f\u064a\u0633\u0645\u0628\u0631".split("_"),monthsShort:"\u062c\u0627\u0646\u0641\u064a_\u0641\u064a\u0641\u0631\u064a_\u0645\u0627\u0631\u0633_\u0623\u0641\u0631\u064a\u0644_\u0645\u0627\u064a_\u062c\u0648\u0627\u0646_\u062c\u0648\u064a\u0644\u064a\u0629_\u0623\u0648\u062a_\u0633\u0628\u062a\u0645\u0628\u0631_\u0623\u0643\u062a\u0648\u0628\u0631_\u0646\u0648\u0641\u0645\u0628\u0631_\u062f\u064a\u0633\u0645\u0628\u0631".split("_"),weekdays:"\u0627\u0644\u0623\u062d\u062f_\u0627\u0644\u0625\u062b\u0646\u064a\u0646_\u0627\u0644\u062b\u0644\u0627\u062b\u0627\u0621_\u0627\u0644\u0623\u0631\u0628\u0639\u0627\u0621_\u0627\u0644\u062e\u0645\u064a\u0633_\u0627\u0644\u062c\u0645\u0639\u0629_\u0627\u0644\u0633\u0628\u062a".split("_"),weekdaysShort:"\u0623\u062d\u062f_\u0625\u062b\u0646\u064a\u0646_\u062b\u0644\u0627\u062b\u0627\u0621_\u0623\u0631\u0628\u0639\u0627\u0621_\u062e\u0645\u064a\u0633_\u062c\u0645\u0639\u0629_\u0633\u0628\u062a".split("_"),weekdaysMin:"\u062d_\u0646_\u062b_\u0631_\u062e_\u062c_\u0633".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},calendar:{sameDay:"[\u0627\u0644\u064a\u0648\u0645 \u0639\u0644\u0649 \u0627\u0644\u0633\u0627\u0639\u0629] LT",nextDay:"[\u063a\u062f\u0627 \u0639\u0644\u0649 \u0627\u0644\u0633\u0627\u0639\u0629] LT",nextWeek:"dddd [\u0639\u0644\u0649 \u0627\u0644\u0633\u0627\u0639\u0629] LT",lastDay:"[\u0623\u0645\u0633 \u0639\u0644\u0649 \u0627\u0644\u0633\u0627\u0639\u0629] LT",lastWeek:"dddd [\u0639\u0644\u0649 \u0627\u0644\u0633\u0627\u0639\u0629] LT",sameElse:"L"},relativeTime:{future:"\u0641\u064a %s",past:"\u0645\u0646\u0630 %s",s:"\u062b\u0648\u0627\u0646",ss:"%d \u062b\u0627\u0646\u064a\u0629",m:"\u062f\u0642\u064a\u0642\u0629",mm:"%d \u062f\u0642\u0627\u0626\u0642",h:"\u0633\u0627\u0639\u0629",hh:"%d \u0633\u0627\u0639\u0627\u062a",d:"\u064a\u0648\u0645",dd:"%d \u0623\u064a\u0627\u0645",M:"\u0634\u0647\u0631",MM:"%d \u0623\u0634\u0647\u0631",y:"\u0633\u0646\u0629",yy:"%d \u0633\u0646\u0648\u0627\u062a"},week:{dow:1,doy:4}})}(F(6676))},2097:function(J,Z,F){!function(D){"use strict";var _={1:"\u0661",2:"\u0662",3:"\u0663",4:"\u0664",5:"\u0665",6:"\u0666",7:"\u0667",8:"\u0668",9:"\u0669",0:"\u0660"},w={"\u0661":"1","\u0662":"2","\u0663":"3","\u0664":"4","\u0665":"5","\u0666":"6","\u0667":"7","\u0668":"8","\u0669":"9","\u0660":"0"},y=function(U){return 0===U?0:1===U?1:2===U?2:U%100>=3&&U%100<=10?3:U%100>=11?4:5},b={s:["\u0623\u0642\u0644 \u0645\u0646 \u062b\u0627\u0646\u064a\u0629","\u062b\u0627\u0646\u064a\u0629 \u0648\u0627\u062d\u062f\u0629",["\u062b\u0627\u0646\u064a\u062a\u0627\u0646","\u062b\u0627\u0646\u064a\u062a\u064a\u0646"],"%d \u062b\u0648\u0627\u0646","%d \u062b\u0627\u0646\u064a\u0629","%d \u062b\u0627\u0646\u064a\u0629"],m:["\u0623\u0642\u0644 \u0645\u0646 \u062f\u0642\u064a\u0642\u0629","\u062f\u0642\u064a\u0642\u0629 \u0648\u0627\u062d\u062f\u0629",["\u062f\u0642\u064a\u0642\u062a\u0627\u0646","\u062f\u0642\u064a\u0642\u062a\u064a\u0646"],"%d \u062f\u0642\u0627\u0626\u0642","%d \u062f\u0642\u064a\u0642\u0629","%d \u062f\u0642\u064a\u0642\u0629"],h:["\u0623\u0642\u0644 \u0645\u0646 \u0633\u0627\u0639\u0629","\u0633\u0627\u0639\u0629 \u0648\u0627\u062d\u062f\u0629",["\u0633\u0627\u0639\u062a\u0627\u0646","\u0633\u0627\u0639\u062a\u064a\u0646"],"%d \u0633\u0627\u0639\u0627\u062a","%d \u0633\u0627\u0639\u0629","%d \u0633\u0627\u0639\u0629"],d:["\u0623\u0642\u0644 \u0645\u0646 \u064a\u0648\u0645","\u064a\u0648\u0645 \u0648\u0627\u062d\u062f",["\u064a\u0648\u0645\u0627\u0646","\u064a\u0648\u0645\u064a\u0646"],"%d \u0623\u064a\u0627\u0645","%d \u064a\u0648\u0645\u064b\u0627","%d \u064a\u0648\u0645"],M:["\u0623\u0642\u0644 \u0645\u0646 \u0634\u0647\u0631","\u0634\u0647\u0631 \u0648\u0627\u062d\u062f",["\u0634\u0647\u0631\u0627\u0646","\u0634\u0647\u0631\u064a\u0646"],"%d \u0623\u0634\u0647\u0631","%d \u0634\u0647\u0631\u0627","%d \u0634\u0647\u0631"],y:["\u0623\u0642\u0644 \u0645\u0646 \u0639\u0627\u0645","\u0639\u0627\u0645 \u0648\u0627\u062d\u062f",["\u0639\u0627\u0645\u0627\u0646","\u0639\u0627\u0645\u064a\u0646"],"%d \u0623\u0639\u0648\u0627\u0645","%d \u0639\u0627\u0645\u064b\u0627","%d \u0639\u0627\u0645"]},k=function(U){return function(ie,De,He,lt){var Gs=y(ie),ge=b[U][y(ie)];return 2===Gs&&(ge=ge[De?0:1]),ge.replace(/%d/i,ie)}},P=["\u064a\u0646\u0627\u064a\u0631","\u0641\u0628\u0631\u0627\u064a\u0631","\u0645\u0627\u0631\u0633","\u0623\u0628\u0631\u064a\u0644","\u0645\u0627\u064a\u0648","\u064a\u0648\u0646\u064a\u0648","\u064a\u0648\u0644\u064a\u0648","\u0623\u063a\u0633\u0637\u0633","\u0633\u0628\u062a\u0645\u0628\u0631","\u0623\u0643\u062a\u0648\u0628\u0631","\u0646\u0648\u0641\u0645\u0628\u0631","\u062f\u064a\u0633\u0645\u0628\u0631"];D.defineLocale("ar",{months:P,monthsShort:P,weekdays:"\u0627\u0644\u0623\u062d\u062f_\u0627\u0644\u0625\u062b\u0646\u064a\u0646_\u0627\u0644\u062b\u0644\u0627\u062b\u0627\u0621_\u0627\u0644\u0623\u0631\u0628\u0639\u0627\u0621_\u0627\u0644\u062e\u0645\u064a\u0633_\u0627\u0644\u062c\u0645\u0639\u0629_\u0627\u0644\u0633\u0628\u062a".split("_"),weekdaysShort:"\u0623\u062d\u062f_\u0625\u062b\u0646\u064a\u0646_\u062b\u0644\u0627\u062b\u0627\u0621_\u0623\u0631\u0628\u0639\u0627\u0621_\u062e\u0645\u064a\u0633_\u062c\u0645\u0639\u0629_\u0633\u0628\u062a".split("_"),weekdaysMin:"\u062d_\u0646_\u062b_\u0631_\u062e_\u062c_\u0633".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"D/\u200fM/\u200fYYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},meridiemParse:/\u0635|\u0645/,isPM:function(U){return"\u0645"===U},meridiem:function(U,ie,De){return U<12?"\u0635":"\u0645"},calendar:{sameDay:"[\u0627\u0644\u064a\u0648\u0645 \u0639\u0646\u062f \u0627\u0644\u0633\u0627\u0639\u0629] LT",nextDay:"[\u063a\u062f\u064b\u0627 \u0639\u0646\u062f \u0627\u0644\u0633\u0627\u0639\u0629] LT",nextWeek:"dddd [\u0639\u0646\u062f \u0627\u0644\u0633\u0627\u0639\u0629] LT",lastDay:"[\u0623\u0645\u0633 \u0639\u0646\u062f \u0627\u0644\u0633\u0627\u0639\u0629] LT",lastWeek:"dddd [\u0639\u0646\u062f \u0627\u0644\u0633\u0627\u0639\u0629] LT",sameElse:"L"},relativeTime:{future:"\u0628\u0639\u062f %s",past:"\u0645\u0646\u0630 %s",s:k("s"),ss:k("s"),m:k("m"),mm:k("m"),h:k("h"),hh:k("h"),d:k("d"),dd:k("d"),M:k("M"),MM:k("M"),y:k("y"),yy:k("y")},preparse:function(U){return U.replace(/[\u0661\u0662\u0663\u0664\u0665\u0666\u0667\u0668\u0669\u0660]/g,function(ie){return w[ie]}).replace(/\u060c/g,",")},postformat:function(U){return U.replace(/\d/g,function(ie){return _[ie]}).replace(/,/g,"\u060c")},week:{dow:6,doy:12}})}(F(6676))},5611:function(J,Z,F){!function(D){"use strict";var _={1:"-inci",5:"-inci",8:"-inci",70:"-inci",80:"-inci",2:"-nci",7:"-nci",20:"-nci",50:"-nci",3:"-\xfcnc\xfc",4:"-\xfcnc\xfc",100:"-\xfcnc\xfc",6:"-nc\u0131",9:"-uncu",10:"-uncu",30:"-uncu",60:"-\u0131nc\u0131",90:"-\u0131nc\u0131"};D.defineLocale("az",{months:"yanvar_fevral_mart_aprel_may_iyun_iyul_avqust_sentyabr_oktyabr_noyabr_dekabr".split("_"),monthsShort:"yan_fev_mar_apr_may_iyn_iyl_avq_sen_okt_noy_dek".split("_"),weekdays:"Bazar_Bazar ert\u0259si_\xc7\u0259r\u015f\u0259nb\u0259 ax\u015fam\u0131_\xc7\u0259r\u015f\u0259nb\u0259_C\xfcm\u0259 ax\u015fam\u0131_C\xfcm\u0259_\u015e\u0259nb\u0259".split("_"),weekdaysShort:"Baz_BzE_\xc7Ax_\xc7\u0259r_CAx_C\xfcm_\u015e\u0259n".split("_"),weekdaysMin:"Bz_BE_\xc7A_\xc7\u0259_CA_C\xfc_\u015e\u0259".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd, D MMMM YYYY HH:mm"},calendar:{sameDay:"[bug\xfcn saat] LT",nextDay:"[sabah saat] LT",nextWeek:"[g\u0259l\u0259n h\u0259ft\u0259] dddd [saat] LT",lastDay:"[d\xfcn\u0259n] LT",lastWeek:"[ke\xe7\u0259n h\u0259ft\u0259] dddd [saat] LT",sameElse:"L"},relativeTime:{future:"%s sonra",past:"%s \u0259vv\u0259l",s:"bir ne\xe7\u0259 saniy\u0259",ss:"%d saniy\u0259",m:"bir d\u0259qiq\u0259",mm:"%d d\u0259qiq\u0259",h:"bir saat",hh:"%d saat",d:"bir g\xfcn",dd:"%d g\xfcn",M:"bir ay",MM:"%d ay",y:"bir il",yy:"%d il"},meridiemParse:/gec\u0259|s\u0259h\u0259r|g\xfcnd\xfcz|ax\u015fam/,isPM:function(y){return/^(g\xfcnd\xfcz|ax\u015fam)$/.test(y)},meridiem:function(y,b,k){return y<4?"gec\u0259":y<12?"s\u0259h\u0259r":y<17?"g\xfcnd\xfcz":"ax\u015fam"},dayOfMonthOrdinalParse:/\d{1,2}-(\u0131nc\u0131|inci|nci|\xfcnc\xfc|nc\u0131|uncu)/,ordinal:function(y){if(0===y)return y+"-\u0131nc\u0131";var b=y%10;return y+(_[b]||_[y%100-b]||_[y>=100?100:null])},week:{dow:1,doy:7}})}(F(6676))},2459:function(J,Z,F){!function(D){"use strict";function w(b,k,P){return"m"===P?k?"\u0445\u0432\u0456\u043b\u0456\u043d\u0430":"\u0445\u0432\u0456\u043b\u0456\u043d\u0443":"h"===P?k?"\u0433\u0430\u0434\u0437\u0456\u043d\u0430":"\u0433\u0430\u0434\u0437\u0456\u043d\u0443":b+" "+function _(b,k){var P=b.split("_");return k%10==1&&k%100!=11?P[0]:k%10>=2&&k%10<=4&&(k%100<10||k%100>=20)?P[1]:P[2]}({ss:k?"\u0441\u0435\u043a\u0443\u043d\u0434\u0430_\u0441\u0435\u043a\u0443\u043d\u0434\u044b_\u0441\u0435\u043a\u0443\u043d\u0434":"\u0441\u0435\u043a\u0443\u043d\u0434\u0443_\u0441\u0435\u043a\u0443\u043d\u0434\u044b_\u0441\u0435\u043a\u0443\u043d\u0434",mm:k?"\u0445\u0432\u0456\u043b\u0456\u043d\u0430_\u0445\u0432\u0456\u043b\u0456\u043d\u044b_\u0445\u0432\u0456\u043b\u0456\u043d":"\u0445\u0432\u0456\u043b\u0456\u043d\u0443_\u0445\u0432\u0456\u043b\u0456\u043d\u044b_\u0445\u0432\u0456\u043b\u0456\u043d",hh:k?"\u0433\u0430\u0434\u0437\u0456\u043d\u0430_\u0433\u0430\u0434\u0437\u0456\u043d\u044b_\u0433\u0430\u0434\u0437\u0456\u043d":"\u0433\u0430\u0434\u0437\u0456\u043d\u0443_\u0433\u0430\u0434\u0437\u0456\u043d\u044b_\u0433\u0430\u0434\u0437\u0456\u043d",dd:"\u0434\u0437\u0435\u043d\u044c_\u0434\u043d\u0456_\u0434\u0437\u0451\u043d",MM:"\u043c\u0435\u0441\u044f\u0446_\u043c\u0435\u0441\u044f\u0446\u044b_\u043c\u0435\u0441\u044f\u0446\u0430\u045e",yy:"\u0433\u043e\u0434_\u0433\u0430\u0434\u044b_\u0433\u0430\u0434\u043e\u045e"}[P],+b)}D.defineLocale("be",{months:{format:"\u0441\u0442\u0443\u0434\u0437\u0435\u043d\u044f_\u043b\u044e\u0442\u0430\u0433\u0430_\u0441\u0430\u043a\u0430\u0432\u0456\u043a\u0430_\u043a\u0440\u0430\u0441\u0430\u0432\u0456\u043a\u0430_\u0442\u0440\u0430\u045e\u043d\u044f_\u0447\u044d\u0440\u0432\u0435\u043d\u044f_\u043b\u0456\u043f\u0435\u043d\u044f_\u0436\u043d\u0456\u045e\u043d\u044f_\u0432\u0435\u0440\u0430\u0441\u043d\u044f_\u043a\u0430\u0441\u0442\u0440\u044b\u0447\u043d\u0456\u043a\u0430_\u043b\u0456\u0441\u0442\u0430\u043f\u0430\u0434\u0430_\u0441\u043d\u0435\u0436\u043d\u044f".split("_"),standalone:"\u0441\u0442\u0443\u0434\u0437\u0435\u043d\u044c_\u043b\u044e\u0442\u044b_\u0441\u0430\u043a\u0430\u0432\u0456\u043a_\u043a\u0440\u0430\u0441\u0430\u0432\u0456\u043a_\u0442\u0440\u0430\u0432\u0435\u043d\u044c_\u0447\u044d\u0440\u0432\u0435\u043d\u044c_\u043b\u0456\u043f\u0435\u043d\u044c_\u0436\u043d\u0456\u0432\u0435\u043d\u044c_\u0432\u0435\u0440\u0430\u0441\u0435\u043d\u044c_\u043a\u0430\u0441\u0442\u0440\u044b\u0447\u043d\u0456\u043a_\u043b\u0456\u0441\u0442\u0430\u043f\u0430\u0434_\u0441\u043d\u0435\u0436\u0430\u043d\u044c".split("_")},monthsShort:"\u0441\u0442\u0443\u0434_\u043b\u044e\u0442_\u0441\u0430\u043a_\u043a\u0440\u0430\u0441_\u0442\u0440\u0430\u0432_\u0447\u044d\u0440\u0432_\u043b\u0456\u043f_\u0436\u043d\u0456\u0432_\u0432\u0435\u0440_\u043a\u0430\u0441\u0442_\u043b\u0456\u0441\u0442_\u0441\u043d\u0435\u0436".split("_"),weekdays:{format:"\u043d\u044f\u0434\u0437\u0435\u043b\u044e_\u043f\u0430\u043d\u044f\u0434\u0437\u0435\u043b\u0430\u043a_\u0430\u045e\u0442\u043e\u0440\u0430\u043a_\u0441\u0435\u0440\u0430\u0434\u0443_\u0447\u0430\u0446\u0432\u0435\u0440_\u043f\u044f\u0442\u043d\u0456\u0446\u0443_\u0441\u0443\u0431\u043e\u0442\u0443".split("_"),standalone:"\u043d\u044f\u0434\u0437\u0435\u043b\u044f_\u043f\u0430\u043d\u044f\u0434\u0437\u0435\u043b\u0430\u043a_\u0430\u045e\u0442\u043e\u0440\u0430\u043a_\u0441\u0435\u0440\u0430\u0434\u0430_\u0447\u0430\u0446\u0432\u0435\u0440_\u043f\u044f\u0442\u043d\u0456\u0446\u0430_\u0441\u0443\u0431\u043e\u0442\u0430".split("_"),isFormat:/\[ ?[\u0423\u0443\u045e] ?(?:\u043c\u0456\u043d\u0443\u043b\u0443\u044e|\u043d\u0430\u0441\u0442\u0443\u043f\u043d\u0443\u044e)? ?\] ?dddd/},weekdaysShort:"\u043d\u0434_\u043f\u043d_\u0430\u0442_\u0441\u0440_\u0447\u0446_\u043f\u0442_\u0441\u0431".split("_"),weekdaysMin:"\u043d\u0434_\u043f\u043d_\u0430\u0442_\u0441\u0440_\u0447\u0446_\u043f\u0442_\u0441\u0431".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D MMMM YYYY \u0433.",LLL:"D MMMM YYYY \u0433., HH:mm",LLLL:"dddd, D MMMM YYYY \u0433., HH:mm"},calendar:{sameDay:"[\u0421\u0451\u043d\u043d\u044f \u045e] LT",nextDay:"[\u0417\u0430\u045e\u0442\u0440\u0430 \u045e] LT",lastDay:"[\u0423\u0447\u043e\u0440\u0430 \u045e] LT",nextWeek:function(){return"[\u0423] dddd [\u045e] LT"},lastWeek:function(){switch(this.day()){case 0:case 3:case 5:case 6:return"[\u0423 \u043c\u0456\u043d\u0443\u043b\u0443\u044e] dddd [\u045e] LT";case 1:case 2:case 4:return"[\u0423 \u043c\u0456\u043d\u0443\u043b\u044b] dddd [\u045e] LT"}},sameElse:"L"},relativeTime:{future:"\u043f\u0440\u0430\u0437 %s",past:"%s \u0442\u0430\u043c\u0443",s:"\u043d\u0435\u043a\u0430\u043b\u044c\u043a\u0456 \u0441\u0435\u043a\u0443\u043d\u0434",m:w,mm:w,h:w,hh:w,d:"\u0434\u0437\u0435\u043d\u044c",dd:w,M:"\u043c\u0435\u0441\u044f\u0446",MM:w,y:"\u0433\u043e\u0434",yy:w},meridiemParse:/\u043d\u043e\u0447\u044b|\u0440\u0430\u043d\u0456\u0446\u044b|\u0434\u043d\u044f|\u0432\u0435\u0447\u0430\u0440\u0430/,isPM:function(b){return/^(\u0434\u043d\u044f|\u0432\u0435\u0447\u0430\u0440\u0430)$/.test(b)},meridiem:function(b,k,P){return b<4?"\u043d\u043e\u0447\u044b":b<12?"\u0440\u0430\u043d\u0456\u0446\u044b":b<17?"\u0434\u043d\u044f":"\u0432\u0435\u0447\u0430\u0440\u0430"},dayOfMonthOrdinalParse:/\d{1,2}-(\u0456|\u044b|\u0433\u0430)/,ordinal:function(b,k){switch(k){case"M":case"d":case"DDD":case"w":case"W":return b%10!=2&&b%10!=3||b%100==12||b%100==13?b+"-\u044b":b+"-\u0456";case"D":return b+"-\u0433\u0430";default:return b}},week:{dow:1,doy:7}})}(F(6676))},1825:function(J,Z,F){!function(D){"use strict";D.defineLocale("bg",{months:"\u044f\u043d\u0443\u0430\u0440\u0438_\u0444\u0435\u0432\u0440\u0443\u0430\u0440\u0438_\u043c\u0430\u0440\u0442_\u0430\u043f\u0440\u0438\u043b_\u043c\u0430\u0439_\u044e\u043d\u0438_\u044e\u043b\u0438_\u0430\u0432\u0433\u0443\u0441\u0442_\u0441\u0435\u043f\u0442\u0435\u043c\u0432\u0440\u0438_\u043e\u043a\u0442\u043e\u043c\u0432\u0440\u0438_\u043d\u043e\u0435\u043c\u0432\u0440\u0438_\u0434\u0435\u043a\u0435\u043c\u0432\u0440\u0438".split("_"),monthsShort:"\u044f\u043d\u0443_\u0444\u0435\u0432_\u043c\u0430\u0440_\u0430\u043f\u0440_\u043c\u0430\u0439_\u044e\u043d\u0438_\u044e\u043b\u0438_\u0430\u0432\u0433_\u0441\u0435\u043f_\u043e\u043a\u0442_\u043d\u043e\u0435_\u0434\u0435\u043a".split("_"),weekdays:"\u043d\u0435\u0434\u0435\u043b\u044f_\u043f\u043e\u043d\u0435\u0434\u0435\u043b\u043d\u0438\u043a_\u0432\u0442\u043e\u0440\u043d\u0438\u043a_\u0441\u0440\u044f\u0434\u0430_\u0447\u0435\u0442\u0432\u044a\u0440\u0442\u044a\u043a_\u043f\u0435\u0442\u044a\u043a_\u0441\u044a\u0431\u043e\u0442\u0430".split("_"),weekdaysShort:"\u043d\u0435\u0434_\u043f\u043e\u043d_\u0432\u0442\u043e_\u0441\u0440\u044f_\u0447\u0435\u0442_\u043f\u0435\u0442_\u0441\u044a\u0431".split("_"),weekdaysMin:"\u043d\u0434_\u043f\u043d_\u0432\u0442_\u0441\u0440_\u0447\u0442_\u043f\u0442_\u0441\u0431".split("_"),longDateFormat:{LT:"H:mm",LTS:"H:mm:ss",L:"D.MM.YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY H:mm",LLLL:"dddd, D MMMM YYYY H:mm"},calendar:{sameDay:"[\u0414\u043d\u0435\u0441 \u0432] LT",nextDay:"[\u0423\u0442\u0440\u0435 \u0432] LT",nextWeek:"dddd [\u0432] LT",lastDay:"[\u0412\u0447\u0435\u0440\u0430 \u0432] LT",lastWeek:function(){switch(this.day()){case 0:case 3:case 6:return"[\u041c\u0438\u043d\u0430\u043b\u0430\u0442\u0430] dddd [\u0432] LT";case 1:case 2:case 4:case 5:return"[\u041c\u0438\u043d\u0430\u043b\u0438\u044f] dddd [\u0432] LT"}},sameElse:"L"},relativeTime:{future:"\u0441\u043b\u0435\u0434 %s",past:"\u043f\u0440\u0435\u0434\u0438 %s",s:"\u043d\u044f\u043a\u043e\u043b\u043a\u043e \u0441\u0435\u043a\u0443\u043d\u0434\u0438",ss:"%d \u0441\u0435\u043a\u0443\u043d\u0434\u0438",m:"\u043c\u0438\u043d\u0443\u0442\u0430",mm:"%d \u043c\u0438\u043d\u0443\u0442\u0438",h:"\u0447\u0430\u0441",hh:"%d \u0447\u0430\u0441\u0430",d:"\u0434\u0435\u043d",dd:"%d \u0434\u0435\u043d\u0430",w:"\u0441\u0435\u0434\u043c\u0438\u0446\u0430",ww:"%d \u0441\u0435\u0434\u043c\u0438\u0446\u0438",M:"\u043c\u0435\u0441\u0435\u0446",MM:"%d \u043c\u0435\u0441\u0435\u0446\u0430",y:"\u0433\u043e\u0434\u0438\u043d\u0430",yy:"%d \u0433\u043e\u0434\u0438\u043d\u0438"},dayOfMonthOrdinalParse:/\d{1,2}-(\u0435\u0432|\u0435\u043d|\u0442\u0438|\u0432\u0438|\u0440\u0438|\u043c\u0438)/,ordinal:function(w){var y=w%10,b=w%100;return 0===w?w+"-\u0435\u0432":0===b?w+"-\u0435\u043d":b>10&&b<20?w+"-\u0442\u0438":1===y?w+"-\u0432\u0438":2===y?w+"-\u0440\u0438":7===y||8===y?w+"-\u043c\u0438":w+"-\u0442\u0438"},week:{dow:1,doy:7}})}(F(6676))},5918:function(J,Z,F){!function(D){"use strict";D.defineLocale("bm",{months:"Zanwuyekalo_Fewuruyekalo_Marisikalo_Awirilikalo_M\u025bkalo_Zuw\u025bnkalo_Zuluyekalo_Utikalo_S\u025btanburukalo_\u0254kut\u0254burukalo_Nowanburukalo_Desanburukalo".split("_"),monthsShort:"Zan_Few_Mar_Awi_M\u025b_Zuw_Zul_Uti_S\u025bt_\u0254ku_Now_Des".split("_"),weekdays:"Kari_Nt\u025bn\u025bn_Tarata_Araba_Alamisa_Juma_Sibiri".split("_"),weekdaysShort:"Kar_Nt\u025b_Tar_Ara_Ala_Jum_Sib".split("_"),weekdaysMin:"Ka_Nt_Ta_Ar_Al_Ju_Si".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"MMMM [tile] D [san] YYYY",LLL:"MMMM [tile] D [san] YYYY [l\u025br\u025b] HH:mm",LLLL:"dddd MMMM [tile] D [san] YYYY [l\u025br\u025b] HH:mm"},calendar:{sameDay:"[Bi l\u025br\u025b] LT",nextDay:"[Sini l\u025br\u025b] LT",nextWeek:"dddd [don l\u025br\u025b] LT",lastDay:"[Kunu l\u025br\u025b] LT",lastWeek:"dddd [t\u025bm\u025bnen l\u025br\u025b] LT",sameElse:"L"},relativeTime:{future:"%s k\u0254n\u0254",past:"a b\u025b %s b\u0254",s:"sanga dama dama",ss:"sekondi %d",m:"miniti kelen",mm:"miniti %d",h:"l\u025br\u025b kelen",hh:"l\u025br\u025b %d",d:"tile kelen",dd:"tile %d",M:"kalo kelen",MM:"kalo %d",y:"san kelen",yy:"san %d"},week:{dow:1,doy:4}})}(F(6676))},9683:function(J,Z,F){!function(D){"use strict";var _={1:"\u09e7",2:"\u09e8",3:"\u09e9",4:"\u09ea",5:"\u09eb",6:"\u09ec",7:"\u09ed",8:"\u09ee",9:"\u09ef",0:"\u09e6"},w={"\u09e7":"1","\u09e8":"2","\u09e9":"3","\u09ea":"4","\u09eb":"5","\u09ec":"6","\u09ed":"7","\u09ee":"8","\u09ef":"9","\u09e6":"0"};D.defineLocale("bn-bd",{months:"\u099c\u09be\u09a8\u09c1\u09df\u09be\u09b0\u09bf_\u09ab\u09c7\u09ac\u09cd\u09b0\u09c1\u09df\u09be\u09b0\u09bf_\u09ae\u09be\u09b0\u09cd\u099a_\u098f\u09aa\u09cd\u09b0\u09bf\u09b2_\u09ae\u09c7_\u099c\u09c1\u09a8_\u099c\u09c1\u09b2\u09be\u0987_\u0986\u0997\u09b8\u09cd\u099f_\u09b8\u09c7\u09aa\u09cd\u099f\u09c7\u09ae\u09cd\u09ac\u09b0_\u0985\u0995\u09cd\u099f\u09cb\u09ac\u09b0_\u09a8\u09ad\u09c7\u09ae\u09cd\u09ac\u09b0_\u09a1\u09bf\u09b8\u09c7\u09ae\u09cd\u09ac\u09b0".split("_"),monthsShort:"\u099c\u09be\u09a8\u09c1_\u09ab\u09c7\u09ac\u09cd\u09b0\u09c1_\u09ae\u09be\u09b0\u09cd\u099a_\u098f\u09aa\u09cd\u09b0\u09bf\u09b2_\u09ae\u09c7_\u099c\u09c1\u09a8_\u099c\u09c1\u09b2\u09be\u0987_\u0986\u0997\u09b8\u09cd\u099f_\u09b8\u09c7\u09aa\u09cd\u099f_\u0985\u0995\u09cd\u099f\u09cb_\u09a8\u09ad\u09c7_\u09a1\u09bf\u09b8\u09c7".split("_"),weekdays:"\u09b0\u09ac\u09bf\u09ac\u09be\u09b0_\u09b8\u09cb\u09ae\u09ac\u09be\u09b0_\u09ae\u0999\u09cd\u0997\u09b2\u09ac\u09be\u09b0_\u09ac\u09c1\u09a7\u09ac\u09be\u09b0_\u09ac\u09c3\u09b9\u09b8\u09cd\u09aa\u09a4\u09bf\u09ac\u09be\u09b0_\u09b6\u09c1\u0995\u09cd\u09b0\u09ac\u09be\u09b0_\u09b6\u09a8\u09bf\u09ac\u09be\u09b0".split("_"),weekdaysShort:"\u09b0\u09ac\u09bf_\u09b8\u09cb\u09ae_\u09ae\u0999\u09cd\u0997\u09b2_\u09ac\u09c1\u09a7_\u09ac\u09c3\u09b9\u09b8\u09cd\u09aa\u09a4\u09bf_\u09b6\u09c1\u0995\u09cd\u09b0_\u09b6\u09a8\u09bf".split("_"),weekdaysMin:"\u09b0\u09ac\u09bf_\u09b8\u09cb\u09ae_\u09ae\u0999\u09cd\u0997\u09b2_\u09ac\u09c1\u09a7_\u09ac\u09c3\u09b9_\u09b6\u09c1\u0995\u09cd\u09b0_\u09b6\u09a8\u09bf".split("_"),longDateFormat:{LT:"A h:mm \u09b8\u09ae\u09df",LTS:"A h:mm:ss \u09b8\u09ae\u09df",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY, A h:mm \u09b8\u09ae\u09df",LLLL:"dddd, D MMMM YYYY, A h:mm \u09b8\u09ae\u09df"},calendar:{sameDay:"[\u0986\u099c] LT",nextDay:"[\u0986\u0997\u09be\u09ae\u09c0\u0995\u09be\u09b2] LT",nextWeek:"dddd, LT",lastDay:"[\u0997\u09a4\u0995\u09be\u09b2] LT",lastWeek:"[\u0997\u09a4] dddd, LT",sameElse:"L"},relativeTime:{future:"%s \u09aa\u09b0\u09c7",past:"%s \u0986\u0997\u09c7",s:"\u0995\u09df\u09c7\u0995 \u09b8\u09c7\u0995\u09c7\u09a8\u09cd\u09a1",ss:"%d \u09b8\u09c7\u0995\u09c7\u09a8\u09cd\u09a1",m:"\u098f\u0995 \u09ae\u09bf\u09a8\u09bf\u099f",mm:"%d \u09ae\u09bf\u09a8\u09bf\u099f",h:"\u098f\u0995 \u0998\u09a8\u09cd\u099f\u09be",hh:"%d \u0998\u09a8\u09cd\u099f\u09be",d:"\u098f\u0995 \u09a6\u09bf\u09a8",dd:"%d \u09a6\u09bf\u09a8",M:"\u098f\u0995 \u09ae\u09be\u09b8",MM:"%d \u09ae\u09be\u09b8",y:"\u098f\u0995 \u09ac\u099b\u09b0",yy:"%d \u09ac\u099b\u09b0"},preparse:function(b){return b.replace(/[\u09e7\u09e8\u09e9\u09ea\u09eb\u09ec\u09ed\u09ee\u09ef\u09e6]/g,function(k){return w[k]})},postformat:function(b){return b.replace(/\d/g,function(k){return _[k]})},meridiemParse:/\u09b0\u09be\u09a4|\u09ad\u09cb\u09b0|\u09b8\u0995\u09be\u09b2|\u09a6\u09c1\u09aa\u09c1\u09b0|\u09ac\u09bf\u0995\u09be\u09b2|\u09b8\u09a8\u09cd\u09a7\u09cd\u09af\u09be|\u09b0\u09be\u09a4/,meridiemHour:function(b,k){return 12===b&&(b=0),"\u09b0\u09be\u09a4"===k?b<4?b:b+12:"\u09ad\u09cb\u09b0"===k||"\u09b8\u0995\u09be\u09b2"===k?b:"\u09a6\u09c1\u09aa\u09c1\u09b0"===k?b>=3?b:b+12:"\u09ac\u09bf\u0995\u09be\u09b2"===k||"\u09b8\u09a8\u09cd\u09a7\u09cd\u09af\u09be"===k?b+12:void 0},meridiem:function(b,k,P){return b<4?"\u09b0\u09be\u09a4":b<6?"\u09ad\u09cb\u09b0":b<12?"\u09b8\u0995\u09be\u09b2":b<15?"\u09a6\u09c1\u09aa\u09c1\u09b0":b<18?"\u09ac\u09bf\u0995\u09be\u09b2":b<20?"\u09b8\u09a8\u09cd\u09a7\u09cd\u09af\u09be":"\u09b0\u09be\u09a4"},week:{dow:0,doy:6}})}(F(6676))},4065:function(J,Z,F){!function(D){"use strict";var _={1:"\u09e7",2:"\u09e8",3:"\u09e9",4:"\u09ea",5:"\u09eb",6:"\u09ec",7:"\u09ed",8:"\u09ee",9:"\u09ef",0:"\u09e6"},w={"\u09e7":"1","\u09e8":"2","\u09e9":"3","\u09ea":"4","\u09eb":"5","\u09ec":"6","\u09ed":"7","\u09ee":"8","\u09ef":"9","\u09e6":"0"};D.defineLocale("bn",{months:"\u099c\u09be\u09a8\u09c1\u09df\u09be\u09b0\u09bf_\u09ab\u09c7\u09ac\u09cd\u09b0\u09c1\u09df\u09be\u09b0\u09bf_\u09ae\u09be\u09b0\u09cd\u099a_\u098f\u09aa\u09cd\u09b0\u09bf\u09b2_\u09ae\u09c7_\u099c\u09c1\u09a8_\u099c\u09c1\u09b2\u09be\u0987_\u0986\u0997\u09b8\u09cd\u099f_\u09b8\u09c7\u09aa\u09cd\u099f\u09c7\u09ae\u09cd\u09ac\u09b0_\u0985\u0995\u09cd\u099f\u09cb\u09ac\u09b0_\u09a8\u09ad\u09c7\u09ae\u09cd\u09ac\u09b0_\u09a1\u09bf\u09b8\u09c7\u09ae\u09cd\u09ac\u09b0".split("_"),monthsShort:"\u099c\u09be\u09a8\u09c1_\u09ab\u09c7\u09ac\u09cd\u09b0\u09c1_\u09ae\u09be\u09b0\u09cd\u099a_\u098f\u09aa\u09cd\u09b0\u09bf\u09b2_\u09ae\u09c7_\u099c\u09c1\u09a8_\u099c\u09c1\u09b2\u09be\u0987_\u0986\u0997\u09b8\u09cd\u099f_\u09b8\u09c7\u09aa\u09cd\u099f_\u0985\u0995\u09cd\u099f\u09cb_\u09a8\u09ad\u09c7_\u09a1\u09bf\u09b8\u09c7".split("_"),weekdays:"\u09b0\u09ac\u09bf\u09ac\u09be\u09b0_\u09b8\u09cb\u09ae\u09ac\u09be\u09b0_\u09ae\u0999\u09cd\u0997\u09b2\u09ac\u09be\u09b0_\u09ac\u09c1\u09a7\u09ac\u09be\u09b0_\u09ac\u09c3\u09b9\u09b8\u09cd\u09aa\u09a4\u09bf\u09ac\u09be\u09b0_\u09b6\u09c1\u0995\u09cd\u09b0\u09ac\u09be\u09b0_\u09b6\u09a8\u09bf\u09ac\u09be\u09b0".split("_"),weekdaysShort:"\u09b0\u09ac\u09bf_\u09b8\u09cb\u09ae_\u09ae\u0999\u09cd\u0997\u09b2_\u09ac\u09c1\u09a7_\u09ac\u09c3\u09b9\u09b8\u09cd\u09aa\u09a4\u09bf_\u09b6\u09c1\u0995\u09cd\u09b0_\u09b6\u09a8\u09bf".split("_"),weekdaysMin:"\u09b0\u09ac\u09bf_\u09b8\u09cb\u09ae_\u09ae\u0999\u09cd\u0997\u09b2_\u09ac\u09c1\u09a7_\u09ac\u09c3\u09b9_\u09b6\u09c1\u0995\u09cd\u09b0_\u09b6\u09a8\u09bf".split("_"),longDateFormat:{LT:"A h:mm \u09b8\u09ae\u09df",LTS:"A h:mm:ss \u09b8\u09ae\u09df",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY, A h:mm \u09b8\u09ae\u09df",LLLL:"dddd, D MMMM YYYY, A h:mm \u09b8\u09ae\u09df"},calendar:{sameDay:"[\u0986\u099c] LT",nextDay:"[\u0986\u0997\u09be\u09ae\u09c0\u0995\u09be\u09b2] LT",nextWeek:"dddd, LT",lastDay:"[\u0997\u09a4\u0995\u09be\u09b2] LT",lastWeek:"[\u0997\u09a4] dddd, LT",sameElse:"L"},relativeTime:{future:"%s \u09aa\u09b0\u09c7",past:"%s \u0986\u0997\u09c7",s:"\u0995\u09df\u09c7\u0995 \u09b8\u09c7\u0995\u09c7\u09a8\u09cd\u09a1",ss:"%d \u09b8\u09c7\u0995\u09c7\u09a8\u09cd\u09a1",m:"\u098f\u0995 \u09ae\u09bf\u09a8\u09bf\u099f",mm:"%d \u09ae\u09bf\u09a8\u09bf\u099f",h:"\u098f\u0995 \u0998\u09a8\u09cd\u099f\u09be",hh:"%d \u0998\u09a8\u09cd\u099f\u09be",d:"\u098f\u0995 \u09a6\u09bf\u09a8",dd:"%d \u09a6\u09bf\u09a8",M:"\u098f\u0995 \u09ae\u09be\u09b8",MM:"%d \u09ae\u09be\u09b8",y:"\u098f\u0995 \u09ac\u099b\u09b0",yy:"%d \u09ac\u099b\u09b0"},preparse:function(b){return b.replace(/[\u09e7\u09e8\u09e9\u09ea\u09eb\u09ec\u09ed\u09ee\u09ef\u09e6]/g,function(k){return w[k]})},postformat:function(b){return b.replace(/\d/g,function(k){return _[k]})},meridiemParse:/\u09b0\u09be\u09a4|\u09b8\u0995\u09be\u09b2|\u09a6\u09c1\u09aa\u09c1\u09b0|\u09ac\u09bf\u0995\u09be\u09b2|\u09b0\u09be\u09a4/,meridiemHour:function(b,k){return 12===b&&(b=0),"\u09b0\u09be\u09a4"===k&&b>=4||"\u09a6\u09c1\u09aa\u09c1\u09b0"===k&&b<5||"\u09ac\u09bf\u0995\u09be\u09b2"===k?b+12:b},meridiem:function(b,k,P){return b<4?"\u09b0\u09be\u09a4":b<10?"\u09b8\u0995\u09be\u09b2":b<17?"\u09a6\u09c1\u09aa\u09c1\u09b0":b<20?"\u09ac\u09bf\u0995\u09be\u09b2":"\u09b0\u09be\u09a4"},week:{dow:0,doy:6}})}(F(6676))},1034:function(J,Z,F){!function(D){"use strict";var _={1:"\u0f21",2:"\u0f22",3:"\u0f23",4:"\u0f24",5:"\u0f25",6:"\u0f26",7:"\u0f27",8:"\u0f28",9:"\u0f29",0:"\u0f20"},w={"\u0f21":"1","\u0f22":"2","\u0f23":"3","\u0f24":"4","\u0f25":"5","\u0f26":"6","\u0f27":"7","\u0f28":"8","\u0f29":"9","\u0f20":"0"};D.defineLocale("bo",{months:"\u0f5f\u0fb3\u0f0b\u0f56\u0f0b\u0f51\u0f44\u0f0b\u0f54\u0f7c_\u0f5f\u0fb3\u0f0b\u0f56\u0f0b\u0f42\u0f49\u0f72\u0f66\u0f0b\u0f54_\u0f5f\u0fb3\u0f0b\u0f56\u0f0b\u0f42\u0f66\u0f74\u0f58\u0f0b\u0f54_\u0f5f\u0fb3\u0f0b\u0f56\u0f0b\u0f56\u0f5e\u0f72\u0f0b\u0f54_\u0f5f\u0fb3\u0f0b\u0f56\u0f0b\u0f63\u0f94\u0f0b\u0f54_\u0f5f\u0fb3\u0f0b\u0f56\u0f0b\u0f51\u0fb2\u0f74\u0f42\u0f0b\u0f54_\u0f5f\u0fb3\u0f0b\u0f56\u0f0b\u0f56\u0f51\u0f74\u0f53\u0f0b\u0f54_\u0f5f\u0fb3\u0f0b\u0f56\u0f0b\u0f56\u0f62\u0f92\u0fb1\u0f51\u0f0b\u0f54_\u0f5f\u0fb3\u0f0b\u0f56\u0f0b\u0f51\u0f42\u0f74\u0f0b\u0f54_\u0f5f\u0fb3\u0f0b\u0f56\u0f0b\u0f56\u0f45\u0f74\u0f0b\u0f54_\u0f5f\u0fb3\u0f0b\u0f56\u0f0b\u0f56\u0f45\u0f74\u0f0b\u0f42\u0f45\u0f72\u0f42\u0f0b\u0f54_\u0f5f\u0fb3\u0f0b\u0f56\u0f0b\u0f56\u0f45\u0f74\u0f0b\u0f42\u0f49\u0f72\u0f66\u0f0b\u0f54".split("_"),monthsShort:"\u0f5f\u0fb3\u0f0b1_\u0f5f\u0fb3\u0f0b2_\u0f5f\u0fb3\u0f0b3_\u0f5f\u0fb3\u0f0b4_\u0f5f\u0fb3\u0f0b5_\u0f5f\u0fb3\u0f0b6_\u0f5f\u0fb3\u0f0b7_\u0f5f\u0fb3\u0f0b8_\u0f5f\u0fb3\u0f0b9_\u0f5f\u0fb3\u0f0b10_\u0f5f\u0fb3\u0f0b11_\u0f5f\u0fb3\u0f0b12".split("_"),monthsShortRegex:/^(\u0f5f\u0fb3\u0f0b\d{1,2})/,monthsParseExact:!0,weekdays:"\u0f42\u0f5f\u0f60\u0f0b\u0f49\u0f72\u0f0b\u0f58\u0f0b_\u0f42\u0f5f\u0f60\u0f0b\u0f5f\u0fb3\u0f0b\u0f56\u0f0b_\u0f42\u0f5f\u0f60\u0f0b\u0f58\u0f72\u0f42\u0f0b\u0f51\u0f58\u0f62\u0f0b_\u0f42\u0f5f\u0f60\u0f0b\u0f63\u0fb7\u0f42\u0f0b\u0f54\u0f0b_\u0f42\u0f5f\u0f60\u0f0b\u0f55\u0f74\u0f62\u0f0b\u0f56\u0f74_\u0f42\u0f5f\u0f60\u0f0b\u0f54\u0f0b\u0f66\u0f44\u0f66\u0f0b_\u0f42\u0f5f\u0f60\u0f0b\u0f66\u0fa4\u0f7a\u0f53\u0f0b\u0f54\u0f0b".split("_"),weekdaysShort:"\u0f49\u0f72\u0f0b\u0f58\u0f0b_\u0f5f\u0fb3\u0f0b\u0f56\u0f0b_\u0f58\u0f72\u0f42\u0f0b\u0f51\u0f58\u0f62\u0f0b_\u0f63\u0fb7\u0f42\u0f0b\u0f54\u0f0b_\u0f55\u0f74\u0f62\u0f0b\u0f56\u0f74_\u0f54\u0f0b\u0f66\u0f44\u0f66\u0f0b_\u0f66\u0fa4\u0f7a\u0f53\u0f0b\u0f54\u0f0b".split("_"),weekdaysMin:"\u0f49\u0f72_\u0f5f\u0fb3_\u0f58\u0f72\u0f42_\u0f63\u0fb7\u0f42_\u0f55\u0f74\u0f62_\u0f66\u0f44\u0f66_\u0f66\u0fa4\u0f7a\u0f53".split("_"),longDateFormat:{LT:"A h:mm",LTS:"A h:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY, A h:mm",LLLL:"dddd, D MMMM YYYY, A h:mm"},calendar:{sameDay:"[\u0f51\u0f72\u0f0b\u0f62\u0f72\u0f44] LT",nextDay:"[\u0f66\u0f44\u0f0b\u0f49\u0f72\u0f53] LT",nextWeek:"[\u0f56\u0f51\u0f74\u0f53\u0f0b\u0f55\u0fb2\u0f42\u0f0b\u0f62\u0f97\u0f7a\u0f66\u0f0b\u0f58], LT",lastDay:"[\u0f41\u0f0b\u0f66\u0f44] LT",lastWeek:"[\u0f56\u0f51\u0f74\u0f53\u0f0b\u0f55\u0fb2\u0f42\u0f0b\u0f58\u0f50\u0f60\u0f0b\u0f58] dddd, LT",sameElse:"L"},relativeTime:{future:"%s \u0f63\u0f0b",past:"%s \u0f66\u0f94\u0f53\u0f0b\u0f63",s:"\u0f63\u0f58\u0f0b\u0f66\u0f44",ss:"%d \u0f66\u0f90\u0f62\u0f0b\u0f46\u0f0d",m:"\u0f66\u0f90\u0f62\u0f0b\u0f58\u0f0b\u0f42\u0f45\u0f72\u0f42",mm:"%d \u0f66\u0f90\u0f62\u0f0b\u0f58",h:"\u0f46\u0f74\u0f0b\u0f5a\u0f7c\u0f51\u0f0b\u0f42\u0f45\u0f72\u0f42",hh:"%d \u0f46\u0f74\u0f0b\u0f5a\u0f7c\u0f51",d:"\u0f49\u0f72\u0f53\u0f0b\u0f42\u0f45\u0f72\u0f42",dd:"%d \u0f49\u0f72\u0f53\u0f0b",M:"\u0f5f\u0fb3\u0f0b\u0f56\u0f0b\u0f42\u0f45\u0f72\u0f42",MM:"%d \u0f5f\u0fb3\u0f0b\u0f56",y:"\u0f63\u0f7c\u0f0b\u0f42\u0f45\u0f72\u0f42",yy:"%d \u0f63\u0f7c"},preparse:function(b){return b.replace(/[\u0f21\u0f22\u0f23\u0f24\u0f25\u0f26\u0f27\u0f28\u0f29\u0f20]/g,function(k){return w[k]})},postformat:function(b){return b.replace(/\d/g,function(k){return _[k]})},meridiemParse:/\u0f58\u0f5a\u0f53\u0f0b\u0f58\u0f7c|\u0f5e\u0f7c\u0f42\u0f66\u0f0b\u0f40\u0f66|\u0f49\u0f72\u0f53\u0f0b\u0f42\u0f74\u0f44|\u0f51\u0f42\u0f7c\u0f44\u0f0b\u0f51\u0f42|\u0f58\u0f5a\u0f53\u0f0b\u0f58\u0f7c/,meridiemHour:function(b,k){return 12===b&&(b=0),"\u0f58\u0f5a\u0f53\u0f0b\u0f58\u0f7c"===k&&b>=4||"\u0f49\u0f72\u0f53\u0f0b\u0f42\u0f74\u0f44"===k&&b<5||"\u0f51\u0f42\u0f7c\u0f44\u0f0b\u0f51\u0f42"===k?b+12:b},meridiem:function(b,k,P){return b<4?"\u0f58\u0f5a\u0f53\u0f0b\u0f58\u0f7c":b<10?"\u0f5e\u0f7c\u0f42\u0f66\u0f0b\u0f40\u0f66":b<17?"\u0f49\u0f72\u0f53\u0f0b\u0f42\u0f74\u0f44":b<20?"\u0f51\u0f42\u0f7c\u0f44\u0f0b\u0f51\u0f42":"\u0f58\u0f5a\u0f53\u0f0b\u0f58\u0f7c"},week:{dow:0,doy:6}})}(F(6676))},7671:function(J,Z,F){!function(D){"use strict";function _(ge,ci,Wi){return ge+" "+function b(ge,ci){return 2===ci?function k(ge){var ci={m:"v",b:"v",d:"z"};return void 0===ci[ge.charAt(0)]?ge:ci[ge.charAt(0)]+ge.substring(1)}(ge):ge}({mm:"munutenn",MM:"miz",dd:"devezh"}[Wi],ge)}function y(ge){return ge>9?y(ge%10):ge}var P=[/^gen/i,/^c[\u02bc\']hwe/i,/^meu/i,/^ebr/i,/^mae/i,/^(mez|eve)/i,/^gou/i,/^eos/i,/^gwe/i,/^her/i,/^du/i,/^ker/i],N=/^(genver|c[\u02bc\']hwevrer|meurzh|ebrel|mae|mezheven|gouere|eost|gwengolo|here|du|kerzu|gen|c[\u02bc\']hwe|meu|ebr|mae|eve|gou|eos|gwe|her|du|ker)/i,lt=[/^Su/i,/^Lu/i,/^Me([^r]|$)/i,/^Mer/i,/^Ya/i,/^Gw/i,/^Sa/i];D.defineLocale("br",{months:"Genver_C\u02bchwevrer_Meurzh_Ebrel_Mae_Mezheven_Gouere_Eost_Gwengolo_Here_Du_Kerzu".split("_"),monthsShort:"Gen_C\u02bchwe_Meu_Ebr_Mae_Eve_Gou_Eos_Gwe_Her_Du_Ker".split("_"),weekdays:"Sul_Lun_Meurzh_Merc\u02bcher_Yaou_Gwener_Sadorn".split("_"),weekdaysShort:"Sul_Lun_Meu_Mer_Yao_Gwe_Sad".split("_"),weekdaysMin:"Su_Lu_Me_Mer_Ya_Gw_Sa".split("_"),weekdaysParse:lt,fullWeekdaysParse:[/^sul/i,/^lun/i,/^meurzh/i,/^merc[\u02bc\']her/i,/^yaou/i,/^gwener/i,/^sadorn/i],shortWeekdaysParse:[/^Sul/i,/^Lun/i,/^Meu/i,/^Mer/i,/^Yao/i,/^Gwe/i,/^Sad/i],minWeekdaysParse:lt,monthsRegex:N,monthsShortRegex:N,monthsStrictRegex:/^(genver|c[\u02bc\']hwevrer|meurzh|ebrel|mae|mezheven|gouere|eost|gwengolo|here|du|kerzu)/i,monthsShortStrictRegex:/^(gen|c[\u02bc\']hwe|meu|ebr|mae|eve|gou|eos|gwe|her|du|ker)/i,monthsParse:P,longMonthsParse:P,shortMonthsParse:P,longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D [a viz] MMMM YYYY",LLL:"D [a viz] MMMM YYYY HH:mm",LLLL:"dddd, D [a viz] MMMM YYYY HH:mm"},calendar:{sameDay:"[Hiziv da] LT",nextDay:"[Warc\u02bchoazh da] LT",nextWeek:"dddd [da] LT",lastDay:"[Dec\u02bch da] LT",lastWeek:"dddd [paset da] LT",sameElse:"L"},relativeTime:{future:"a-benn %s",past:"%s \u02bczo",s:"un nebeud segondenno\xf9",ss:"%d eilenn",m:"ur vunutenn",mm:_,h:"un eur",hh:"%d eur",d:"un devezh",dd:_,M:"ur miz",MM:_,y:"ur bloaz",yy:function w(ge){switch(y(ge)){case 1:case 3:case 4:case 5:case 9:return ge+" bloaz";default:return ge+" vloaz"}}},dayOfMonthOrdinalParse:/\d{1,2}(a\xf1|vet)/,ordinal:function(ge){return ge+(1===ge?"a\xf1":"vet")},week:{dow:1,doy:4},meridiemParse:/a.m.|g.m./,isPM:function(ge){return"g.m."===ge},meridiem:function(ge,ci,Wi){return ge<12?"a.m.":"g.m."}})}(F(6676))},8153:function(J,Z,F){!function(D){"use strict";function _(y,b,k){var P=y+" ";switch(k){case"ss":return P+(1===y?"sekunda":2===y||3===y||4===y?"sekunde":"sekundi");case"m":return b?"jedna minuta":"jedne minute";case"mm":return P+(1===y?"minuta":2===y||3===y||4===y?"minute":"minuta");case"h":return b?"jedan sat":"jednog sata";case"hh":return P+(1===y?"sat":2===y||3===y||4===y?"sata":"sati");case"dd":return P+(1===y?"dan":"dana");case"MM":return P+(1===y?"mjesec":2===y||3===y||4===y?"mjeseca":"mjeseci");case"yy":return P+(1===y?"godina":2===y||3===y||4===y?"godine":"godina")}}D.defineLocale("bs",{months:"januar_februar_mart_april_maj_juni_juli_august_septembar_oktobar_novembar_decembar".split("_"),monthsShort:"jan._feb._mar._apr._maj._jun._jul._aug._sep._okt._nov._dec.".split("_"),monthsParseExact:!0,weekdays:"nedjelja_ponedjeljak_utorak_srijeda_\u010detvrtak_petak_subota".split("_"),weekdaysShort:"ned._pon._uto._sri._\u010det._pet._sub.".split("_"),weekdaysMin:"ne_po_ut_sr_\u010de_pe_su".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"H:mm",LTS:"H:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY H:mm",LLLL:"dddd, D. MMMM YYYY H:mm"},calendar:{sameDay:"[danas u] LT",nextDay:"[sutra u] LT",nextWeek:function(){switch(this.day()){case 0:return"[u] [nedjelju] [u] LT";case 3:return"[u] [srijedu] [u] LT";case 6:return"[u] [subotu] [u] LT";case 1:case 2:case 4:case 5:return"[u] dddd [u] LT"}},lastDay:"[ju\u010der u] LT",lastWeek:function(){switch(this.day()){case 0:case 3:return"[pro\u0161lu] dddd [u] LT";case 6:return"[pro\u0161le] [subote] [u] LT";case 1:case 2:case 4:case 5:return"[pro\u0161li] dddd [u] LT"}},sameElse:"L"},relativeTime:{future:"za %s",past:"prije %s",s:"par sekundi",ss:_,m:_,mm:_,h:_,hh:_,d:"dan",dd:_,M:"mjesec",MM:_,y:"godinu",yy:_},dayOfMonthOrdinalParse:/\d{1,2}\./,ordinal:"%d.",week:{dow:1,doy:7}})}(F(6676))},4287:function(J,Z,F){!function(D){"use strict";D.defineLocale("ca",{months:{standalone:"gener_febrer_mar\xe7_abril_maig_juny_juliol_agost_setembre_octubre_novembre_desembre".split("_"),format:"de gener_de febrer_de mar\xe7_d'abril_de maig_de juny_de juliol_d'agost_de setembre_d'octubre_de novembre_de desembre".split("_"),isFormat:/D[oD]?(\s)+MMMM/},monthsShort:"gen._febr._mar\xe7_abr._maig_juny_jul._ag._set._oct._nov._des.".split("_"),monthsParseExact:!0,weekdays:"diumenge_dilluns_dimarts_dimecres_dijous_divendres_dissabte".split("_"),weekdaysShort:"dg._dl._dt._dc._dj._dv._ds.".split("_"),weekdaysMin:"dg_dl_dt_dc_dj_dv_ds".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"H:mm",LTS:"H:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM [de] YYYY",ll:"D MMM YYYY",LLL:"D MMMM [de] YYYY [a les] H:mm",lll:"D MMM YYYY, H:mm",LLLL:"dddd D MMMM [de] YYYY [a les] H:mm",llll:"ddd D MMM YYYY, H:mm"},calendar:{sameDay:function(){return"[avui a "+(1!==this.hours()?"les":"la")+"] LT"},nextDay:function(){return"[dem\xe0 a "+(1!==this.hours()?"les":"la")+"] LT"},nextWeek:function(){return"dddd [a "+(1!==this.hours()?"les":"la")+"] LT"},lastDay:function(){return"[ahir a "+(1!==this.hours()?"les":"la")+"] LT"},lastWeek:function(){return"[el] dddd [passat a "+(1!==this.hours()?"les":"la")+"] LT"},sameElse:"L"},relativeTime:{future:"d'aqu\xed %s",past:"fa %s",s:"uns segons",ss:"%d segons",m:"un minut",mm:"%d minuts",h:"una hora",hh:"%d hores",d:"un dia",dd:"%d dies",M:"un mes",MM:"%d mesos",y:"un any",yy:"%d anys"},dayOfMonthOrdinalParse:/\d{1,2}(r|n|t|\xe8|a)/,ordinal:function(w,y){var b=1===w?"r":2===w?"n":3===w?"r":4===w?"t":"\xe8";return("w"===y||"W"===y)&&(b="a"),w+b},week:{dow:1,doy:4}})}(F(6676))},2616:function(J,Z,F){!function(D){"use strict";var _={format:"leden_\xfanor_b\u0159ezen_duben_kv\u011bten_\u010derven_\u010dervenec_srpen_z\xe1\u0159\xed_\u0159\xedjen_listopad_prosinec".split("_"),standalone:"ledna_\xfanora_b\u0159ezna_dubna_kv\u011btna_\u010dervna_\u010dervence_srpna_z\xe1\u0159\xed_\u0159\xedjna_listopadu_prosince".split("_")},w="led_\xfano_b\u0159e_dub_kv\u011b_\u010dvn_\u010dvc_srp_z\xe1\u0159_\u0159\xedj_lis_pro".split("_"),y=[/^led/i,/^\xfano/i,/^b\u0159e/i,/^dub/i,/^kv\u011b/i,/^(\u010dvn|\u010derven$|\u010dervna)/i,/^(\u010dvc|\u010dervenec|\u010dervence)/i,/^srp/i,/^z\xe1\u0159/i,/^\u0159\xedj/i,/^lis/i,/^pro/i],b=/^(leden|\xfanor|b\u0159ezen|duben|kv\u011bten|\u010dervenec|\u010dervence|\u010derven|\u010dervna|srpen|z\xe1\u0159\xed|\u0159\xedjen|listopad|prosinec|led|\xfano|b\u0159e|dub|kv\u011b|\u010dvn|\u010dvc|srp|z\xe1\u0159|\u0159\xedj|lis|pro)/i;function k(U){return U>1&&U<5&&1!=~~(U/10)}function P(U,ie,De,He){var lt=U+" ";switch(De){case"s":return ie||He?"p\xe1r sekund":"p\xe1r sekundami";case"ss":return ie||He?lt+(k(U)?"sekundy":"sekund"):lt+"sekundami";case"m":return ie?"minuta":He?"minutu":"minutou";case"mm":return ie||He?lt+(k(U)?"minuty":"minut"):lt+"minutami";case"h":return ie?"hodina":He?"hodinu":"hodinou";case"hh":return ie||He?lt+(k(U)?"hodiny":"hodin"):lt+"hodinami";case"d":return ie||He?"den":"dnem";case"dd":return ie||He?lt+(k(U)?"dny":"dn\xed"):lt+"dny";case"M":return ie||He?"m\u011bs\xedc":"m\u011bs\xedcem";case"MM":return ie||He?lt+(k(U)?"m\u011bs\xedce":"m\u011bs\xedc\u016f"):lt+"m\u011bs\xedci";case"y":return ie||He?"rok":"rokem";case"yy":return ie||He?lt+(k(U)?"roky":"let"):lt+"lety"}}D.defineLocale("cs",{months:_,monthsShort:w,monthsRegex:b,monthsShortRegex:b,monthsStrictRegex:/^(leden|ledna|\xfanora|\xfanor|b\u0159ezen|b\u0159ezna|duben|dubna|kv\u011bten|kv\u011btna|\u010dervenec|\u010dervence|\u010derven|\u010dervna|srpen|srpna|z\xe1\u0159\xed|\u0159\xedjen|\u0159\xedjna|listopadu|listopad|prosinec|prosince)/i,monthsShortStrictRegex:/^(led|\xfano|b\u0159e|dub|kv\u011b|\u010dvn|\u010dvc|srp|z\xe1\u0159|\u0159\xedj|lis|pro)/i,monthsParse:y,longMonthsParse:y,shortMonthsParse:y,weekdays:"ned\u011ble_pond\u011bl\xed_\xfater\xfd_st\u0159eda_\u010dtvrtek_p\xe1tek_sobota".split("_"),weekdaysShort:"ne_po_\xfat_st_\u010dt_p\xe1_so".split("_"),weekdaysMin:"ne_po_\xfat_st_\u010dt_p\xe1_so".split("_"),longDateFormat:{LT:"H:mm",LTS:"H:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY H:mm",LLLL:"dddd D. MMMM YYYY H:mm",l:"D. M. YYYY"},calendar:{sameDay:"[dnes v] LT",nextDay:"[z\xedtra v] LT",nextWeek:function(){switch(this.day()){case 0:return"[v ned\u011bli v] LT";case 1:case 2:return"[v] dddd [v] LT";case 3:return"[ve st\u0159edu v] LT";case 4:return"[ve \u010dtvrtek v] LT";case 5:return"[v p\xe1tek v] LT";case 6:return"[v sobotu v] LT"}},lastDay:"[v\u010dera v] LT",lastWeek:function(){switch(this.day()){case 0:return"[minulou ned\u011bli v] LT";case 1:case 2:return"[minul\xe9] dddd [v] LT";case 3:return"[minulou st\u0159edu v] LT";case 4:case 5:return"[minul\xfd] dddd [v] LT";case 6:return"[minulou sobotu v] LT"}},sameElse:"L"},relativeTime:{future:"za %s",past:"p\u0159ed %s",s:P,ss:P,m:P,mm:P,h:P,hh:P,d:P,dd:P,M:P,MM:P,y:P,yy:P},dayOfMonthOrdinalParse:/\d{1,2}\./,ordinal:"%d.",week:{dow:1,doy:4}})}(F(6676))},7049:function(J,Z,F){!function(D){"use strict";D.defineLocale("cv",{months:"\u043a\u04d1\u0440\u043b\u0430\u0447_\u043d\u0430\u0440\u04d1\u0441_\u043f\u0443\u0448_\u0430\u043a\u0430_\u043c\u0430\u0439_\u04ab\u04d7\u0440\u0442\u043c\u0435_\u0443\u0442\u04d1_\u04ab\u0443\u0440\u043b\u0430_\u0430\u0432\u04d1\u043d_\u044e\u043f\u0430_\u0447\u04f3\u043a_\u0440\u0430\u0448\u0442\u0430\u0432".split("_"),monthsShort:"\u043a\u04d1\u0440_\u043d\u0430\u0440_\u043f\u0443\u0448_\u0430\u043a\u0430_\u043c\u0430\u0439_\u04ab\u04d7\u0440_\u0443\u0442\u04d1_\u04ab\u0443\u0440_\u0430\u0432\u043d_\u044e\u043f\u0430_\u0447\u04f3\u043a_\u0440\u0430\u0448".split("_"),weekdays:"\u0432\u044b\u0440\u0441\u0430\u0440\u043d\u0438\u043a\u0443\u043d_\u0442\u0443\u043d\u0442\u0438\u043a\u0443\u043d_\u044b\u0442\u043b\u0430\u0440\u0438\u043a\u0443\u043d_\u044e\u043d\u043a\u0443\u043d_\u043a\u04d7\u04ab\u043d\u0435\u0440\u043d\u0438\u043a\u0443\u043d_\u044d\u0440\u043d\u0435\u043a\u0443\u043d_\u0448\u04d1\u043c\u0430\u0442\u043a\u0443\u043d".split("_"),weekdaysShort:"\u0432\u044b\u0440_\u0442\u0443\u043d_\u044b\u0442\u043b_\u044e\u043d_\u043a\u04d7\u04ab_\u044d\u0440\u043d_\u0448\u04d1\u043c".split("_"),weekdaysMin:"\u0432\u0440_\u0442\u043d_\u044b\u0442_\u044e\u043d_\u043a\u04ab_\u044d\u0440_\u0448\u043c".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD-MM-YYYY",LL:"YYYY [\u04ab\u0443\u043b\u0445\u0438] MMMM [\u0443\u0439\u04d1\u0445\u04d7\u043d] D[-\u043c\u04d7\u0448\u04d7]",LLL:"YYYY [\u04ab\u0443\u043b\u0445\u0438] MMMM [\u0443\u0439\u04d1\u0445\u04d7\u043d] D[-\u043c\u04d7\u0448\u04d7], HH:mm",LLLL:"dddd, YYYY [\u04ab\u0443\u043b\u0445\u0438] MMMM [\u0443\u0439\u04d1\u0445\u04d7\u043d] D[-\u043c\u04d7\u0448\u04d7], HH:mm"},calendar:{sameDay:"[\u041f\u0430\u044f\u043d] LT [\u0441\u0435\u0445\u0435\u0442\u0440\u0435]",nextDay:"[\u042b\u0440\u0430\u043d] LT [\u0441\u0435\u0445\u0435\u0442\u0440\u0435]",lastDay:"[\u04d6\u043d\u0435\u0440] LT [\u0441\u0435\u0445\u0435\u0442\u0440\u0435]",nextWeek:"[\u04aa\u0438\u0442\u0435\u0441] dddd LT [\u0441\u0435\u0445\u0435\u0442\u0440\u0435]",lastWeek:"[\u0418\u0440\u0442\u043d\u04d7] dddd LT [\u0441\u0435\u0445\u0435\u0442\u0440\u0435]",sameElse:"L"},relativeTime:{future:function(w){return w+(/\u0441\u0435\u0445\u0435\u0442$/i.exec(w)?"\u0440\u0435\u043d":/\u04ab\u0443\u043b$/i.exec(w)?"\u0442\u0430\u043d":"\u0440\u0430\u043d")},past:"%s \u043a\u0430\u044f\u043b\u043b\u0430",s:"\u043f\u04d7\u0440-\u0438\u043a \u04ab\u0435\u043a\u043a\u0443\u043d\u0442",ss:"%d \u04ab\u0435\u043a\u043a\u0443\u043d\u0442",m:"\u043f\u04d7\u0440 \u043c\u0438\u043d\u0443\u0442",mm:"%d \u043c\u0438\u043d\u0443\u0442",h:"\u043f\u04d7\u0440 \u0441\u0435\u0445\u0435\u0442",hh:"%d \u0441\u0435\u0445\u0435\u0442",d:"\u043f\u04d7\u0440 \u043a\u0443\u043d",dd:"%d \u043a\u0443\u043d",M:"\u043f\u04d7\u0440 \u0443\u0439\u04d1\u0445",MM:"%d \u0443\u0439\u04d1\u0445",y:"\u043f\u04d7\u0440 \u04ab\u0443\u043b",yy:"%d \u04ab\u0443\u043b"},dayOfMonthOrdinalParse:/\d{1,2}-\u043c\u04d7\u0448/,ordinal:"%d-\u043c\u04d7\u0448",week:{dow:1,doy:7}})}(F(6676))},9172:function(J,Z,F){!function(D){"use strict";D.defineLocale("cy",{months:"Ionawr_Chwefror_Mawrth_Ebrill_Mai_Mehefin_Gorffennaf_Awst_Medi_Hydref_Tachwedd_Rhagfyr".split("_"),monthsShort:"Ion_Chwe_Maw_Ebr_Mai_Meh_Gor_Aws_Med_Hyd_Tach_Rhag".split("_"),weekdays:"Dydd Sul_Dydd Llun_Dydd Mawrth_Dydd Mercher_Dydd Iau_Dydd Gwener_Dydd Sadwrn".split("_"),weekdaysShort:"Sul_Llun_Maw_Mer_Iau_Gwe_Sad".split("_"),weekdaysMin:"Su_Ll_Ma_Me_Ia_Gw_Sa".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd, D MMMM YYYY HH:mm"},calendar:{sameDay:"[Heddiw am] LT",nextDay:"[Yfory am] LT",nextWeek:"dddd [am] LT",lastDay:"[Ddoe am] LT",lastWeek:"dddd [diwethaf am] LT",sameElse:"L"},relativeTime:{future:"mewn %s",past:"%s yn \xf4l",s:"ychydig eiliadau",ss:"%d eiliad",m:"munud",mm:"%d munud",h:"awr",hh:"%d awr",d:"diwrnod",dd:"%d diwrnod",M:"mis",MM:"%d mis",y:"blwyddyn",yy:"%d flynedd"},dayOfMonthOrdinalParse:/\d{1,2}(fed|ain|af|il|ydd|ed|eg)/,ordinal:function(w){var b="";return w>20?b=40===w||50===w||60===w||80===w||100===w?"fed":"ain":w>0&&(b=["","af","il","ydd","ydd","ed","ed","ed","fed","fed","fed","eg","fed","eg","eg","fed","eg","eg","fed","eg","fed"][w]),w+b},week:{dow:1,doy:4}})}(F(6676))},605:function(J,Z,F){!function(D){"use strict";D.defineLocale("da",{months:"januar_februar_marts_april_maj_juni_juli_august_september_oktober_november_december".split("_"),monthsShort:"jan_feb_mar_apr_maj_jun_jul_aug_sep_okt_nov_dec".split("_"),weekdays:"s\xf8ndag_mandag_tirsdag_onsdag_torsdag_fredag_l\xf8rdag".split("_"),weekdaysShort:"s\xf8n_man_tir_ons_tor_fre_l\xf8r".split("_"),weekdaysMin:"s\xf8_ma_ti_on_to_fr_l\xf8".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY HH:mm",LLLL:"dddd [d.] D. MMMM YYYY [kl.] HH:mm"},calendar:{sameDay:"[i dag kl.] LT",nextDay:"[i morgen kl.] LT",nextWeek:"p\xe5 dddd [kl.] LT",lastDay:"[i g\xe5r kl.] LT",lastWeek:"[i] dddd[s kl.] LT",sameElse:"L"},relativeTime:{future:"om %s",past:"%s siden",s:"f\xe5 sekunder",ss:"%d sekunder",m:"et minut",mm:"%d minutter",h:"en time",hh:"%d timer",d:"en dag",dd:"%d dage",M:"en m\xe5ned",MM:"%d m\xe5neder",y:"et \xe5r",yy:"%d \xe5r"},dayOfMonthOrdinalParse:/\d{1,2}\./,ordinal:"%d.",week:{dow:1,doy:4}})}(F(6676))},3395:function(J,Z,F){!function(D){"use strict";function _(y,b,k,P){var N={m:["eine Minute","einer Minute"],h:["eine Stunde","einer Stunde"],d:["ein Tag","einem Tag"],dd:[y+" Tage",y+" Tagen"],w:["eine Woche","einer Woche"],M:["ein Monat","einem Monat"],MM:[y+" Monate",y+" Monaten"],y:["ein Jahr","einem Jahr"],yy:[y+" Jahre",y+" Jahren"]};return b?N[k][0]:N[k][1]}D.defineLocale("de-at",{months:"J\xe4nner_Februar_M\xe4rz_April_Mai_Juni_Juli_August_September_Oktober_November_Dezember".split("_"),monthsShort:"J\xe4n._Feb._M\xe4rz_Apr._Mai_Juni_Juli_Aug._Sep._Okt._Nov._Dez.".split("_"),monthsParseExact:!0,weekdays:"Sonntag_Montag_Dienstag_Mittwoch_Donnerstag_Freitag_Samstag".split("_"),weekdaysShort:"So._Mo._Di._Mi._Do._Fr._Sa.".split("_"),weekdaysMin:"So_Mo_Di_Mi_Do_Fr_Sa".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY HH:mm",LLLL:"dddd, D. MMMM YYYY HH:mm"},calendar:{sameDay:"[heute um] LT [Uhr]",sameElse:"L",nextDay:"[morgen um] LT [Uhr]",nextWeek:"dddd [um] LT [Uhr]",lastDay:"[gestern um] LT [Uhr]",lastWeek:"[letzten] dddd [um] LT [Uhr]"},relativeTime:{future:"in %s",past:"vor %s",s:"ein paar Sekunden",ss:"%d Sekunden",m:_,mm:"%d Minuten",h:_,hh:"%d Stunden",d:_,dd:_,w:_,ww:"%d Wochen",M:_,MM:_,y:_,yy:_},dayOfMonthOrdinalParse:/\d{1,2}\./,ordinal:"%d.",week:{dow:1,doy:4}})}(F(6676))},9835:function(J,Z,F){!function(D){"use strict";function _(y,b,k,P){var N={m:["eine Minute","einer Minute"],h:["eine Stunde","einer Stunde"],d:["ein Tag","einem Tag"],dd:[y+" Tage",y+" Tagen"],w:["eine Woche","einer Woche"],M:["ein Monat","einem Monat"],MM:[y+" Monate",y+" Monaten"],y:["ein Jahr","einem Jahr"],yy:[y+" Jahre",y+" Jahren"]};return b?N[k][0]:N[k][1]}D.defineLocale("de-ch",{months:"Januar_Februar_M\xe4rz_April_Mai_Juni_Juli_August_September_Oktober_November_Dezember".split("_"),monthsShort:"Jan._Feb._M\xe4rz_Apr._Mai_Juni_Juli_Aug._Sep._Okt._Nov._Dez.".split("_"),monthsParseExact:!0,weekdays:"Sonntag_Montag_Dienstag_Mittwoch_Donnerstag_Freitag_Samstag".split("_"),weekdaysShort:"So_Mo_Di_Mi_Do_Fr_Sa".split("_"),weekdaysMin:"So_Mo_Di_Mi_Do_Fr_Sa".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY HH:mm",LLLL:"dddd, D. MMMM YYYY HH:mm"},calendar:{sameDay:"[heute um] LT [Uhr]",sameElse:"L",nextDay:"[morgen um] LT [Uhr]",nextWeek:"dddd [um] LT [Uhr]",lastDay:"[gestern um] LT [Uhr]",lastWeek:"[letzten] dddd [um] LT [Uhr]"},relativeTime:{future:"in %s",past:"vor %s",s:"ein paar Sekunden",ss:"%d Sekunden",m:_,mm:"%d Minuten",h:_,hh:"%d Stunden",d:_,dd:_,w:_,ww:"%d Wochen",M:_,MM:_,y:_,yy:_},dayOfMonthOrdinalParse:/\d{1,2}\./,ordinal:"%d.",week:{dow:1,doy:4}})}(F(6676))},4013:function(J,Z,F){!function(D){"use strict";function _(y,b,k,P){var N={m:["eine Minute","einer Minute"],h:["eine Stunde","einer Stunde"],d:["ein Tag","einem Tag"],dd:[y+" Tage",y+" Tagen"],w:["eine Woche","einer Woche"],M:["ein Monat","einem Monat"],MM:[y+" Monate",y+" Monaten"],y:["ein Jahr","einem Jahr"],yy:[y+" Jahre",y+" Jahren"]};return b?N[k][0]:N[k][1]}D.defineLocale("de",{months:"Januar_Februar_M\xe4rz_April_Mai_Juni_Juli_August_September_Oktober_November_Dezember".split("_"),monthsShort:"Jan._Feb._M\xe4rz_Apr._Mai_Juni_Juli_Aug._Sep._Okt._Nov._Dez.".split("_"),monthsParseExact:!0,weekdays:"Sonntag_Montag_Dienstag_Mittwoch_Donnerstag_Freitag_Samstag".split("_"),weekdaysShort:"So._Mo._Di._Mi._Do._Fr._Sa.".split("_"),weekdaysMin:"So_Mo_Di_Mi_Do_Fr_Sa".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY HH:mm",LLLL:"dddd, D. MMMM YYYY HH:mm"},calendar:{sameDay:"[heute um] LT [Uhr]",sameElse:"L",nextDay:"[morgen um] LT [Uhr]",nextWeek:"dddd [um] LT [Uhr]",lastDay:"[gestern um] LT [Uhr]",lastWeek:"[letzten] dddd [um] LT [Uhr]"},relativeTime:{future:"in %s",past:"vor %s",s:"ein paar Sekunden",ss:"%d Sekunden",m:_,mm:"%d Minuten",h:_,hh:"%d Stunden",d:_,dd:_,w:_,ww:"%d Wochen",M:_,MM:_,y:_,yy:_},dayOfMonthOrdinalParse:/\d{1,2}\./,ordinal:"%d.",week:{dow:1,doy:4}})}(F(6676))},4570:function(J,Z,F){!function(D){"use strict";var _=["\u0796\u07ac\u0782\u07aa\u0787\u07a6\u0783\u07a9","\u078a\u07ac\u0784\u07b0\u0783\u07aa\u0787\u07a6\u0783\u07a9","\u0789\u07a7\u0783\u07a8\u0797\u07aa","\u0787\u07ad\u0795\u07b0\u0783\u07a9\u078d\u07aa","\u0789\u07ad","\u0796\u07ab\u0782\u07b0","\u0796\u07aa\u078d\u07a6\u0787\u07a8","\u0787\u07af\u078e\u07a6\u0790\u07b0\u0793\u07aa","\u0790\u07ac\u0795\u07b0\u0793\u07ac\u0789\u07b0\u0784\u07a6\u0783\u07aa","\u0787\u07ae\u0786\u07b0\u0793\u07af\u0784\u07a6\u0783\u07aa","\u0782\u07ae\u0788\u07ac\u0789\u07b0\u0784\u07a6\u0783\u07aa","\u0791\u07a8\u0790\u07ac\u0789\u07b0\u0784\u07a6\u0783\u07aa"],w=["\u0787\u07a7\u078b\u07a8\u0787\u07b0\u078c\u07a6","\u0780\u07af\u0789\u07a6","\u0787\u07a6\u0782\u07b0\u078e\u07a7\u0783\u07a6","\u0784\u07aa\u078b\u07a6","\u0784\u07aa\u0783\u07a7\u0790\u07b0\u078a\u07a6\u078c\u07a8","\u0780\u07aa\u0786\u07aa\u0783\u07aa","\u0780\u07ae\u0782\u07a8\u0780\u07a8\u0783\u07aa"];D.defineLocale("dv",{months:_,monthsShort:_,weekdays:w,weekdaysShort:w,weekdaysMin:"\u0787\u07a7\u078b\u07a8_\u0780\u07af\u0789\u07a6_\u0787\u07a6\u0782\u07b0_\u0784\u07aa\u078b\u07a6_\u0784\u07aa\u0783\u07a7_\u0780\u07aa\u0786\u07aa_\u0780\u07ae\u0782\u07a8".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"D/M/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},meridiemParse:/\u0789\u0786|\u0789\u078a/,isPM:function(b){return"\u0789\u078a"===b},meridiem:function(b,k,P){return b<12?"\u0789\u0786":"\u0789\u078a"},calendar:{sameDay:"[\u0789\u07a8\u0787\u07a6\u078b\u07aa] LT",nextDay:"[\u0789\u07a7\u078b\u07a6\u0789\u07a7] LT",nextWeek:"dddd LT",lastDay:"[\u0787\u07a8\u0787\u07b0\u0794\u07ac] LT",lastWeek:"[\u078a\u07a7\u0787\u07a8\u078c\u07aa\u0788\u07a8] dddd LT",sameElse:"L"},relativeTime:{future:"\u078c\u07ac\u0783\u07ad\u078e\u07a6\u0787\u07a8 %s",past:"\u0786\u07aa\u0783\u07a8\u0782\u07b0 %s",s:"\u0790\u07a8\u0786\u07aa\u0782\u07b0\u078c\u07aa\u0786\u07ae\u0785\u07ac\u0787\u07b0",ss:"d% \u0790\u07a8\u0786\u07aa\u0782\u07b0\u078c\u07aa",m:"\u0789\u07a8\u0782\u07a8\u0793\u07ac\u0787\u07b0",mm:"\u0789\u07a8\u0782\u07a8\u0793\u07aa %d",h:"\u078e\u07a6\u0791\u07a8\u0787\u07a8\u0783\u07ac\u0787\u07b0",hh:"\u078e\u07a6\u0791\u07a8\u0787\u07a8\u0783\u07aa %d",d:"\u078b\u07aa\u0788\u07a6\u0780\u07ac\u0787\u07b0",dd:"\u078b\u07aa\u0788\u07a6\u0790\u07b0 %d",M:"\u0789\u07a6\u0780\u07ac\u0787\u07b0",MM:"\u0789\u07a6\u0790\u07b0 %d",y:"\u0787\u07a6\u0780\u07a6\u0783\u07ac\u0787\u07b0",yy:"\u0787\u07a6\u0780\u07a6\u0783\u07aa %d"},preparse:function(b){return b.replace(/\u060c/g,",")},postformat:function(b){return b.replace(/,/g,"\u060c")},week:{dow:7,doy:12}})}(F(6676))},1859:function(J,Z,F){!function(D){"use strict";D.defineLocale("el",{monthsNominativeEl:"\u0399\u03b1\u03bd\u03bf\u03c5\u03ac\u03c1\u03b9\u03bf\u03c2_\u03a6\u03b5\u03b2\u03c1\u03bf\u03c5\u03ac\u03c1\u03b9\u03bf\u03c2_\u039c\u03ac\u03c1\u03c4\u03b9\u03bf\u03c2_\u0391\u03c0\u03c1\u03af\u03bb\u03b9\u03bf\u03c2_\u039c\u03ac\u03b9\u03bf\u03c2_\u0399\u03bf\u03cd\u03bd\u03b9\u03bf\u03c2_\u0399\u03bf\u03cd\u03bb\u03b9\u03bf\u03c2_\u0391\u03cd\u03b3\u03bf\u03c5\u03c3\u03c4\u03bf\u03c2_\u03a3\u03b5\u03c0\u03c4\u03ad\u03bc\u03b2\u03c1\u03b9\u03bf\u03c2_\u039f\u03ba\u03c4\u03ce\u03b2\u03c1\u03b9\u03bf\u03c2_\u039d\u03bf\u03ad\u03bc\u03b2\u03c1\u03b9\u03bf\u03c2_\u0394\u03b5\u03ba\u03ad\u03bc\u03b2\u03c1\u03b9\u03bf\u03c2".split("_"),monthsGenitiveEl:"\u0399\u03b1\u03bd\u03bf\u03c5\u03b1\u03c1\u03af\u03bf\u03c5_\u03a6\u03b5\u03b2\u03c1\u03bf\u03c5\u03b1\u03c1\u03af\u03bf\u03c5_\u039c\u03b1\u03c1\u03c4\u03af\u03bf\u03c5_\u0391\u03c0\u03c1\u03b9\u03bb\u03af\u03bf\u03c5_\u039c\u03b1\u0390\u03bf\u03c5_\u0399\u03bf\u03c5\u03bd\u03af\u03bf\u03c5_\u0399\u03bf\u03c5\u03bb\u03af\u03bf\u03c5_\u0391\u03c5\u03b3\u03bf\u03cd\u03c3\u03c4\u03bf\u03c5_\u03a3\u03b5\u03c0\u03c4\u03b5\u03bc\u03b2\u03c1\u03af\u03bf\u03c5_\u039f\u03ba\u03c4\u03c9\u03b2\u03c1\u03af\u03bf\u03c5_\u039d\u03bf\u03b5\u03bc\u03b2\u03c1\u03af\u03bf\u03c5_\u0394\u03b5\u03ba\u03b5\u03bc\u03b2\u03c1\u03af\u03bf\u03c5".split("_"),months:function(y,b){return y?"string"==typeof b&&/D/.test(b.substring(0,b.indexOf("MMMM")))?this._monthsGenitiveEl[y.month()]:this._monthsNominativeEl[y.month()]:this._monthsNominativeEl},monthsShort:"\u0399\u03b1\u03bd_\u03a6\u03b5\u03b2_\u039c\u03b1\u03c1_\u0391\u03c0\u03c1_\u039c\u03b1\u03ca_\u0399\u03bf\u03c5\u03bd_\u0399\u03bf\u03c5\u03bb_\u0391\u03c5\u03b3_\u03a3\u03b5\u03c0_\u039f\u03ba\u03c4_\u039d\u03bf\u03b5_\u0394\u03b5\u03ba".split("_"),weekdays:"\u039a\u03c5\u03c1\u03b9\u03b1\u03ba\u03ae_\u0394\u03b5\u03c5\u03c4\u03ad\u03c1\u03b1_\u03a4\u03c1\u03af\u03c4\u03b7_\u03a4\u03b5\u03c4\u03ac\u03c1\u03c4\u03b7_\u03a0\u03ad\u03bc\u03c0\u03c4\u03b7_\u03a0\u03b1\u03c1\u03b1\u03c3\u03ba\u03b5\u03c5\u03ae_\u03a3\u03ac\u03b2\u03b2\u03b1\u03c4\u03bf".split("_"),weekdaysShort:"\u039a\u03c5\u03c1_\u0394\u03b5\u03c5_\u03a4\u03c1\u03b9_\u03a4\u03b5\u03c4_\u03a0\u03b5\u03bc_\u03a0\u03b1\u03c1_\u03a3\u03b1\u03b2".split("_"),weekdaysMin:"\u039a\u03c5_\u0394\u03b5_\u03a4\u03c1_\u03a4\u03b5_\u03a0\u03b5_\u03a0\u03b1_\u03a3\u03b1".split("_"),meridiem:function(y,b,k){return y>11?k?"\u03bc\u03bc":"\u039c\u039c":k?"\u03c0\u03bc":"\u03a0\u039c"},isPM:function(y){return"\u03bc"===(y+"").toLowerCase()[0]},meridiemParse:/[\u03a0\u039c]\.?\u039c?\.?/i,longDateFormat:{LT:"h:mm A",LTS:"h:mm:ss A",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY h:mm A",LLLL:"dddd, D MMMM YYYY h:mm A"},calendarEl:{sameDay:"[\u03a3\u03ae\u03bc\u03b5\u03c1\u03b1 {}] LT",nextDay:"[\u0391\u03cd\u03c1\u03b9\u03bf {}] LT",nextWeek:"dddd [{}] LT",lastDay:"[\u03a7\u03b8\u03b5\u03c2 {}] LT",lastWeek:function(){return 6===this.day()?"[\u03c4\u03bf \u03c0\u03c1\u03bf\u03b7\u03b3\u03bf\u03cd\u03bc\u03b5\u03bd\u03bf] dddd [{}] LT":"[\u03c4\u03b7\u03bd \u03c0\u03c1\u03bf\u03b7\u03b3\u03bf\u03cd\u03bc\u03b5\u03bd\u03b7] dddd [{}] LT"},sameElse:"L"},calendar:function(y,b){var k=this._calendarEl[y],P=b&&b.hours();return function _(y){return typeof Function<"u"&&y instanceof Function||"[object Function]"===Object.prototype.toString.call(y)}(k)&&(k=k.apply(b)),k.replace("{}",P%12==1?"\u03c3\u03c4\u03b7":"\u03c3\u03c4\u03b9\u03c2")},relativeTime:{future:"\u03c3\u03b5 %s",past:"%s \u03c0\u03c1\u03b9\u03bd",s:"\u03bb\u03af\u03b3\u03b1 \u03b4\u03b5\u03c5\u03c4\u03b5\u03c1\u03cc\u03bb\u03b5\u03c0\u03c4\u03b1",ss:"%d \u03b4\u03b5\u03c5\u03c4\u03b5\u03c1\u03cc\u03bb\u03b5\u03c0\u03c4\u03b1",m:"\u03ad\u03bd\u03b1 \u03bb\u03b5\u03c0\u03c4\u03cc",mm:"%d \u03bb\u03b5\u03c0\u03c4\u03ac",h:"\u03bc\u03af\u03b1 \u03ce\u03c1\u03b1",hh:"%d \u03ce\u03c1\u03b5\u03c2",d:"\u03bc\u03af\u03b1 \u03bc\u03ad\u03c1\u03b1",dd:"%d \u03bc\u03ad\u03c1\u03b5\u03c2",M:"\u03ad\u03bd\u03b1\u03c2 \u03bc\u03ae\u03bd\u03b1\u03c2",MM:"%d \u03bc\u03ae\u03bd\u03b5\u03c2",y:"\u03ad\u03bd\u03b1\u03c2 \u03c7\u03c1\u03cc\u03bd\u03bf\u03c2",yy:"%d \u03c7\u03c1\u03cc\u03bd\u03b9\u03b1"},dayOfMonthOrdinalParse:/\d{1,2}\u03b7/,ordinal:"%d\u03b7",week:{dow:1,doy:4}})}(F(6676))},5785:function(J,Z,F){!function(D){"use strict";D.defineLocale("en-au",{months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),monthsShort:"Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),weekdaysShort:"Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),weekdaysMin:"Su_Mo_Tu_We_Th_Fr_Sa".split("_"),longDateFormat:{LT:"h:mm A",LTS:"h:mm:ss A",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY h:mm A",LLLL:"dddd, D MMMM YYYY h:mm A"},calendar:{sameDay:"[Today at] LT",nextDay:"[Tomorrow at] LT",nextWeek:"dddd [at] LT",lastDay:"[Yesterday at] LT",lastWeek:"[Last] dddd [at] LT",sameElse:"L"},relativeTime:{future:"in %s",past:"%s ago",s:"a few seconds",ss:"%d seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"},dayOfMonthOrdinalParse:/\d{1,2}(st|nd|rd|th)/,ordinal:function(w){var y=w%10;return w+(1==~~(w%100/10)?"th":1===y?"st":2===y?"nd":3===y?"rd":"th")},week:{dow:0,doy:4}})}(F(6676))},3792:function(J,Z,F){!function(D){"use strict";D.defineLocale("en-ca",{months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),monthsShort:"Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),weekdaysShort:"Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),weekdaysMin:"Su_Mo_Tu_We_Th_Fr_Sa".split("_"),longDateFormat:{LT:"h:mm A",LTS:"h:mm:ss A",L:"YYYY-MM-DD",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},calendar:{sameDay:"[Today at] LT",nextDay:"[Tomorrow at] LT",nextWeek:"dddd [at] LT",lastDay:"[Yesterday at] LT",lastWeek:"[Last] dddd [at] LT",sameElse:"L"},relativeTime:{future:"in %s",past:"%s ago",s:"a few seconds",ss:"%d seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"},dayOfMonthOrdinalParse:/\d{1,2}(st|nd|rd|th)/,ordinal:function(w){var y=w%10;return w+(1==~~(w%100/10)?"th":1===y?"st":2===y?"nd":3===y?"rd":"th")}})}(F(6676))},7651:function(J,Z,F){!function(D){"use strict";D.defineLocale("en-gb",{months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),monthsShort:"Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),weekdaysShort:"Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),weekdaysMin:"Su_Mo_Tu_We_Th_Fr_Sa".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd, D MMMM YYYY HH:mm"},calendar:{sameDay:"[Today at] LT",nextDay:"[Tomorrow at] LT",nextWeek:"dddd [at] LT",lastDay:"[Yesterday at] LT",lastWeek:"[Last] dddd [at] LT",sameElse:"L"},relativeTime:{future:"in %s",past:"%s ago",s:"a few seconds",ss:"%d seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"},dayOfMonthOrdinalParse:/\d{1,2}(st|nd|rd|th)/,ordinal:function(w){var y=w%10;return w+(1==~~(w%100/10)?"th":1===y?"st":2===y?"nd":3===y?"rd":"th")},week:{dow:1,doy:4}})}(F(6676))},1929:function(J,Z,F){!function(D){"use strict";D.defineLocale("en-ie",{months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),monthsShort:"Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),weekdaysShort:"Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),weekdaysMin:"Su_Mo_Tu_We_Th_Fr_Sa".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},calendar:{sameDay:"[Today at] LT",nextDay:"[Tomorrow at] LT",nextWeek:"dddd [at] LT",lastDay:"[Yesterday at] LT",lastWeek:"[Last] dddd [at] LT",sameElse:"L"},relativeTime:{future:"in %s",past:"%s ago",s:"a few seconds",ss:"%d seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"},dayOfMonthOrdinalParse:/\d{1,2}(st|nd|rd|th)/,ordinal:function(w){var y=w%10;return w+(1==~~(w%100/10)?"th":1===y?"st":2===y?"nd":3===y?"rd":"th")},week:{dow:1,doy:4}})}(F(6676))},9818:function(J,Z,F){!function(D){"use strict";D.defineLocale("en-il",{months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),monthsShort:"Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),weekdaysShort:"Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),weekdaysMin:"Su_Mo_Tu_We_Th_Fr_Sa".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd, D MMMM YYYY HH:mm"},calendar:{sameDay:"[Today at] LT",nextDay:"[Tomorrow at] LT",nextWeek:"dddd [at] LT",lastDay:"[Yesterday at] LT",lastWeek:"[Last] dddd [at] LT",sameElse:"L"},relativeTime:{future:"in %s",past:"%s ago",s:"a few seconds",ss:"%d seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"},dayOfMonthOrdinalParse:/\d{1,2}(st|nd|rd|th)/,ordinal:function(w){var y=w%10;return w+(1==~~(w%100/10)?"th":1===y?"st":2===y?"nd":3===y?"rd":"th")}})}(F(6676))},6612:function(J,Z,F){!function(D){"use strict";D.defineLocale("en-in",{months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),monthsShort:"Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),weekdaysShort:"Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),weekdaysMin:"Su_Mo_Tu_We_Th_Fr_Sa".split("_"),longDateFormat:{LT:"h:mm A",LTS:"h:mm:ss A",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY h:mm A",LLLL:"dddd, D MMMM YYYY h:mm A"},calendar:{sameDay:"[Today at] LT",nextDay:"[Tomorrow at] LT",nextWeek:"dddd [at] LT",lastDay:"[Yesterday at] LT",lastWeek:"[Last] dddd [at] LT",sameElse:"L"},relativeTime:{future:"in %s",past:"%s ago",s:"a few seconds",ss:"%d seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"},dayOfMonthOrdinalParse:/\d{1,2}(st|nd|rd|th)/,ordinal:function(w){var y=w%10;return w+(1==~~(w%100/10)?"th":1===y?"st":2===y?"nd":3===y?"rd":"th")},week:{dow:0,doy:6}})}(F(6676))},4900:function(J,Z,F){!function(D){"use strict";D.defineLocale("en-nz",{months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),monthsShort:"Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),weekdaysShort:"Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),weekdaysMin:"Su_Mo_Tu_We_Th_Fr_Sa".split("_"),longDateFormat:{LT:"h:mm A",LTS:"h:mm:ss A",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY h:mm A",LLLL:"dddd, D MMMM YYYY h:mm A"},calendar:{sameDay:"[Today at] LT",nextDay:"[Tomorrow at] LT",nextWeek:"dddd [at] LT",lastDay:"[Yesterday at] LT",lastWeek:"[Last] dddd [at] LT",sameElse:"L"},relativeTime:{future:"in %s",past:"%s ago",s:"a few seconds",ss:"%d seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"},dayOfMonthOrdinalParse:/\d{1,2}(st|nd|rd|th)/,ordinal:function(w){var y=w%10;return w+(1==~~(w%100/10)?"th":1===y?"st":2===y?"nd":3===y?"rd":"th")},week:{dow:1,doy:4}})}(F(6676))},2721:function(J,Z,F){!function(D){"use strict";D.defineLocale("en-sg",{months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),monthsShort:"Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),weekdaysShort:"Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),weekdaysMin:"Su_Mo_Tu_We_Th_Fr_Sa".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd, D MMMM YYYY HH:mm"},calendar:{sameDay:"[Today at] LT",nextDay:"[Tomorrow at] LT",nextWeek:"dddd [at] LT",lastDay:"[Yesterday at] LT",lastWeek:"[Last] dddd [at] LT",sameElse:"L"},relativeTime:{future:"in %s",past:"%s ago",s:"a few seconds",ss:"%d seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"},dayOfMonthOrdinalParse:/\d{1,2}(st|nd|rd|th)/,ordinal:function(w){var y=w%10;return w+(1==~~(w%100/10)?"th":1===y?"st":2===y?"nd":3===y?"rd":"th")},week:{dow:1,doy:4}})}(F(6676))},5159:function(J,Z,F){!function(D){"use strict";D.defineLocale("eo",{months:"januaro_februaro_marto_aprilo_majo_junio_julio_a\u016dgusto_septembro_oktobro_novembro_decembro".split("_"),monthsShort:"jan_feb_mart_apr_maj_jun_jul_a\u016dg_sept_okt_nov_dec".split("_"),weekdays:"diman\u0109o_lundo_mardo_merkredo_\u0135a\u016ddo_vendredo_sabato".split("_"),weekdaysShort:"dim_lun_mard_merk_\u0135a\u016d_ven_sab".split("_"),weekdaysMin:"di_lu_ma_me_\u0135a_ve_sa".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY-MM-DD",LL:"[la] D[-an de] MMMM, YYYY",LLL:"[la] D[-an de] MMMM, YYYY HH:mm",LLLL:"dddd[n], [la] D[-an de] MMMM, YYYY HH:mm",llll:"ddd, [la] D[-an de] MMM, YYYY HH:mm"},meridiemParse:/[ap]\.t\.m/i,isPM:function(w){return"p"===w.charAt(0).toLowerCase()},meridiem:function(w,y,b){return w>11?b?"p.t.m.":"P.T.M.":b?"a.t.m.":"A.T.M."},calendar:{sameDay:"[Hodia\u016d je] LT",nextDay:"[Morga\u016d je] LT",nextWeek:"dddd[n je] LT",lastDay:"[Hiera\u016d je] LT",lastWeek:"[pasintan] dddd[n je] LT",sameElse:"L"},relativeTime:{future:"post %s",past:"anta\u016d %s",s:"kelkaj sekundoj",ss:"%d sekundoj",m:"unu minuto",mm:"%d minutoj",h:"unu horo",hh:"%d horoj",d:"unu tago",dd:"%d tagoj",M:"unu monato",MM:"%d monatoj",y:"unu jaro",yy:"%d jaroj"},dayOfMonthOrdinalParse:/\d{1,2}a/,ordinal:"%da",week:{dow:1,doy:7}})}(F(6676))},1780:function(J,Z,F){!function(D){"use strict";var _="ene._feb._mar._abr._may._jun._jul._ago._sep._oct._nov._dic.".split("_"),w="ene_feb_mar_abr_may_jun_jul_ago_sep_oct_nov_dic".split("_"),y=[/^ene/i,/^feb/i,/^mar/i,/^abr/i,/^may/i,/^jun/i,/^jul/i,/^ago/i,/^sep/i,/^oct/i,/^nov/i,/^dic/i],b=/^(enero|febrero|marzo|abril|mayo|junio|julio|agosto|septiembre|octubre|noviembre|diciembre|ene\.?|feb\.?|mar\.?|abr\.?|may\.?|jun\.?|jul\.?|ago\.?|sep\.?|oct\.?|nov\.?|dic\.?)/i;D.defineLocale("es-do",{months:"enero_febrero_marzo_abril_mayo_junio_julio_agosto_septiembre_octubre_noviembre_diciembre".split("_"),monthsShort:function(P,N){return P?/-MMM-/.test(N)?w[P.month()]:_[P.month()]:_},monthsRegex:b,monthsShortRegex:b,monthsStrictRegex:/^(enero|febrero|marzo|abril|mayo|junio|julio|agosto|septiembre|octubre|noviembre|diciembre)/i,monthsShortStrictRegex:/^(ene\.?|feb\.?|mar\.?|abr\.?|may\.?|jun\.?|jul\.?|ago\.?|sep\.?|oct\.?|nov\.?|dic\.?)/i,monthsParse:y,longMonthsParse:y,shortMonthsParse:y,weekdays:"domingo_lunes_martes_mi\xe9rcoles_jueves_viernes_s\xe1bado".split("_"),weekdaysShort:"dom._lun._mar._mi\xe9._jue._vie._s\xe1b.".split("_"),weekdaysMin:"do_lu_ma_mi_ju_vi_s\xe1".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"h:mm A",LTS:"h:mm:ss A",L:"DD/MM/YYYY",LL:"D [de] MMMM [de] YYYY",LLL:"D [de] MMMM [de] YYYY h:mm A",LLLL:"dddd, D [de] MMMM [de] YYYY h:mm A"},calendar:{sameDay:function(){return"[hoy a la"+(1!==this.hours()?"s":"")+"] LT"},nextDay:function(){return"[ma\xf1ana a la"+(1!==this.hours()?"s":"")+"] LT"},nextWeek:function(){return"dddd [a la"+(1!==this.hours()?"s":"")+"] LT"},lastDay:function(){return"[ayer a la"+(1!==this.hours()?"s":"")+"] LT"},lastWeek:function(){return"[el] dddd [pasado a la"+(1!==this.hours()?"s":"")+"] LT"},sameElse:"L"},relativeTime:{future:"en %s",past:"hace %s",s:"unos segundos",ss:"%d segundos",m:"un minuto",mm:"%d minutos",h:"una hora",hh:"%d horas",d:"un d\xeda",dd:"%d d\xedas",w:"una semana",ww:"%d semanas",M:"un mes",MM:"%d meses",y:"un a\xf1o",yy:"%d a\xf1os"},dayOfMonthOrdinalParse:/\d{1,2}\xba/,ordinal:"%d\xba",week:{dow:1,doy:4}})}(F(6676))},3468:function(J,Z,F){!function(D){"use strict";var _="ene._feb._mar._abr._may._jun._jul._ago._sep._oct._nov._dic.".split("_"),w="ene_feb_mar_abr_may_jun_jul_ago_sep_oct_nov_dic".split("_"),y=[/^ene/i,/^feb/i,/^mar/i,/^abr/i,/^may/i,/^jun/i,/^jul/i,/^ago/i,/^sep/i,/^oct/i,/^nov/i,/^dic/i],b=/^(enero|febrero|marzo|abril|mayo|junio|julio|agosto|septiembre|octubre|noviembre|diciembre|ene\.?|feb\.?|mar\.?|abr\.?|may\.?|jun\.?|jul\.?|ago\.?|sep\.?|oct\.?|nov\.?|dic\.?)/i;D.defineLocale("es-mx",{months:"enero_febrero_marzo_abril_mayo_junio_julio_agosto_septiembre_octubre_noviembre_diciembre".split("_"),monthsShort:function(P,N){return P?/-MMM-/.test(N)?w[P.month()]:_[P.month()]:_},monthsRegex:b,monthsShortRegex:b,monthsStrictRegex:/^(enero|febrero|marzo|abril|mayo|junio|julio|agosto|septiembre|octubre|noviembre|diciembre)/i,monthsShortStrictRegex:/^(ene\.?|feb\.?|mar\.?|abr\.?|may\.?|jun\.?|jul\.?|ago\.?|sep\.?|oct\.?|nov\.?|dic\.?)/i,monthsParse:y,longMonthsParse:y,shortMonthsParse:y,weekdays:"domingo_lunes_martes_mi\xe9rcoles_jueves_viernes_s\xe1bado".split("_"),weekdaysShort:"dom._lun._mar._mi\xe9._jue._vie._s\xe1b.".split("_"),weekdaysMin:"do_lu_ma_mi_ju_vi_s\xe1".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"H:mm",LTS:"H:mm:ss",L:"DD/MM/YYYY",LL:"D [de] MMMM [de] YYYY",LLL:"D [de] MMMM [de] YYYY H:mm",LLLL:"dddd, D [de] MMMM [de] YYYY H:mm"},calendar:{sameDay:function(){return"[hoy a la"+(1!==this.hours()?"s":"")+"] LT"},nextDay:function(){return"[ma\xf1ana a la"+(1!==this.hours()?"s":"")+"] LT"},nextWeek:function(){return"dddd [a la"+(1!==this.hours()?"s":"")+"] LT"},lastDay:function(){return"[ayer a la"+(1!==this.hours()?"s":"")+"] LT"},lastWeek:function(){return"[el] dddd [pasado a la"+(1!==this.hours()?"s":"")+"] LT"},sameElse:"L"},relativeTime:{future:"en %s",past:"hace %s",s:"unos segundos",ss:"%d segundos",m:"un minuto",mm:"%d minutos",h:"una hora",hh:"%d horas",d:"un d\xeda",dd:"%d d\xedas",w:"una semana",ww:"%d semanas",M:"un mes",MM:"%d meses",y:"un a\xf1o",yy:"%d a\xf1os"},dayOfMonthOrdinalParse:/\d{1,2}\xba/,ordinal:"%d\xba",week:{dow:0,doy:4},invalidDate:"Fecha inv\xe1lida"})}(F(6676))},4938:function(J,Z,F){!function(D){"use strict";var _="ene._feb._mar._abr._may._jun._jul._ago._sep._oct._nov._dic.".split("_"),w="ene_feb_mar_abr_may_jun_jul_ago_sep_oct_nov_dic".split("_"),y=[/^ene/i,/^feb/i,/^mar/i,/^abr/i,/^may/i,/^jun/i,/^jul/i,/^ago/i,/^sep/i,/^oct/i,/^nov/i,/^dic/i],b=/^(enero|febrero|marzo|abril|mayo|junio|julio|agosto|septiembre|octubre|noviembre|diciembre|ene\.?|feb\.?|mar\.?|abr\.?|may\.?|jun\.?|jul\.?|ago\.?|sep\.?|oct\.?|nov\.?|dic\.?)/i;D.defineLocale("es-us",{months:"enero_febrero_marzo_abril_mayo_junio_julio_agosto_septiembre_octubre_noviembre_diciembre".split("_"),monthsShort:function(P,N){return P?/-MMM-/.test(N)?w[P.month()]:_[P.month()]:_},monthsRegex:b,monthsShortRegex:b,monthsStrictRegex:/^(enero|febrero|marzo|abril|mayo|junio|julio|agosto|septiembre|octubre|noviembre|diciembre)/i,monthsShortStrictRegex:/^(ene\.?|feb\.?|mar\.?|abr\.?|may\.?|jun\.?|jul\.?|ago\.?|sep\.?|oct\.?|nov\.?|dic\.?)/i,monthsParse:y,longMonthsParse:y,shortMonthsParse:y,weekdays:"domingo_lunes_martes_mi\xe9rcoles_jueves_viernes_s\xe1bado".split("_"),weekdaysShort:"dom._lun._mar._mi\xe9._jue._vie._s\xe1b.".split("_"),weekdaysMin:"do_lu_ma_mi_ju_vi_s\xe1".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"h:mm A",LTS:"h:mm:ss A",L:"MM/DD/YYYY",LL:"D [de] MMMM [de] YYYY",LLL:"D [de] MMMM [de] YYYY h:mm A",LLLL:"dddd, D [de] MMMM [de] YYYY h:mm A"},calendar:{sameDay:function(){return"[hoy a la"+(1!==this.hours()?"s":"")+"] LT"},nextDay:function(){return"[ma\xf1ana a la"+(1!==this.hours()?"s":"")+"] LT"},nextWeek:function(){return"dddd [a la"+(1!==this.hours()?"s":"")+"] LT"},lastDay:function(){return"[ayer a la"+(1!==this.hours()?"s":"")+"] LT"},lastWeek:function(){return"[el] dddd [pasado a la"+(1!==this.hours()?"s":"")+"] LT"},sameElse:"L"},relativeTime:{future:"en %s",past:"hace %s",s:"unos segundos",ss:"%d segundos",m:"un minuto",mm:"%d minutos",h:"una hora",hh:"%d horas",d:"un d\xeda",dd:"%d d\xedas",w:"una semana",ww:"%d semanas",M:"un mes",MM:"%d meses",y:"un a\xf1o",yy:"%d a\xf1os"},dayOfMonthOrdinalParse:/\d{1,2}\xba/,ordinal:"%d\xba",week:{dow:0,doy:6}})}(F(6676))},1954:function(J,Z,F){!function(D){"use strict";var _="ene._feb._mar._abr._may._jun._jul._ago._sep._oct._nov._dic.".split("_"),w="ene_feb_mar_abr_may_jun_jul_ago_sep_oct_nov_dic".split("_"),y=[/^ene/i,/^feb/i,/^mar/i,/^abr/i,/^may/i,/^jun/i,/^jul/i,/^ago/i,/^sep/i,/^oct/i,/^nov/i,/^dic/i],b=/^(enero|febrero|marzo|abril|mayo|junio|julio|agosto|septiembre|octubre|noviembre|diciembre|ene\.?|feb\.?|mar\.?|abr\.?|may\.?|jun\.?|jul\.?|ago\.?|sep\.?|oct\.?|nov\.?|dic\.?)/i;D.defineLocale("es",{months:"enero_febrero_marzo_abril_mayo_junio_julio_agosto_septiembre_octubre_noviembre_diciembre".split("_"),monthsShort:function(P,N){return P?/-MMM-/.test(N)?w[P.month()]:_[P.month()]:_},monthsRegex:b,monthsShortRegex:b,monthsStrictRegex:/^(enero|febrero|marzo|abril|mayo|junio|julio|agosto|septiembre|octubre|noviembre|diciembre)/i,monthsShortStrictRegex:/^(ene\.?|feb\.?|mar\.?|abr\.?|may\.?|jun\.?|jul\.?|ago\.?|sep\.?|oct\.?|nov\.?|dic\.?)/i,monthsParse:y,longMonthsParse:y,shortMonthsParse:y,weekdays:"domingo_lunes_martes_mi\xe9rcoles_jueves_viernes_s\xe1bado".split("_"),weekdaysShort:"dom._lun._mar._mi\xe9._jue._vie._s\xe1b.".split("_"),weekdaysMin:"do_lu_ma_mi_ju_vi_s\xe1".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"H:mm",LTS:"H:mm:ss",L:"DD/MM/YYYY",LL:"D [de] MMMM [de] YYYY",LLL:"D [de] MMMM [de] YYYY H:mm",LLLL:"dddd, D [de] MMMM [de] YYYY H:mm"},calendar:{sameDay:function(){return"[hoy a la"+(1!==this.hours()?"s":"")+"] LT"},nextDay:function(){return"[ma\xf1ana a la"+(1!==this.hours()?"s":"")+"] LT"},nextWeek:function(){return"dddd [a la"+(1!==this.hours()?"s":"")+"] LT"},lastDay:function(){return"[ayer a la"+(1!==this.hours()?"s":"")+"] LT"},lastWeek:function(){return"[el] dddd [pasado a la"+(1!==this.hours()?"s":"")+"] LT"},sameElse:"L"},relativeTime:{future:"en %s",past:"hace %s",s:"unos segundos",ss:"%d segundos",m:"un minuto",mm:"%d minutos",h:"una hora",hh:"%d horas",d:"un d\xeda",dd:"%d d\xedas",w:"una semana",ww:"%d semanas",M:"un mes",MM:"%d meses",y:"un a\xf1o",yy:"%d a\xf1os"},dayOfMonthOrdinalParse:/\d{1,2}\xba/,ordinal:"%d\xba",week:{dow:1,doy:4},invalidDate:"Fecha inv\xe1lida"})}(F(6676))},1453:function(J,Z,F){!function(D){"use strict";function _(y,b,k,P){var N={s:["m\xf5ne sekundi","m\xf5ni sekund","paar sekundit"],ss:[y+"sekundi",y+"sekundit"],m:["\xfche minuti","\xfcks minut"],mm:[y+" minuti",y+" minutit"],h:["\xfche tunni","tund aega","\xfcks tund"],hh:[y+" tunni",y+" tundi"],d:["\xfche p\xe4eva","\xfcks p\xe4ev"],M:["kuu aja","kuu aega","\xfcks kuu"],MM:[y+" kuu",y+" kuud"],y:["\xfche aasta","aasta","\xfcks aasta"],yy:[y+" aasta",y+" aastat"]};return b?N[k][2]?N[k][2]:N[k][1]:P?N[k][0]:N[k][1]}D.defineLocale("et",{months:"jaanuar_veebruar_m\xe4rts_aprill_mai_juuni_juuli_august_september_oktoober_november_detsember".split("_"),monthsShort:"jaan_veebr_m\xe4rts_apr_mai_juuni_juuli_aug_sept_okt_nov_dets".split("_"),weekdays:"p\xfchap\xe4ev_esmasp\xe4ev_teisip\xe4ev_kolmap\xe4ev_neljap\xe4ev_reede_laup\xe4ev".split("_"),weekdaysShort:"P_E_T_K_N_R_L".split("_"),weekdaysMin:"P_E_T_K_N_R_L".split("_"),longDateFormat:{LT:"H:mm",LTS:"H:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY H:mm",LLLL:"dddd, D. MMMM YYYY H:mm"},calendar:{sameDay:"[T\xe4na,] LT",nextDay:"[Homme,] LT",nextWeek:"[J\xe4rgmine] dddd LT",lastDay:"[Eile,] LT",lastWeek:"[Eelmine] dddd LT",sameElse:"L"},relativeTime:{future:"%s p\xe4rast",past:"%s tagasi",s:_,ss:_,m:_,mm:_,h:_,hh:_,d:_,dd:"%d p\xe4eva",M:_,MM:_,y:_,yy:_},dayOfMonthOrdinalParse:/\d{1,2}\./,ordinal:"%d.",week:{dow:1,doy:4}})}(F(6676))},4697:function(J,Z,F){!function(D){"use strict";D.defineLocale("eu",{months:"urtarrila_otsaila_martxoa_apirila_maiatza_ekaina_uztaila_abuztua_iraila_urria_azaroa_abendua".split("_"),monthsShort:"urt._ots._mar._api._mai._eka._uzt._abu._ira._urr._aza._abe.".split("_"),monthsParseExact:!0,weekdays:"igandea_astelehena_asteartea_asteazkena_osteguna_ostirala_larunbata".split("_"),weekdaysShort:"ig._al._ar._az._og._ol._lr.".split("_"),weekdaysMin:"ig_al_ar_az_og_ol_lr".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY-MM-DD",LL:"YYYY[ko] MMMM[ren] D[a]",LLL:"YYYY[ko] MMMM[ren] D[a] HH:mm",LLLL:"dddd, YYYY[ko] MMMM[ren] D[a] HH:mm",l:"YYYY-M-D",ll:"YYYY[ko] MMM D[a]",lll:"YYYY[ko] MMM D[a] HH:mm",llll:"ddd, YYYY[ko] MMM D[a] HH:mm"},calendar:{sameDay:"[gaur] LT[etan]",nextDay:"[bihar] LT[etan]",nextWeek:"dddd LT[etan]",lastDay:"[atzo] LT[etan]",lastWeek:"[aurreko] dddd LT[etan]",sameElse:"L"},relativeTime:{future:"%s barru",past:"duela %s",s:"segundo batzuk",ss:"%d segundo",m:"minutu bat",mm:"%d minutu",h:"ordu bat",hh:"%d ordu",d:"egun bat",dd:"%d egun",M:"hilabete bat",MM:"%d hilabete",y:"urte bat",yy:"%d urte"},dayOfMonthOrdinalParse:/\d{1,2}\./,ordinal:"%d.",week:{dow:1,doy:7}})}(F(6676))},2900:function(J,Z,F){!function(D){"use strict";var _={1:"\u06f1",2:"\u06f2",3:"\u06f3",4:"\u06f4",5:"\u06f5",6:"\u06f6",7:"\u06f7",8:"\u06f8",9:"\u06f9",0:"\u06f0"},w={"\u06f1":"1","\u06f2":"2","\u06f3":"3","\u06f4":"4","\u06f5":"5","\u06f6":"6","\u06f7":"7","\u06f8":"8","\u06f9":"9","\u06f0":"0"};D.defineLocale("fa",{months:"\u0698\u0627\u0646\u0648\u06cc\u0647_\u0641\u0648\u0631\u06cc\u0647_\u0645\u0627\u0631\u0633_\u0622\u0648\u0631\u06cc\u0644_\u0645\u0647_\u0698\u0648\u0626\u0646_\u0698\u0648\u0626\u06cc\u0647_\u0627\u0648\u062a_\u0633\u067e\u062a\u0627\u0645\u0628\u0631_\u0627\u06a9\u062a\u0628\u0631_\u0646\u0648\u0627\u0645\u0628\u0631_\u062f\u0633\u0627\u0645\u0628\u0631".split("_"),monthsShort:"\u0698\u0627\u0646\u0648\u06cc\u0647_\u0641\u0648\u0631\u06cc\u0647_\u0645\u0627\u0631\u0633_\u0622\u0648\u0631\u06cc\u0644_\u0645\u0647_\u0698\u0648\u0626\u0646_\u0698\u0648\u0626\u06cc\u0647_\u0627\u0648\u062a_\u0633\u067e\u062a\u0627\u0645\u0628\u0631_\u0627\u06a9\u062a\u0628\u0631_\u0646\u0648\u0627\u0645\u0628\u0631_\u062f\u0633\u0627\u0645\u0628\u0631".split("_"),weekdays:"\u06cc\u06a9\u200c\u0634\u0646\u0628\u0647_\u062f\u0648\u0634\u0646\u0628\u0647_\u0633\u0647\u200c\u0634\u0646\u0628\u0647_\u0686\u0647\u0627\u0631\u0634\u0646\u0628\u0647_\u067e\u0646\u062c\u200c\u0634\u0646\u0628\u0647_\u062c\u0645\u0639\u0647_\u0634\u0646\u0628\u0647".split("_"),weekdaysShort:"\u06cc\u06a9\u200c\u0634\u0646\u0628\u0647_\u062f\u0648\u0634\u0646\u0628\u0647_\u0633\u0647\u200c\u0634\u0646\u0628\u0647_\u0686\u0647\u0627\u0631\u0634\u0646\u0628\u0647_\u067e\u0646\u062c\u200c\u0634\u0646\u0628\u0647_\u062c\u0645\u0639\u0647_\u0634\u0646\u0628\u0647".split("_"),weekdaysMin:"\u06cc_\u062f_\u0633_\u0686_\u067e_\u062c_\u0634".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd, D MMMM YYYY HH:mm"},meridiemParse:/\u0642\u0628\u0644 \u0627\u0632 \u0638\u0647\u0631|\u0628\u0639\u062f \u0627\u0632 \u0638\u0647\u0631/,isPM:function(b){return/\u0628\u0639\u062f \u0627\u0632 \u0638\u0647\u0631/.test(b)},meridiem:function(b,k,P){return b<12?"\u0642\u0628\u0644 \u0627\u0632 \u0638\u0647\u0631":"\u0628\u0639\u062f \u0627\u0632 \u0638\u0647\u0631"},calendar:{sameDay:"[\u0627\u0645\u0631\u0648\u0632 \u0633\u0627\u0639\u062a] LT",nextDay:"[\u0641\u0631\u062f\u0627 \u0633\u0627\u0639\u062a] LT",nextWeek:"dddd [\u0633\u0627\u0639\u062a] LT",lastDay:"[\u062f\u06cc\u0631\u0648\u0632 \u0633\u0627\u0639\u062a] LT",lastWeek:"dddd [\u067e\u06cc\u0634] [\u0633\u0627\u0639\u062a] LT",sameElse:"L"},relativeTime:{future:"\u062f\u0631 %s",past:"%s \u067e\u06cc\u0634",s:"\u0686\u0646\u062f \u062b\u0627\u0646\u06cc\u0647",ss:"%d \u062b\u0627\u0646\u06cc\u0647",m:"\u06cc\u06a9 \u062f\u0642\u06cc\u0642\u0647",mm:"%d \u062f\u0642\u06cc\u0642\u0647",h:"\u06cc\u06a9 \u0633\u0627\u0639\u062a",hh:"%d \u0633\u0627\u0639\u062a",d:"\u06cc\u06a9 \u0631\u0648\u0632",dd:"%d \u0631\u0648\u0632",M:"\u06cc\u06a9 \u0645\u0627\u0647",MM:"%d \u0645\u0627\u0647",y:"\u06cc\u06a9 \u0633\u0627\u0644",yy:"%d \u0633\u0627\u0644"},preparse:function(b){return b.replace(/[\u06f0-\u06f9]/g,function(k){return w[k]}).replace(/\u060c/g,",")},postformat:function(b){return b.replace(/\d/g,function(k){return _[k]}).replace(/,/g,"\u060c")},dayOfMonthOrdinalParse:/\d{1,2}\u0645/,ordinal:"%d\u0645",week:{dow:6,doy:12}})}(F(6676))},9775:function(J,Z,F){!function(D){"use strict";var _="nolla yksi kaksi kolme nelj\xe4 viisi kuusi seitsem\xe4n kahdeksan yhdeks\xe4n".split(" "),w=["nolla","yhden","kahden","kolmen","nelj\xe4n","viiden","kuuden",_[7],_[8],_[9]];function y(P,N,U,ie){var De="";switch(U){case"s":return ie?"muutaman sekunnin":"muutama sekunti";case"ss":De=ie?"sekunnin":"sekuntia";break;case"m":return ie?"minuutin":"minuutti";case"mm":De=ie?"minuutin":"minuuttia";break;case"h":return ie?"tunnin":"tunti";case"hh":De=ie?"tunnin":"tuntia";break;case"d":return ie?"p\xe4iv\xe4n":"p\xe4iv\xe4";case"dd":De=ie?"p\xe4iv\xe4n":"p\xe4iv\xe4\xe4";break;case"M":return ie?"kuukauden":"kuukausi";case"MM":De=ie?"kuukauden":"kuukautta";break;case"y":return ie?"vuoden":"vuosi";case"yy":De=ie?"vuoden":"vuotta"}return function b(P,N){return P<10?N?w[P]:_[P]:P}(P,ie)+" "+De}D.defineLocale("fi",{months:"tammikuu_helmikuu_maaliskuu_huhtikuu_toukokuu_kes\xe4kuu_hein\xe4kuu_elokuu_syyskuu_lokakuu_marraskuu_joulukuu".split("_"),monthsShort:"tammi_helmi_maalis_huhti_touko_kes\xe4_hein\xe4_elo_syys_loka_marras_joulu".split("_"),weekdays:"sunnuntai_maanantai_tiistai_keskiviikko_torstai_perjantai_lauantai".split("_"),weekdaysShort:"su_ma_ti_ke_to_pe_la".split("_"),weekdaysMin:"su_ma_ti_ke_to_pe_la".split("_"),longDateFormat:{LT:"HH.mm",LTS:"HH.mm.ss",L:"DD.MM.YYYY",LL:"Do MMMM[ta] YYYY",LLL:"Do MMMM[ta] YYYY, [klo] HH.mm",LLLL:"dddd, Do MMMM[ta] YYYY, [klo] HH.mm",l:"D.M.YYYY",ll:"Do MMM YYYY",lll:"Do MMM YYYY, [klo] HH.mm",llll:"ddd, Do MMM YYYY, [klo] HH.mm"},calendar:{sameDay:"[t\xe4n\xe4\xe4n] [klo] LT",nextDay:"[huomenna] [klo] LT",nextWeek:"dddd [klo] LT",lastDay:"[eilen] [klo] LT",lastWeek:"[viime] dddd[na] [klo] LT",sameElse:"L"},relativeTime:{future:"%s p\xe4\xe4st\xe4",past:"%s sitten",s:y,ss:y,m:y,mm:y,h:y,hh:y,d:y,dd:y,M:y,MM:y,y,yy:y},dayOfMonthOrdinalParse:/\d{1,2}\./,ordinal:"%d.",week:{dow:1,doy:4}})}(F(6676))},4282:function(J,Z,F){!function(D){"use strict";D.defineLocale("fil",{months:"Enero_Pebrero_Marso_Abril_Mayo_Hunyo_Hulyo_Agosto_Setyembre_Oktubre_Nobyembre_Disyembre".split("_"),monthsShort:"Ene_Peb_Mar_Abr_May_Hun_Hul_Ago_Set_Okt_Nob_Dis".split("_"),weekdays:"Linggo_Lunes_Martes_Miyerkules_Huwebes_Biyernes_Sabado".split("_"),weekdaysShort:"Lin_Lun_Mar_Miy_Huw_Biy_Sab".split("_"),weekdaysMin:"Li_Lu_Ma_Mi_Hu_Bi_Sab".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"MM/D/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY HH:mm",LLLL:"dddd, MMMM DD, YYYY HH:mm"},calendar:{sameDay:"LT [ngayong araw]",nextDay:"[Bukas ng] LT",nextWeek:"LT [sa susunod na] dddd",lastDay:"LT [kahapon]",lastWeek:"LT [noong nakaraang] dddd",sameElse:"L"},relativeTime:{future:"sa loob ng %s",past:"%s ang nakalipas",s:"ilang segundo",ss:"%d segundo",m:"isang minuto",mm:"%d minuto",h:"isang oras",hh:"%d oras",d:"isang araw",dd:"%d araw",M:"isang buwan",MM:"%d buwan",y:"isang taon",yy:"%d taon"},dayOfMonthOrdinalParse:/\d{1,2}/,ordinal:function(w){return w},week:{dow:1,doy:4}})}(F(6676))},4236:function(J,Z,F){!function(D){"use strict";D.defineLocale("fo",{months:"januar_februar_mars_apr\xedl_mai_juni_juli_august_september_oktober_november_desember".split("_"),monthsShort:"jan_feb_mar_apr_mai_jun_jul_aug_sep_okt_nov_des".split("_"),weekdays:"sunnudagur_m\xe1nadagur_t\xfdsdagur_mikudagur_h\xf3sdagur_fr\xedggjadagur_leygardagur".split("_"),weekdaysShort:"sun_m\xe1n_t\xfds_mik_h\xf3s_fr\xed_ley".split("_"),weekdaysMin:"su_m\xe1_t\xfd_mi_h\xf3_fr_le".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D. MMMM, YYYY HH:mm"},calendar:{sameDay:"[\xcd dag kl.] LT",nextDay:"[\xcd morgin kl.] LT",nextWeek:"dddd [kl.] LT",lastDay:"[\xcd gj\xe1r kl.] LT",lastWeek:"[s\xed\xf0stu] dddd [kl] LT",sameElse:"L"},relativeTime:{future:"um %s",past:"%s s\xed\xf0ani",s:"f\xe1 sekund",ss:"%d sekundir",m:"ein minuttur",mm:"%d minuttir",h:"ein t\xedmi",hh:"%d t\xedmar",d:"ein dagur",dd:"%d dagar",M:"ein m\xe1na\xf0ur",MM:"%d m\xe1na\xf0ir",y:"eitt \xe1r",yy:"%d \xe1r"},dayOfMonthOrdinalParse:/\d{1,2}\./,ordinal:"%d.",week:{dow:1,doy:4}})}(F(6676))},2830:function(J,Z,F){!function(D){"use strict";D.defineLocale("fr-ca",{months:"janvier_f\xe9vrier_mars_avril_mai_juin_juillet_ao\xfbt_septembre_octobre_novembre_d\xe9cembre".split("_"),monthsShort:"janv._f\xe9vr._mars_avr._mai_juin_juil._ao\xfbt_sept._oct._nov._d\xe9c.".split("_"),monthsParseExact:!0,weekdays:"dimanche_lundi_mardi_mercredi_jeudi_vendredi_samedi".split("_"),weekdaysShort:"dim._lun._mar._mer._jeu._ven._sam.".split("_"),weekdaysMin:"di_lu_ma_me_je_ve_sa".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY-MM-DD",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},calendar:{sameDay:"[Aujourd\u2019hui \xe0] LT",nextDay:"[Demain \xe0] LT",nextWeek:"dddd [\xe0] LT",lastDay:"[Hier \xe0] LT",lastWeek:"dddd [dernier \xe0] LT",sameElse:"L"},relativeTime:{future:"dans %s",past:"il y a %s",s:"quelques secondes",ss:"%d secondes",m:"une minute",mm:"%d minutes",h:"une heure",hh:"%d heures",d:"un jour",dd:"%d jours",M:"un mois",MM:"%d mois",y:"un an",yy:"%d ans"},dayOfMonthOrdinalParse:/\d{1,2}(er|e)/,ordinal:function(w,y){switch(y){default:case"M":case"Q":case"D":case"DDD":case"d":return w+(1===w?"er":"e");case"w":case"W":return w+(1===w?"re":"e")}}})}(F(6676))},1412:function(J,Z,F){!function(D){"use strict";D.defineLocale("fr-ch",{months:"janvier_f\xe9vrier_mars_avril_mai_juin_juillet_ao\xfbt_septembre_octobre_novembre_d\xe9cembre".split("_"),monthsShort:"janv._f\xe9vr._mars_avr._mai_juin_juil._ao\xfbt_sept._oct._nov._d\xe9c.".split("_"),monthsParseExact:!0,weekdays:"dimanche_lundi_mardi_mercredi_jeudi_vendredi_samedi".split("_"),weekdaysShort:"dim._lun._mar._mer._jeu._ven._sam.".split("_"),weekdaysMin:"di_lu_ma_me_je_ve_sa".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},calendar:{sameDay:"[Aujourd\u2019hui \xe0] LT",nextDay:"[Demain \xe0] LT",nextWeek:"dddd [\xe0] LT",lastDay:"[Hier \xe0] LT",lastWeek:"dddd [dernier \xe0] LT",sameElse:"L"},relativeTime:{future:"dans %s",past:"il y a %s",s:"quelques secondes",ss:"%d secondes",m:"une minute",mm:"%d minutes",h:"une heure",hh:"%d heures",d:"un jour",dd:"%d jours",M:"un mois",MM:"%d mois",y:"un an",yy:"%d ans"},dayOfMonthOrdinalParse:/\d{1,2}(er|e)/,ordinal:function(w,y){switch(y){default:case"M":case"Q":case"D":case"DDD":case"d":return w+(1===w?"er":"e");case"w":case"W":return w+(1===w?"re":"e")}},week:{dow:1,doy:4}})}(F(6676))},9361:function(J,Z,F){!function(D){"use strict";var y=/(janv\.?|f\xe9vr\.?|mars|avr\.?|mai|juin|juil\.?|ao\xfbt|sept\.?|oct\.?|nov\.?|d\xe9c\.?|janvier|f\xe9vrier|mars|avril|mai|juin|juillet|ao\xfbt|septembre|octobre|novembre|d\xe9cembre)/i,b=[/^janv/i,/^f\xe9vr/i,/^mars/i,/^avr/i,/^mai/i,/^juin/i,/^juil/i,/^ao\xfbt/i,/^sept/i,/^oct/i,/^nov/i,/^d\xe9c/i];D.defineLocale("fr",{months:"janvier_f\xe9vrier_mars_avril_mai_juin_juillet_ao\xfbt_septembre_octobre_novembre_d\xe9cembre".split("_"),monthsShort:"janv._f\xe9vr._mars_avr._mai_juin_juil._ao\xfbt_sept._oct._nov._d\xe9c.".split("_"),monthsRegex:y,monthsShortRegex:y,monthsStrictRegex:/^(janvier|f\xe9vrier|mars|avril|mai|juin|juillet|ao\xfbt|septembre|octobre|novembre|d\xe9cembre)/i,monthsShortStrictRegex:/(janv\.?|f\xe9vr\.?|mars|avr\.?|mai|juin|juil\.?|ao\xfbt|sept\.?|oct\.?|nov\.?|d\xe9c\.?)/i,monthsParse:b,longMonthsParse:b,shortMonthsParse:b,weekdays:"dimanche_lundi_mardi_mercredi_jeudi_vendredi_samedi".split("_"),weekdaysShort:"dim._lun._mar._mer._jeu._ven._sam.".split("_"),weekdaysMin:"di_lu_ma_me_je_ve_sa".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},calendar:{sameDay:"[Aujourd\u2019hui \xe0] LT",nextDay:"[Demain \xe0] LT",nextWeek:"dddd [\xe0] LT",lastDay:"[Hier \xe0] LT",lastWeek:"dddd [dernier \xe0] LT",sameElse:"L"},relativeTime:{future:"dans %s",past:"il y a %s",s:"quelques secondes",ss:"%d secondes",m:"une minute",mm:"%d minutes",h:"une heure",hh:"%d heures",d:"un jour",dd:"%d jours",w:"une semaine",ww:"%d semaines",M:"un mois",MM:"%d mois",y:"un an",yy:"%d ans"},dayOfMonthOrdinalParse:/\d{1,2}(er|)/,ordinal:function(P,N){switch(N){case"D":return P+(1===P?"er":"");default:case"M":case"Q":case"DDD":case"d":return P+(1===P?"er":"e");case"w":case"W":return P+(1===P?"re":"e")}},week:{dow:1,doy:4}})}(F(6676))},6984:function(J,Z,F){!function(D){"use strict";var _="jan._feb._mrt._apr._mai_jun._jul._aug._sep._okt._nov._des.".split("_"),w="jan_feb_mrt_apr_mai_jun_jul_aug_sep_okt_nov_des".split("_");D.defineLocale("fy",{months:"jannewaris_febrewaris_maart_april_maaie_juny_july_augustus_septimber_oktober_novimber_desimber".split("_"),monthsShort:function(b,k){return b?/-MMM-/.test(k)?w[b.month()]:_[b.month()]:_},monthsParseExact:!0,weekdays:"snein_moandei_tiisdei_woansdei_tongersdei_freed_sneon".split("_"),weekdaysShort:"si._mo._ti._wo._to._fr._so.".split("_"),weekdaysMin:"Si_Mo_Ti_Wo_To_Fr_So".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD-MM-YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},calendar:{sameDay:"[hjoed om] LT",nextDay:"[moarn om] LT",nextWeek:"dddd [om] LT",lastDay:"[juster om] LT",lastWeek:"[\xf4fr\xfbne] dddd [om] LT",sameElse:"L"},relativeTime:{future:"oer %s",past:"%s lyn",s:"in pear sekonden",ss:"%d sekonden",m:"ien min\xfat",mm:"%d minuten",h:"ien oere",hh:"%d oeren",d:"ien dei",dd:"%d dagen",M:"ien moanne",MM:"%d moannen",y:"ien jier",yy:"%d jierren"},dayOfMonthOrdinalParse:/\d{1,2}(ste|de)/,ordinal:function(b){return b+(1===b||8===b||b>=20?"ste":"de")},week:{dow:1,doy:4}})}(F(6676))},3961:function(J,Z,F){!function(D){"use strict";D.defineLocale("ga",{months:["Ean\xe1ir","Feabhra","M\xe1rta","Aibre\xe1n","Bealtaine","Meitheamh","I\xfail","L\xfanasa","Me\xe1n F\xf3mhair","Deireadh F\xf3mhair","Samhain","Nollaig"],monthsShort:["Ean","Feabh","M\xe1rt","Aib","Beal","Meith","I\xfail","L\xfan","M.F.","D.F.","Samh","Noll"],monthsParseExact:!0,weekdays:["D\xe9 Domhnaigh","D\xe9 Luain","D\xe9 M\xe1irt","D\xe9 C\xe9adaoin","D\xe9ardaoin","D\xe9 hAoine","D\xe9 Sathairn"],weekdaysShort:["Domh","Luan","M\xe1irt","C\xe9ad","D\xe9ar","Aoine","Sath"],weekdaysMin:["Do","Lu","M\xe1","C\xe9","D\xe9","A","Sa"],longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd, D MMMM YYYY HH:mm"},calendar:{sameDay:"[Inniu ag] LT",nextDay:"[Am\xe1rach ag] LT",nextWeek:"dddd [ag] LT",lastDay:"[Inn\xe9 ag] LT",lastWeek:"dddd [seo caite] [ag] LT",sameElse:"L"},relativeTime:{future:"i %s",past:"%s \xf3 shin",s:"c\xfapla soicind",ss:"%d soicind",m:"n\xf3im\xe9ad",mm:"%d n\xf3im\xe9ad",h:"uair an chloig",hh:"%d uair an chloig",d:"l\xe1",dd:"%d l\xe1",M:"m\xed",MM:"%d m\xedonna",y:"bliain",yy:"%d bliain"},dayOfMonthOrdinalParse:/\d{1,2}(d|na|mh)/,ordinal:function(N){return N+(1===N?"d":N%10==2?"na":"mh")},week:{dow:1,doy:4}})}(F(6676))},8849:function(J,Z,F){!function(D){"use strict";D.defineLocale("gd",{months:["Am Faoilleach","An Gearran","Am M\xe0rt","An Giblean","An C\xe8itean","An t-\xd2gmhios","An t-Iuchar","An L\xf9nastal","An t-Sultain","An D\xe0mhair","An t-Samhain","An D\xf9bhlachd"],monthsShort:["Faoi","Gear","M\xe0rt","Gibl","C\xe8it","\xd2gmh","Iuch","L\xf9n","Sult","D\xe0mh","Samh","D\xf9bh"],monthsParseExact:!0,weekdays:["Did\xf2mhnaich","Diluain","Dim\xe0irt","Diciadain","Diardaoin","Dihaoine","Disathairne"],weekdaysShort:["Did","Dil","Dim","Dic","Dia","Dih","Dis"],weekdaysMin:["D\xf2","Lu","M\xe0","Ci","Ar","Ha","Sa"],longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd, D MMMM YYYY HH:mm"},calendar:{sameDay:"[An-diugh aig] LT",nextDay:"[A-m\xe0ireach aig] LT",nextWeek:"dddd [aig] LT",lastDay:"[An-d\xe8 aig] LT",lastWeek:"dddd [seo chaidh] [aig] LT",sameElse:"L"},relativeTime:{future:"ann an %s",past:"bho chionn %s",s:"beagan diogan",ss:"%d diogan",m:"mionaid",mm:"%d mionaidean",h:"uair",hh:"%d uairean",d:"latha",dd:"%d latha",M:"m\xecos",MM:"%d m\xecosan",y:"bliadhna",yy:"%d bliadhna"},dayOfMonthOrdinalParse:/\d{1,2}(d|na|mh)/,ordinal:function(N){return N+(1===N?"d":N%10==2?"na":"mh")},week:{dow:1,doy:4}})}(F(6676))},4273:function(J,Z,F){!function(D){"use strict";D.defineLocale("gl",{months:"xaneiro_febreiro_marzo_abril_maio_xu\xf1o_xullo_agosto_setembro_outubro_novembro_decembro".split("_"),monthsShort:"xan._feb._mar._abr._mai._xu\xf1._xul._ago._set._out._nov._dec.".split("_"),monthsParseExact:!0,weekdays:"domingo_luns_martes_m\xe9rcores_xoves_venres_s\xe1bado".split("_"),weekdaysShort:"dom._lun._mar._m\xe9r._xov._ven._s\xe1b.".split("_"),weekdaysMin:"do_lu_ma_m\xe9_xo_ve_s\xe1".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"H:mm",LTS:"H:mm:ss",L:"DD/MM/YYYY",LL:"D [de] MMMM [de] YYYY",LLL:"D [de] MMMM [de] YYYY H:mm",LLLL:"dddd, D [de] MMMM [de] YYYY H:mm"},calendar:{sameDay:function(){return"[hoxe "+(1!==this.hours()?"\xe1s":"\xe1")+"] LT"},nextDay:function(){return"[ma\xf1\xe1 "+(1!==this.hours()?"\xe1s":"\xe1")+"] LT"},nextWeek:function(){return"dddd ["+(1!==this.hours()?"\xe1s":"a")+"] LT"},lastDay:function(){return"[onte "+(1!==this.hours()?"\xe1":"a")+"] LT"},lastWeek:function(){return"[o] dddd [pasado "+(1!==this.hours()?"\xe1s":"a")+"] LT"},sameElse:"L"},relativeTime:{future:function(w){return 0===w.indexOf("un")?"n"+w:"en "+w},past:"hai %s",s:"uns segundos",ss:"%d segundos",m:"un minuto",mm:"%d minutos",h:"unha hora",hh:"%d horas",d:"un d\xeda",dd:"%d d\xedas",M:"un mes",MM:"%d meses",y:"un ano",yy:"%d anos"},dayOfMonthOrdinalParse:/\d{1,2}\xba/,ordinal:"%d\xba",week:{dow:1,doy:4}})}(F(6676))},623:function(J,Z,F){!function(D){"use strict";function _(y,b,k,P){var N={s:["\u0925\u094b\u0921\u092f\u093e \u0938\u0945\u0915\u0902\u0921\u093e\u0902\u0928\u0940","\u0925\u094b\u0921\u0947 \u0938\u0945\u0915\u0902\u0921"],ss:[y+" \u0938\u0945\u0915\u0902\u0921\u093e\u0902\u0928\u0940",y+" \u0938\u0945\u0915\u0902\u0921"],m:["\u090f\u0915\u093e \u092e\u093f\u0923\u091f\u093e\u0928","\u090f\u0915 \u092e\u093f\u0928\u0942\u091f"],mm:[y+" \u092e\u093f\u0923\u091f\u093e\u0902\u0928\u0940",y+" \u092e\u093f\u0923\u091f\u093e\u0902"],h:["\u090f\u0915\u093e \u0935\u0930\u093e\u0928","\u090f\u0915 \u0935\u0930"],hh:[y+" \u0935\u0930\u093e\u0902\u0928\u0940",y+" \u0935\u0930\u093e\u0902"],d:["\u090f\u0915\u093e \u0926\u093f\u0938\u093e\u0928","\u090f\u0915 \u0926\u0940\u0938"],dd:[y+" \u0926\u093f\u0938\u093e\u0902\u0928\u0940",y+" \u0926\u0940\u0938"],M:["\u090f\u0915\u093e \u092e\u094d\u0939\u092f\u0928\u094d\u092f\u093e\u0928","\u090f\u0915 \u092e\u094d\u0939\u092f\u0928\u094b"],MM:[y+" \u092e\u094d\u0939\u092f\u0928\u094d\u092f\u093e\u0928\u0940",y+" \u092e\u094d\u0939\u092f\u0928\u0947"],y:["\u090f\u0915\u093e \u0935\u0930\u094d\u0938\u093e\u0928","\u090f\u0915 \u0935\u0930\u094d\u0938"],yy:[y+" \u0935\u0930\u094d\u0938\u093e\u0902\u0928\u0940",y+" \u0935\u0930\u094d\u0938\u093e\u0902"]};return P?N[k][0]:N[k][1]}D.defineLocale("gom-deva",{months:{standalone:"\u091c\u093e\u0928\u0947\u0935\u093e\u0930\u0940_\u092b\u0947\u092c\u094d\u0930\u0941\u0935\u093e\u0930\u0940_\u092e\u093e\u0930\u094d\u091a_\u090f\u092a\u094d\u0930\u0940\u0932_\u092e\u0947_\u091c\u0942\u0928_\u091c\u0941\u0932\u092f_\u0911\u0917\u0938\u094d\u091f_\u0938\u092a\u094d\u091f\u0947\u0902\u092c\u0930_\u0911\u0915\u094d\u091f\u094b\u092c\u0930_\u0928\u094b\u0935\u094d\u0939\u0947\u0902\u092c\u0930_\u0921\u093f\u0938\u0947\u0902\u092c\u0930".split("_"),format:"\u091c\u093e\u0928\u0947\u0935\u093e\u0930\u0940\u091a\u094d\u092f\u093e_\u092b\u0947\u092c\u094d\u0930\u0941\u0935\u093e\u0930\u0940\u091a\u094d\u092f\u093e_\u092e\u093e\u0930\u094d\u091a\u093e\u091a\u094d\u092f\u093e_\u090f\u092a\u094d\u0930\u0940\u0932\u093e\u091a\u094d\u092f\u093e_\u092e\u0947\u092f\u093e\u091a\u094d\u092f\u093e_\u091c\u0942\u0928\u093e\u091a\u094d\u092f\u093e_\u091c\u0941\u0932\u092f\u093e\u091a\u094d\u092f\u093e_\u0911\u0917\u0938\u094d\u091f\u093e\u091a\u094d\u092f\u093e_\u0938\u092a\u094d\u091f\u0947\u0902\u092c\u0930\u093e\u091a\u094d\u092f\u093e_\u0911\u0915\u094d\u091f\u094b\u092c\u0930\u093e\u091a\u094d\u092f\u093e_\u0928\u094b\u0935\u094d\u0939\u0947\u0902\u092c\u0930\u093e\u091a\u094d\u092f\u093e_\u0921\u093f\u0938\u0947\u0902\u092c\u0930\u093e\u091a\u094d\u092f\u093e".split("_"),isFormat:/MMMM(\s)+D[oD]?/},monthsShort:"\u091c\u093e\u0928\u0947._\u092b\u0947\u092c\u094d\u0930\u0941._\u092e\u093e\u0930\u094d\u091a_\u090f\u092a\u094d\u0930\u0940._\u092e\u0947_\u091c\u0942\u0928_\u091c\u0941\u0932._\u0911\u0917._\u0938\u092a\u094d\u091f\u0947\u0902._\u0911\u0915\u094d\u091f\u094b._\u0928\u094b\u0935\u094d\u0939\u0947\u0902._\u0921\u093f\u0938\u0947\u0902.".split("_"),monthsParseExact:!0,weekdays:"\u0906\u092f\u0924\u093e\u0930_\u0938\u094b\u092e\u093e\u0930_\u092e\u0902\u0917\u0933\u093e\u0930_\u092c\u0941\u0927\u0935\u093e\u0930_\u092c\u093f\u0930\u0947\u0938\u094d\u0924\u093e\u0930_\u0938\u0941\u0915\u094d\u0930\u093e\u0930_\u0936\u0947\u0928\u0935\u093e\u0930".split("_"),weekdaysShort:"\u0906\u092f\u0924._\u0938\u094b\u092e._\u092e\u0902\u0917\u0933._\u092c\u0941\u0927._\u092c\u094d\u0930\u0947\u0938\u094d\u0924._\u0938\u0941\u0915\u094d\u0930._\u0936\u0947\u0928.".split("_"),weekdaysMin:"\u0906_\u0938\u094b_\u092e\u0902_\u092c\u0941_\u092c\u094d\u0930\u0947_\u0938\u0941_\u0936\u0947".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"A h:mm [\u0935\u093e\u091c\u0924\u093e\u0902]",LTS:"A h:mm:ss [\u0935\u093e\u091c\u0924\u093e\u0902]",L:"DD-MM-YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY A h:mm [\u0935\u093e\u091c\u0924\u093e\u0902]",LLLL:"dddd, MMMM Do, YYYY, A h:mm [\u0935\u093e\u091c\u0924\u093e\u0902]",llll:"ddd, D MMM YYYY, A h:mm [\u0935\u093e\u091c\u0924\u093e\u0902]"},calendar:{sameDay:"[\u0906\u092f\u091c] LT",nextDay:"[\u092b\u093e\u0932\u094d\u092f\u093e\u0902] LT",nextWeek:"[\u092b\u0941\u0921\u0932\u094b] dddd[,] LT",lastDay:"[\u0915\u093e\u0932] LT",lastWeek:"[\u092b\u093e\u091f\u0932\u094b] dddd[,] LT",sameElse:"L"},relativeTime:{future:"%s",past:"%s \u0906\u0926\u0940\u0902",s:_,ss:_,m:_,mm:_,h:_,hh:_,d:_,dd:_,M:_,MM:_,y:_,yy:_},dayOfMonthOrdinalParse:/\d{1,2}(\u0935\u0947\u0930)/,ordinal:function(y,b){return"D"===b?y+"\u0935\u0947\u0930":y},week:{dow:0,doy:3},meridiemParse:/\u0930\u093e\u0924\u0940|\u0938\u0915\u093e\u0933\u0940\u0902|\u0926\u0928\u092a\u093e\u0930\u093e\u0902|\u0938\u093e\u0902\u091c\u0947/,meridiemHour:function(y,b){return 12===y&&(y=0),"\u0930\u093e\u0924\u0940"===b?y<4?y:y+12:"\u0938\u0915\u093e\u0933\u0940\u0902"===b?y:"\u0926\u0928\u092a\u093e\u0930\u093e\u0902"===b?y>12?y:y+12:"\u0938\u093e\u0902\u091c\u0947"===b?y+12:void 0},meridiem:function(y,b,k){return y<4?"\u0930\u093e\u0924\u0940":y<12?"\u0938\u0915\u093e\u0933\u0940\u0902":y<16?"\u0926\u0928\u092a\u093e\u0930\u093e\u0902":y<20?"\u0938\u093e\u0902\u091c\u0947":"\u0930\u093e\u0924\u0940"}})}(F(6676))},2696:function(J,Z,F){!function(D){"use strict";function _(y,b,k,P){var N={s:["thoddea sekondamni","thodde sekond"],ss:[y+" sekondamni",y+" sekond"],m:["eka mintan","ek minut"],mm:[y+" mintamni",y+" mintam"],h:["eka voran","ek vor"],hh:[y+" voramni",y+" voram"],d:["eka disan","ek dis"],dd:[y+" disamni",y+" dis"],M:["eka mhoinean","ek mhoino"],MM:[y+" mhoineamni",y+" mhoine"],y:["eka vorsan","ek voros"],yy:[y+" vorsamni",y+" vorsam"]};return P?N[k][0]:N[k][1]}D.defineLocale("gom-latn",{months:{standalone:"Janer_Febrer_Mars_Abril_Mai_Jun_Julai_Agost_Setembr_Otubr_Novembr_Dezembr".split("_"),format:"Janerachea_Febrerachea_Marsachea_Abrilachea_Maiachea_Junachea_Julaiachea_Agostachea_Setembrachea_Otubrachea_Novembrachea_Dezembrachea".split("_"),isFormat:/MMMM(\s)+D[oD]?/},monthsShort:"Jan._Feb._Mars_Abr._Mai_Jun_Jul._Ago._Set._Otu._Nov._Dez.".split("_"),monthsParseExact:!0,weekdays:"Aitar_Somar_Mongllar_Budhvar_Birestar_Sukrar_Son'var".split("_"),weekdaysShort:"Ait._Som._Mon._Bud._Bre._Suk._Son.".split("_"),weekdaysMin:"Ai_Sm_Mo_Bu_Br_Su_Sn".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"A h:mm [vazta]",LTS:"A h:mm:ss [vazta]",L:"DD-MM-YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY A h:mm [vazta]",LLLL:"dddd, MMMM Do, YYYY, A h:mm [vazta]",llll:"ddd, D MMM YYYY, A h:mm [vazta]"},calendar:{sameDay:"[Aiz] LT",nextDay:"[Faleam] LT",nextWeek:"[Fuddlo] dddd[,] LT",lastDay:"[Kal] LT",lastWeek:"[Fattlo] dddd[,] LT",sameElse:"L"},relativeTime:{future:"%s",past:"%s adim",s:_,ss:_,m:_,mm:_,h:_,hh:_,d:_,dd:_,M:_,MM:_,y:_,yy:_},dayOfMonthOrdinalParse:/\d{1,2}(er)/,ordinal:function(y,b){return"D"===b?y+"er":y},week:{dow:0,doy:3},meridiemParse:/rati|sokallim|donparam|sanje/,meridiemHour:function(y,b){return 12===y&&(y=0),"rati"===b?y<4?y:y+12:"sokallim"===b?y:"donparam"===b?y>12?y:y+12:"sanje"===b?y+12:void 0},meridiem:function(y,b,k){return y<4?"rati":y<12?"sokallim":y<16?"donparam":y<20?"sanje":"rati"}})}(F(6676))},6928:function(J,Z,F){!function(D){"use strict";var _={1:"\u0ae7",2:"\u0ae8",3:"\u0ae9",4:"\u0aea",5:"\u0aeb",6:"\u0aec",7:"\u0aed",8:"\u0aee",9:"\u0aef",0:"\u0ae6"},w={"\u0ae7":"1","\u0ae8":"2","\u0ae9":"3","\u0aea":"4","\u0aeb":"5","\u0aec":"6","\u0aed":"7","\u0aee":"8","\u0aef":"9","\u0ae6":"0"};D.defineLocale("gu",{months:"\u0a9c\u0abe\u0aa8\u0acd\u0aaf\u0ac1\u0a86\u0ab0\u0ac0_\u0aab\u0ac7\u0aac\u0acd\u0ab0\u0ac1\u0a86\u0ab0\u0ac0_\u0aae\u0abe\u0ab0\u0acd\u0a9a_\u0a8f\u0aaa\u0acd\u0ab0\u0abf\u0ab2_\u0aae\u0ac7_\u0a9c\u0ac2\u0aa8_\u0a9c\u0ac1\u0ab2\u0abe\u0a88_\u0a91\u0a97\u0ab8\u0acd\u0a9f_\u0ab8\u0aaa\u0acd\u0a9f\u0ac7\u0aae\u0acd\u0aac\u0ab0_\u0a91\u0a95\u0acd\u0a9f\u0acd\u0aac\u0ab0_\u0aa8\u0ab5\u0ac7\u0aae\u0acd\u0aac\u0ab0_\u0aa1\u0abf\u0ab8\u0ac7\u0aae\u0acd\u0aac\u0ab0".split("_"),monthsShort:"\u0a9c\u0abe\u0aa8\u0acd\u0aaf\u0ac1._\u0aab\u0ac7\u0aac\u0acd\u0ab0\u0ac1._\u0aae\u0abe\u0ab0\u0acd\u0a9a_\u0a8f\u0aaa\u0acd\u0ab0\u0abf._\u0aae\u0ac7_\u0a9c\u0ac2\u0aa8_\u0a9c\u0ac1\u0ab2\u0abe._\u0a91\u0a97._\u0ab8\u0aaa\u0acd\u0a9f\u0ac7._\u0a91\u0a95\u0acd\u0a9f\u0acd._\u0aa8\u0ab5\u0ac7._\u0aa1\u0abf\u0ab8\u0ac7.".split("_"),monthsParseExact:!0,weekdays:"\u0ab0\u0ab5\u0abf\u0ab5\u0abe\u0ab0_\u0ab8\u0acb\u0aae\u0ab5\u0abe\u0ab0_\u0aae\u0a82\u0a97\u0ab3\u0ab5\u0abe\u0ab0_\u0aac\u0ac1\u0aa7\u0acd\u0ab5\u0abe\u0ab0_\u0a97\u0ac1\u0ab0\u0ac1\u0ab5\u0abe\u0ab0_\u0ab6\u0ac1\u0a95\u0acd\u0ab0\u0ab5\u0abe\u0ab0_\u0ab6\u0aa8\u0abf\u0ab5\u0abe\u0ab0".split("_"),weekdaysShort:"\u0ab0\u0ab5\u0abf_\u0ab8\u0acb\u0aae_\u0aae\u0a82\u0a97\u0ab3_\u0aac\u0ac1\u0aa7\u0acd_\u0a97\u0ac1\u0ab0\u0ac1_\u0ab6\u0ac1\u0a95\u0acd\u0ab0_\u0ab6\u0aa8\u0abf".split("_"),weekdaysMin:"\u0ab0_\u0ab8\u0acb_\u0aae\u0a82_\u0aac\u0ac1_\u0a97\u0ac1_\u0ab6\u0ac1_\u0ab6".split("_"),longDateFormat:{LT:"A h:mm \u0ab5\u0abe\u0a97\u0acd\u0aaf\u0ac7",LTS:"A h:mm:ss \u0ab5\u0abe\u0a97\u0acd\u0aaf\u0ac7",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY, A h:mm \u0ab5\u0abe\u0a97\u0acd\u0aaf\u0ac7",LLLL:"dddd, D MMMM YYYY, A h:mm \u0ab5\u0abe\u0a97\u0acd\u0aaf\u0ac7"},calendar:{sameDay:"[\u0a86\u0a9c] LT",nextDay:"[\u0a95\u0abe\u0ab2\u0ac7] LT",nextWeek:"dddd, LT",lastDay:"[\u0a97\u0a87\u0a95\u0abe\u0ab2\u0ac7] LT",lastWeek:"[\u0aaa\u0abe\u0a9b\u0ab2\u0abe] dddd, LT",sameElse:"L"},relativeTime:{future:"%s \u0aae\u0abe",past:"%s \u0aaa\u0ab9\u0ac7\u0ab2\u0abe",s:"\u0a85\u0aae\u0ac1\u0a95 \u0aaa\u0ab3\u0acb",ss:"%d \u0ab8\u0ac7\u0a95\u0a82\u0aa1",m:"\u0a8f\u0a95 \u0aae\u0abf\u0aa8\u0abf\u0a9f",mm:"%d \u0aae\u0abf\u0aa8\u0abf\u0a9f",h:"\u0a8f\u0a95 \u0a95\u0ab2\u0abe\u0a95",hh:"%d \u0a95\u0ab2\u0abe\u0a95",d:"\u0a8f\u0a95 \u0aa6\u0abf\u0ab5\u0ab8",dd:"%d \u0aa6\u0abf\u0ab5\u0ab8",M:"\u0a8f\u0a95 \u0aae\u0ab9\u0abf\u0aa8\u0acb",MM:"%d \u0aae\u0ab9\u0abf\u0aa8\u0acb",y:"\u0a8f\u0a95 \u0ab5\u0ab0\u0acd\u0ab7",yy:"%d \u0ab5\u0ab0\u0acd\u0ab7"},preparse:function(b){return b.replace(/[\u0ae7\u0ae8\u0ae9\u0aea\u0aeb\u0aec\u0aed\u0aee\u0aef\u0ae6]/g,function(k){return w[k]})},postformat:function(b){return b.replace(/\d/g,function(k){return _[k]})},meridiemParse:/\u0ab0\u0abe\u0aa4|\u0aac\u0aaa\u0acb\u0ab0|\u0ab8\u0ab5\u0abe\u0ab0|\u0ab8\u0abe\u0a82\u0a9c/,meridiemHour:function(b,k){return 12===b&&(b=0),"\u0ab0\u0abe\u0aa4"===k?b<4?b:b+12:"\u0ab8\u0ab5\u0abe\u0ab0"===k?b:"\u0aac\u0aaa\u0acb\u0ab0"===k?b>=10?b:b+12:"\u0ab8\u0abe\u0a82\u0a9c"===k?b+12:void 0},meridiem:function(b,k,P){return b<4?"\u0ab0\u0abe\u0aa4":b<10?"\u0ab8\u0ab5\u0abe\u0ab0":b<17?"\u0aac\u0aaa\u0acb\u0ab0":b<20?"\u0ab8\u0abe\u0a82\u0a9c":"\u0ab0\u0abe\u0aa4"},week:{dow:0,doy:6}})}(F(6676))},4804:function(J,Z,F){!function(D){"use strict";D.defineLocale("he",{months:"\u05d9\u05e0\u05d5\u05d0\u05e8_\u05e4\u05d1\u05e8\u05d5\u05d0\u05e8_\u05de\u05e8\u05e5_\u05d0\u05e4\u05e8\u05d9\u05dc_\u05de\u05d0\u05d9_\u05d9\u05d5\u05e0\u05d9_\u05d9\u05d5\u05dc\u05d9_\u05d0\u05d5\u05d2\u05d5\u05e1\u05d8_\u05e1\u05e4\u05d8\u05de\u05d1\u05e8_\u05d0\u05d5\u05e7\u05d8\u05d5\u05d1\u05e8_\u05e0\u05d5\u05d1\u05de\u05d1\u05e8_\u05d3\u05e6\u05de\u05d1\u05e8".split("_"),monthsShort:"\u05d9\u05e0\u05d5\u05f3_\u05e4\u05d1\u05e8\u05f3_\u05de\u05e8\u05e5_\u05d0\u05e4\u05e8\u05f3_\u05de\u05d0\u05d9_\u05d9\u05d5\u05e0\u05d9_\u05d9\u05d5\u05dc\u05d9_\u05d0\u05d5\u05d2\u05f3_\u05e1\u05e4\u05d8\u05f3_\u05d0\u05d5\u05e7\u05f3_\u05e0\u05d5\u05d1\u05f3_\u05d3\u05e6\u05de\u05f3".split("_"),weekdays:"\u05e8\u05d0\u05e9\u05d5\u05df_\u05e9\u05e0\u05d9_\u05e9\u05dc\u05d9\u05e9\u05d9_\u05e8\u05d1\u05d9\u05e2\u05d9_\u05d7\u05de\u05d9\u05e9\u05d9_\u05e9\u05d9\u05e9\u05d9_\u05e9\u05d1\u05ea".split("_"),weekdaysShort:"\u05d0\u05f3_\u05d1\u05f3_\u05d2\u05f3_\u05d3\u05f3_\u05d4\u05f3_\u05d5\u05f3_\u05e9\u05f3".split("_"),weekdaysMin:"\u05d0_\u05d1_\u05d2_\u05d3_\u05d4_\u05d5_\u05e9".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D [\u05d1]MMMM YYYY",LLL:"D [\u05d1]MMMM YYYY HH:mm",LLLL:"dddd, D [\u05d1]MMMM YYYY HH:mm",l:"D/M/YYYY",ll:"D MMM YYYY",lll:"D MMM YYYY HH:mm",llll:"ddd, D MMM YYYY HH:mm"},calendar:{sameDay:"[\u05d4\u05d9\u05d5\u05dd \u05d1\u05be]LT",nextDay:"[\u05de\u05d7\u05e8 \u05d1\u05be]LT",nextWeek:"dddd [\u05d1\u05e9\u05e2\u05d4] LT",lastDay:"[\u05d0\u05ea\u05de\u05d5\u05dc \u05d1\u05be]LT",lastWeek:"[\u05d1\u05d9\u05d5\u05dd] dddd [\u05d4\u05d0\u05d7\u05e8\u05d5\u05df \u05d1\u05e9\u05e2\u05d4] LT",sameElse:"L"},relativeTime:{future:"\u05d1\u05e2\u05d5\u05d3 %s",past:"\u05dc\u05e4\u05e0\u05d9 %s",s:"\u05de\u05e1\u05e4\u05e8 \u05e9\u05e0\u05d9\u05d5\u05ea",ss:"%d \u05e9\u05e0\u05d9\u05d5\u05ea",m:"\u05d3\u05e7\u05d4",mm:"%d \u05d3\u05e7\u05d5\u05ea",h:"\u05e9\u05e2\u05d4",hh:function(w){return 2===w?"\u05e9\u05e2\u05ea\u05d9\u05d9\u05dd":w+" \u05e9\u05e2\u05d5\u05ea"},d:"\u05d9\u05d5\u05dd",dd:function(w){return 2===w?"\u05d9\u05d5\u05de\u05d9\u05d9\u05dd":w+" \u05d9\u05de\u05d9\u05dd"},M:"\u05d7\u05d5\u05d3\u05e9",MM:function(w){return 2===w?"\u05d7\u05d5\u05d3\u05e9\u05d9\u05d9\u05dd":w+" \u05d7\u05d5\u05d3\u05e9\u05d9\u05dd"},y:"\u05e9\u05e0\u05d4",yy:function(w){return 2===w?"\u05e9\u05e0\u05ea\u05d9\u05d9\u05dd":w%10==0&&10!==w?w+" \u05e9\u05e0\u05d4":w+" \u05e9\u05e0\u05d9\u05dd"}},meridiemParse:/\u05d0\u05d7\u05d4"\u05e6|\u05dc\u05e4\u05e0\u05d4"\u05e6|\u05d0\u05d7\u05e8\u05d9 \u05d4\u05e6\u05d4\u05e8\u05d9\u05d9\u05dd|\u05dc\u05e4\u05e0\u05d9 \u05d4\u05e6\u05d4\u05e8\u05d9\u05d9\u05dd|\u05dc\u05e4\u05e0\u05d5\u05ea \u05d1\u05d5\u05e7\u05e8|\u05d1\u05d1\u05d5\u05e7\u05e8|\u05d1\u05e2\u05e8\u05d1/i,isPM:function(w){return/^(\u05d0\u05d7\u05d4"\u05e6|\u05d0\u05d7\u05e8\u05d9 \u05d4\u05e6\u05d4\u05e8\u05d9\u05d9\u05dd|\u05d1\u05e2\u05e8\u05d1)$/.test(w)},meridiem:function(w,y,b){return w<5?"\u05dc\u05e4\u05e0\u05d5\u05ea \u05d1\u05d5\u05e7\u05e8":w<10?"\u05d1\u05d1\u05d5\u05e7\u05e8":w<12?b?'\u05dc\u05e4\u05e0\u05d4"\u05e6':"\u05dc\u05e4\u05e0\u05d9 \u05d4\u05e6\u05d4\u05e8\u05d9\u05d9\u05dd":w<18?b?'\u05d0\u05d7\u05d4"\u05e6':"\u05d0\u05d7\u05e8\u05d9 \u05d4\u05e6\u05d4\u05e8\u05d9\u05d9\u05dd":"\u05d1\u05e2\u05e8\u05d1"}})}(F(6676))},3015:function(J,Z,F){!function(D){"use strict";var _={1:"\u0967",2:"\u0968",3:"\u0969",4:"\u096a",5:"\u096b",6:"\u096c",7:"\u096d",8:"\u096e",9:"\u096f",0:"\u0966"},w={"\u0967":"1","\u0968":"2","\u0969":"3","\u096a":"4","\u096b":"5","\u096c":"6","\u096d":"7","\u096e":"8","\u096f":"9","\u0966":"0"},y=[/^\u091c\u0928/i,/^\u092b\u093c\u0930|\u092b\u0930/i,/^\u092e\u093e\u0930\u094d\u091a/i,/^\u0905\u092a\u094d\u0930\u0948/i,/^\u092e\u0908/i,/^\u091c\u0942\u0928/i,/^\u091c\u0941\u0932/i,/^\u0905\u0917/i,/^\u0938\u093f\u0924\u0902|\u0938\u093f\u0924/i,/^\u0905\u0915\u094d\u091f\u0942/i,/^\u0928\u0935|\u0928\u0935\u0902/i,/^\u0926\u093f\u0938\u0902|\u0926\u093f\u0938/i];D.defineLocale("hi",{months:{format:"\u091c\u0928\u0935\u0930\u0940_\u092b\u093c\u0930\u0935\u0930\u0940_\u092e\u093e\u0930\u094d\u091a_\u0905\u092a\u094d\u0930\u0948\u0932_\u092e\u0908_\u091c\u0942\u0928_\u091c\u0941\u0932\u093e\u0908_\u0905\u0917\u0938\u094d\u0924_\u0938\u093f\u0924\u092e\u094d\u092c\u0930_\u0905\u0915\u094d\u091f\u0942\u092c\u0930_\u0928\u0935\u092e\u094d\u092c\u0930_\u0926\u093f\u0938\u092e\u094d\u092c\u0930".split("_"),standalone:"\u091c\u0928\u0935\u0930\u0940_\u092b\u0930\u0935\u0930\u0940_\u092e\u093e\u0930\u094d\u091a_\u0905\u092a\u094d\u0930\u0948\u0932_\u092e\u0908_\u091c\u0942\u0928_\u091c\u0941\u0932\u093e\u0908_\u0905\u0917\u0938\u094d\u0924_\u0938\u093f\u0924\u0902\u092c\u0930_\u0905\u0915\u094d\u091f\u0942\u092c\u0930_\u0928\u0935\u0902\u092c\u0930_\u0926\u093f\u0938\u0902\u092c\u0930".split("_")},monthsShort:"\u091c\u0928._\u092b\u093c\u0930._\u092e\u093e\u0930\u094d\u091a_\u0905\u092a\u094d\u0930\u0948._\u092e\u0908_\u091c\u0942\u0928_\u091c\u0941\u0932._\u0905\u0917._\u0938\u093f\u0924._\u0905\u0915\u094d\u091f\u0942._\u0928\u0935._\u0926\u093f\u0938.".split("_"),weekdays:"\u0930\u0935\u093f\u0935\u093e\u0930_\u0938\u094b\u092e\u0935\u093e\u0930_\u092e\u0902\u0917\u0932\u0935\u093e\u0930_\u092c\u0941\u0927\u0935\u093e\u0930_\u0917\u0941\u0930\u0942\u0935\u093e\u0930_\u0936\u0941\u0915\u094d\u0930\u0935\u093e\u0930_\u0936\u0928\u093f\u0935\u093e\u0930".split("_"),weekdaysShort:"\u0930\u0935\u093f_\u0938\u094b\u092e_\u092e\u0902\u0917\u0932_\u092c\u0941\u0927_\u0917\u0941\u0930\u0942_\u0936\u0941\u0915\u094d\u0930_\u0936\u0928\u093f".split("_"),weekdaysMin:"\u0930_\u0938\u094b_\u092e\u0902_\u092c\u0941_\u0917\u0941_\u0936\u0941_\u0936".split("_"),longDateFormat:{LT:"A h:mm \u092c\u091c\u0947",LTS:"A h:mm:ss \u092c\u091c\u0947",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY, A h:mm \u092c\u091c\u0947",LLLL:"dddd, D MMMM YYYY, A h:mm \u092c\u091c\u0947"},monthsParse:y,longMonthsParse:y,shortMonthsParse:[/^\u091c\u0928/i,/^\u092b\u093c\u0930/i,/^\u092e\u093e\u0930\u094d\u091a/i,/^\u0905\u092a\u094d\u0930\u0948/i,/^\u092e\u0908/i,/^\u091c\u0942\u0928/i,/^\u091c\u0941\u0932/i,/^\u0905\u0917/i,/^\u0938\u093f\u0924/i,/^\u0905\u0915\u094d\u091f\u0942/i,/^\u0928\u0935/i,/^\u0926\u093f\u0938/i],monthsRegex:/^(\u091c\u0928\u0935\u0930\u0940|\u091c\u0928\.?|\u092b\u093c\u0930\u0935\u0930\u0940|\u092b\u0930\u0935\u0930\u0940|\u092b\u093c\u0930\.?|\u092e\u093e\u0930\u094d\u091a?|\u0905\u092a\u094d\u0930\u0948\u0932|\u0905\u092a\u094d\u0930\u0948\.?|\u092e\u0908?|\u091c\u0942\u0928?|\u091c\u0941\u0932\u093e\u0908|\u091c\u0941\u0932\.?|\u0905\u0917\u0938\u094d\u0924|\u0905\u0917\.?|\u0938\u093f\u0924\u092e\u094d\u092c\u0930|\u0938\u093f\u0924\u0902\u092c\u0930|\u0938\u093f\u0924\.?|\u0905\u0915\u094d\u091f\u0942\u092c\u0930|\u0905\u0915\u094d\u091f\u0942\.?|\u0928\u0935\u092e\u094d\u092c\u0930|\u0928\u0935\u0902\u092c\u0930|\u0928\u0935\.?|\u0926\u093f\u0938\u092e\u094d\u092c\u0930|\u0926\u093f\u0938\u0902\u092c\u0930|\u0926\u093f\u0938\.?)/i,monthsShortRegex:/^(\u091c\u0928\u0935\u0930\u0940|\u091c\u0928\.?|\u092b\u093c\u0930\u0935\u0930\u0940|\u092b\u0930\u0935\u0930\u0940|\u092b\u093c\u0930\.?|\u092e\u093e\u0930\u094d\u091a?|\u0905\u092a\u094d\u0930\u0948\u0932|\u0905\u092a\u094d\u0930\u0948\.?|\u092e\u0908?|\u091c\u0942\u0928?|\u091c\u0941\u0932\u093e\u0908|\u091c\u0941\u0932\.?|\u0905\u0917\u0938\u094d\u0924|\u0905\u0917\.?|\u0938\u093f\u0924\u092e\u094d\u092c\u0930|\u0938\u093f\u0924\u0902\u092c\u0930|\u0938\u093f\u0924\.?|\u0905\u0915\u094d\u091f\u0942\u092c\u0930|\u0905\u0915\u094d\u091f\u0942\.?|\u0928\u0935\u092e\u094d\u092c\u0930|\u0928\u0935\u0902\u092c\u0930|\u0928\u0935\.?|\u0926\u093f\u0938\u092e\u094d\u092c\u0930|\u0926\u093f\u0938\u0902\u092c\u0930|\u0926\u093f\u0938\.?)/i,monthsStrictRegex:/^(\u091c\u0928\u0935\u0930\u0940?|\u092b\u093c\u0930\u0935\u0930\u0940|\u092b\u0930\u0935\u0930\u0940?|\u092e\u093e\u0930\u094d\u091a?|\u0905\u092a\u094d\u0930\u0948\u0932?|\u092e\u0908?|\u091c\u0942\u0928?|\u091c\u0941\u0932\u093e\u0908?|\u0905\u0917\u0938\u094d\u0924?|\u0938\u093f\u0924\u092e\u094d\u092c\u0930|\u0938\u093f\u0924\u0902\u092c\u0930|\u0938\u093f\u0924?\.?|\u0905\u0915\u094d\u091f\u0942\u092c\u0930|\u0905\u0915\u094d\u091f\u0942\.?|\u0928\u0935\u092e\u094d\u092c\u0930|\u0928\u0935\u0902\u092c\u0930?|\u0926\u093f\u0938\u092e\u094d\u092c\u0930|\u0926\u093f\u0938\u0902\u092c\u0930?)/i,monthsShortStrictRegex:/^(\u091c\u0928\.?|\u092b\u093c\u0930\.?|\u092e\u093e\u0930\u094d\u091a?|\u0905\u092a\u094d\u0930\u0948\.?|\u092e\u0908?|\u091c\u0942\u0928?|\u091c\u0941\u0932\.?|\u0905\u0917\.?|\u0938\u093f\u0924\.?|\u0905\u0915\u094d\u091f\u0942\.?|\u0928\u0935\.?|\u0926\u093f\u0938\.?)/i,calendar:{sameDay:"[\u0906\u091c] LT",nextDay:"[\u0915\u0932] LT",nextWeek:"dddd, LT",lastDay:"[\u0915\u0932] LT",lastWeek:"[\u092a\u093f\u091b\u0932\u0947] dddd, LT",sameElse:"L"},relativeTime:{future:"%s \u092e\u0947\u0902",past:"%s \u092a\u0939\u0932\u0947",s:"\u0915\u0941\u091b \u0939\u0940 \u0915\u094d\u0937\u0923",ss:"%d \u0938\u0947\u0915\u0902\u0921",m:"\u090f\u0915 \u092e\u093f\u0928\u091f",mm:"%d \u092e\u093f\u0928\u091f",h:"\u090f\u0915 \u0918\u0902\u091f\u093e",hh:"%d \u0918\u0902\u091f\u0947",d:"\u090f\u0915 \u0926\u093f\u0928",dd:"%d \u0926\u093f\u0928",M:"\u090f\u0915 \u092e\u0939\u0940\u0928\u0947",MM:"%d \u092e\u0939\u0940\u0928\u0947",y:"\u090f\u0915 \u0935\u0930\u094d\u0937",yy:"%d \u0935\u0930\u094d\u0937"},preparse:function(P){return P.replace(/[\u0967\u0968\u0969\u096a\u096b\u096c\u096d\u096e\u096f\u0966]/g,function(N){return w[N]})},postformat:function(P){return P.replace(/\d/g,function(N){return _[N]})},meridiemParse:/\u0930\u093e\u0924|\u0938\u0941\u092c\u0939|\u0926\u094b\u092a\u0939\u0930|\u0936\u093e\u092e/,meridiemHour:function(P,N){return 12===P&&(P=0),"\u0930\u093e\u0924"===N?P<4?P:P+12:"\u0938\u0941\u092c\u0939"===N?P:"\u0926\u094b\u092a\u0939\u0930"===N?P>=10?P:P+12:"\u0936\u093e\u092e"===N?P+12:void 0},meridiem:function(P,N,U){return P<4?"\u0930\u093e\u0924":P<10?"\u0938\u0941\u092c\u0939":P<17?"\u0926\u094b\u092a\u0939\u0930":P<20?"\u0936\u093e\u092e":"\u0930\u093e\u0924"},week:{dow:0,doy:6}})}(F(6676))},7134:function(J,Z,F){!function(D){"use strict";function _(y,b,k){var P=y+" ";switch(k){case"ss":return P+(1===y?"sekunda":2===y||3===y||4===y?"sekunde":"sekundi");case"m":return b?"jedna minuta":"jedne minute";case"mm":return P+(1===y?"minuta":2===y||3===y||4===y?"minute":"minuta");case"h":return b?"jedan sat":"jednog sata";case"hh":return P+(1===y?"sat":2===y||3===y||4===y?"sata":"sati");case"dd":return P+(1===y?"dan":"dana");case"MM":return P+(1===y?"mjesec":2===y||3===y||4===y?"mjeseca":"mjeseci");case"yy":return P+(1===y?"godina":2===y||3===y||4===y?"godine":"godina")}}D.defineLocale("hr",{months:{format:"sije\u010dnja_velja\u010de_o\u017eujka_travnja_svibnja_lipnja_srpnja_kolovoza_rujna_listopada_studenoga_prosinca".split("_"),standalone:"sije\u010danj_velja\u010da_o\u017eujak_travanj_svibanj_lipanj_srpanj_kolovoz_rujan_listopad_studeni_prosinac".split("_")},monthsShort:"sij._velj._o\u017eu._tra._svi._lip._srp._kol._ruj._lis._stu._pro.".split("_"),monthsParseExact:!0,weekdays:"nedjelja_ponedjeljak_utorak_srijeda_\u010detvrtak_petak_subota".split("_"),weekdaysShort:"ned._pon._uto._sri._\u010det._pet._sub.".split("_"),weekdaysMin:"ne_po_ut_sr_\u010de_pe_su".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"H:mm",LTS:"H:mm:ss",L:"DD.MM.YYYY",LL:"Do MMMM YYYY",LLL:"Do MMMM YYYY H:mm",LLLL:"dddd, Do MMMM YYYY H:mm"},calendar:{sameDay:"[danas u] LT",nextDay:"[sutra u] LT",nextWeek:function(){switch(this.day()){case 0:return"[u] [nedjelju] [u] LT";case 3:return"[u] [srijedu] [u] LT";case 6:return"[u] [subotu] [u] LT";case 1:case 2:case 4:case 5:return"[u] dddd [u] LT"}},lastDay:"[ju\u010der u] LT",lastWeek:function(){switch(this.day()){case 0:return"[pro\u0161lu] [nedjelju] [u] LT";case 3:return"[pro\u0161lu] [srijedu] [u] LT";case 6:return"[pro\u0161le] [subote] [u] LT";case 1:case 2:case 4:case 5:return"[pro\u0161li] dddd [u] LT"}},sameElse:"L"},relativeTime:{future:"za %s",past:"prije %s",s:"par sekundi",ss:_,m:_,mm:_,h:_,hh:_,d:"dan",dd:_,M:"mjesec",MM:_,y:"godinu",yy:_},dayOfMonthOrdinalParse:/\d{1,2}\./,ordinal:"%d.",week:{dow:1,doy:7}})}(F(6676))},670:function(J,Z,F){!function(D){"use strict";var _="vas\xe1rnap h\xe9tf\u0151n kedden szerd\xe1n cs\xfct\xf6rt\xf6k\xf6n p\xe9nteken szombaton".split(" ");function w(k,P,N,U){var ie=k;switch(N){case"s":return U||P?"n\xe9h\xe1ny m\xe1sodperc":"n\xe9h\xe1ny m\xe1sodperce";case"ss":return ie+(U||P)?" m\xe1sodperc":" m\xe1sodperce";case"m":return"egy"+(U||P?" perc":" perce");case"mm":return ie+(U||P?" perc":" perce");case"h":return"egy"+(U||P?" \xf3ra":" \xf3r\xe1ja");case"hh":return ie+(U||P?" \xf3ra":" \xf3r\xe1ja");case"d":return"egy"+(U||P?" nap":" napja");case"dd":return ie+(U||P?" nap":" napja");case"M":return"egy"+(U||P?" h\xf3nap":" h\xf3napja");case"MM":return ie+(U||P?" h\xf3nap":" h\xf3napja");case"y":return"egy"+(U||P?" \xe9v":" \xe9ve");case"yy":return ie+(U||P?" \xe9v":" \xe9ve")}return""}function y(k){return(k?"":"[m\xfalt] ")+"["+_[this.day()]+"] LT[-kor]"}D.defineLocale("hu",{months:"janu\xe1r_febru\xe1r_m\xe1rcius_\xe1prilis_m\xe1jus_j\xfanius_j\xfalius_augusztus_szeptember_okt\xf3ber_november_december".split("_"),monthsShort:"jan._feb._m\xe1rc._\xe1pr._m\xe1j._j\xfan._j\xfal._aug._szept._okt._nov._dec.".split("_"),monthsParseExact:!0,weekdays:"vas\xe1rnap_h\xe9tf\u0151_kedd_szerda_cs\xfct\xf6rt\xf6k_p\xe9ntek_szombat".split("_"),weekdaysShort:"vas_h\xe9t_kedd_sze_cs\xfct_p\xe9n_szo".split("_"),weekdaysMin:"v_h_k_sze_cs_p_szo".split("_"),longDateFormat:{LT:"H:mm",LTS:"H:mm:ss",L:"YYYY.MM.DD.",LL:"YYYY. MMMM D.",LLL:"YYYY. MMMM D. H:mm",LLLL:"YYYY. MMMM D., dddd H:mm"},meridiemParse:/de|du/i,isPM:function(k){return"u"===k.charAt(1).toLowerCase()},meridiem:function(k,P,N){return k<12?!0===N?"de":"DE":!0===N?"du":"DU"},calendar:{sameDay:"[ma] LT[-kor]",nextDay:"[holnap] LT[-kor]",nextWeek:function(){return y.call(this,!0)},lastDay:"[tegnap] LT[-kor]",lastWeek:function(){return y.call(this,!1)},sameElse:"L"},relativeTime:{future:"%s m\xfalva",past:"%s",s:w,ss:w,m:w,mm:w,h:w,hh:w,d:w,dd:w,M:w,MM:w,y:w,yy:w},dayOfMonthOrdinalParse:/\d{1,2}\./,ordinal:"%d.",week:{dow:1,doy:4}})}(F(6676))},4523:function(J,Z,F){!function(D){"use strict";D.defineLocale("hy-am",{months:{format:"\u0570\u0578\u0582\u0576\u057e\u0561\u0580\u056b_\u0583\u0565\u057f\u0580\u057e\u0561\u0580\u056b_\u0574\u0561\u0580\u057f\u056b_\u0561\u057a\u0580\u056b\u056c\u056b_\u0574\u0561\u0575\u056b\u057d\u056b_\u0570\u0578\u0582\u0576\u056b\u057d\u056b_\u0570\u0578\u0582\u056c\u056b\u057d\u056b_\u0585\u0563\u0578\u057d\u057f\u0578\u057d\u056b_\u057d\u0565\u057a\u057f\u0565\u0574\u0562\u0565\u0580\u056b_\u0570\u0578\u056f\u057f\u0565\u0574\u0562\u0565\u0580\u056b_\u0576\u0578\u0575\u0565\u0574\u0562\u0565\u0580\u056b_\u0564\u0565\u056f\u057f\u0565\u0574\u0562\u0565\u0580\u056b".split("_"),standalone:"\u0570\u0578\u0582\u0576\u057e\u0561\u0580_\u0583\u0565\u057f\u0580\u057e\u0561\u0580_\u0574\u0561\u0580\u057f_\u0561\u057a\u0580\u056b\u056c_\u0574\u0561\u0575\u056b\u057d_\u0570\u0578\u0582\u0576\u056b\u057d_\u0570\u0578\u0582\u056c\u056b\u057d_\u0585\u0563\u0578\u057d\u057f\u0578\u057d_\u057d\u0565\u057a\u057f\u0565\u0574\u0562\u0565\u0580_\u0570\u0578\u056f\u057f\u0565\u0574\u0562\u0565\u0580_\u0576\u0578\u0575\u0565\u0574\u0562\u0565\u0580_\u0564\u0565\u056f\u057f\u0565\u0574\u0562\u0565\u0580".split("_")},monthsShort:"\u0570\u0576\u057e_\u0583\u057f\u0580_\u0574\u0580\u057f_\u0561\u057a\u0580_\u0574\u0575\u057d_\u0570\u0576\u057d_\u0570\u056c\u057d_\u0585\u0563\u057d_\u057d\u057a\u057f_\u0570\u056f\u057f_\u0576\u0574\u0562_\u0564\u056f\u057f".split("_"),weekdays:"\u056f\u056b\u0580\u0561\u056f\u056b_\u0565\u0580\u056f\u0578\u0582\u0577\u0561\u0562\u0569\u056b_\u0565\u0580\u0565\u0584\u0577\u0561\u0562\u0569\u056b_\u0579\u0578\u0580\u0565\u0584\u0577\u0561\u0562\u0569\u056b_\u0570\u056b\u0576\u0563\u0577\u0561\u0562\u0569\u056b_\u0578\u0582\u0580\u0562\u0561\u0569_\u0577\u0561\u0562\u0561\u0569".split("_"),weekdaysShort:"\u056f\u0580\u056f_\u0565\u0580\u056f_\u0565\u0580\u0584_\u0579\u0580\u0584_\u0570\u0576\u0563_\u0578\u0582\u0580\u0562_\u0577\u0562\u0569".split("_"),weekdaysMin:"\u056f\u0580\u056f_\u0565\u0580\u056f_\u0565\u0580\u0584_\u0579\u0580\u0584_\u0570\u0576\u0563_\u0578\u0582\u0580\u0562_\u0577\u0562\u0569".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D MMMM YYYY \u0569.",LLL:"D MMMM YYYY \u0569., HH:mm",LLLL:"dddd, D MMMM YYYY \u0569., HH:mm"},calendar:{sameDay:"[\u0561\u0575\u057d\u0585\u0580] LT",nextDay:"[\u057e\u0561\u0572\u0568] LT",lastDay:"[\u0565\u0580\u0565\u056f] LT",nextWeek:function(){return"dddd [\u0585\u0580\u0568 \u056a\u0561\u0574\u0568] LT"},lastWeek:function(){return"[\u0561\u0576\u0581\u0561\u056e] dddd [\u0585\u0580\u0568 \u056a\u0561\u0574\u0568] LT"},sameElse:"L"},relativeTime:{future:"%s \u0570\u0565\u057f\u0578",past:"%s \u0561\u057c\u0561\u057b",s:"\u0574\u056b \u0584\u0561\u0576\u056b \u057e\u0561\u0575\u0580\u056f\u0575\u0561\u0576",ss:"%d \u057e\u0561\u0575\u0580\u056f\u0575\u0561\u0576",m:"\u0580\u0578\u057a\u0565",mm:"%d \u0580\u0578\u057a\u0565",h:"\u056a\u0561\u0574",hh:"%d \u056a\u0561\u0574",d:"\u0585\u0580",dd:"%d \u0585\u0580",M:"\u0561\u0574\u056b\u057d",MM:"%d \u0561\u0574\u056b\u057d",y:"\u057f\u0561\u0580\u056b",yy:"%d \u057f\u0561\u0580\u056b"},meridiemParse:/\u0563\u056b\u0577\u0565\u0580\u057e\u0561|\u0561\u057c\u0561\u057e\u0578\u057f\u057e\u0561|\u0581\u0565\u0580\u0565\u056f\u057e\u0561|\u0565\u0580\u0565\u056f\u0578\u0575\u0561\u0576/,isPM:function(w){return/^(\u0581\u0565\u0580\u0565\u056f\u057e\u0561|\u0565\u0580\u0565\u056f\u0578\u0575\u0561\u0576)$/.test(w)},meridiem:function(w){return w<4?"\u0563\u056b\u0577\u0565\u0580\u057e\u0561":w<12?"\u0561\u057c\u0561\u057e\u0578\u057f\u057e\u0561":w<17?"\u0581\u0565\u0580\u0565\u056f\u057e\u0561":"\u0565\u0580\u0565\u056f\u0578\u0575\u0561\u0576"},dayOfMonthOrdinalParse:/\d{1,2}|\d{1,2}-(\u056b\u0576|\u0580\u0564)/,ordinal:function(w,y){switch(y){case"DDD":case"w":case"W":case"DDDo":return 1===w?w+"-\u056b\u0576":w+"-\u0580\u0564";default:return w}},week:{dow:1,doy:7}})}(F(6676))},9233:function(J,Z,F){!function(D){"use strict";D.defineLocale("id",{months:"Januari_Februari_Maret_April_Mei_Juni_Juli_Agustus_September_Oktober_November_Desember".split("_"),monthsShort:"Jan_Feb_Mar_Apr_Mei_Jun_Jul_Agt_Sep_Okt_Nov_Des".split("_"),weekdays:"Minggu_Senin_Selasa_Rabu_Kamis_Jumat_Sabtu".split("_"),weekdaysShort:"Min_Sen_Sel_Rab_Kam_Jum_Sab".split("_"),weekdaysMin:"Mg_Sn_Sl_Rb_Km_Jm_Sb".split("_"),longDateFormat:{LT:"HH.mm",LTS:"HH.mm.ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY [pukul] HH.mm",LLLL:"dddd, D MMMM YYYY [pukul] HH.mm"},meridiemParse:/pagi|siang|sore|malam/,meridiemHour:function(w,y){return 12===w&&(w=0),"pagi"===y?w:"siang"===y?w>=11?w:w+12:"sore"===y||"malam"===y?w+12:void 0},meridiem:function(w,y,b){return w<11?"pagi":w<15?"siang":w<19?"sore":"malam"},calendar:{sameDay:"[Hari ini pukul] LT",nextDay:"[Besok pukul] LT",nextWeek:"dddd [pukul] LT",lastDay:"[Kemarin pukul] LT",lastWeek:"dddd [lalu pukul] LT",sameElse:"L"},relativeTime:{future:"dalam %s",past:"%s yang lalu",s:"beberapa detik",ss:"%d detik",m:"semenit",mm:"%d menit",h:"sejam",hh:"%d jam",d:"sehari",dd:"%d hari",M:"sebulan",MM:"%d bulan",y:"setahun",yy:"%d tahun"},week:{dow:0,doy:6}})}(F(6676))},4693:function(J,Z,F){!function(D){"use strict";function _(b){return b%100==11||b%10!=1}function w(b,k,P,N){var U=b+" ";switch(P){case"s":return k||N?"nokkrar sek\xfandur":"nokkrum sek\xfandum";case"ss":return _(b)?U+(k||N?"sek\xfandur":"sek\xfandum"):U+"sek\xfanda";case"m":return k?"m\xedn\xfata":"m\xedn\xfatu";case"mm":return _(b)?U+(k||N?"m\xedn\xfatur":"m\xedn\xfatum"):k?U+"m\xedn\xfata":U+"m\xedn\xfatu";case"hh":return _(b)?U+(k||N?"klukkustundir":"klukkustundum"):U+"klukkustund";case"d":return k?"dagur":N?"dag":"degi";case"dd":return _(b)?k?U+"dagar":U+(N?"daga":"d\xf6gum"):k?U+"dagur":U+(N?"dag":"degi");case"M":return k?"m\xe1nu\xf0ur":N?"m\xe1nu\xf0":"m\xe1nu\xf0i";case"MM":return _(b)?k?U+"m\xe1nu\xf0ir":U+(N?"m\xe1nu\xf0i":"m\xe1nu\xf0um"):k?U+"m\xe1nu\xf0ur":U+(N?"m\xe1nu\xf0":"m\xe1nu\xf0i");case"y":return k||N?"\xe1r":"\xe1ri";case"yy":return _(b)?U+(k||N?"\xe1r":"\xe1rum"):U+(k||N?"\xe1r":"\xe1ri")}}D.defineLocale("is",{months:"jan\xfaar_febr\xfaar_mars_apr\xedl_ma\xed_j\xfan\xed_j\xfal\xed_\xe1g\xfast_september_okt\xf3ber_n\xf3vember_desember".split("_"),monthsShort:"jan_feb_mar_apr_ma\xed_j\xfan_j\xfal_\xe1g\xfa_sep_okt_n\xf3v_des".split("_"),weekdays:"sunnudagur_m\xe1nudagur_\xferi\xf0judagur_mi\xf0vikudagur_fimmtudagur_f\xf6studagur_laugardagur".split("_"),weekdaysShort:"sun_m\xe1n_\xferi_mi\xf0_fim_f\xf6s_lau".split("_"),weekdaysMin:"Su_M\xe1_\xder_Mi_Fi_F\xf6_La".split("_"),longDateFormat:{LT:"H:mm",LTS:"H:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY [kl.] H:mm",LLLL:"dddd, D. MMMM YYYY [kl.] H:mm"},calendar:{sameDay:"[\xed dag kl.] LT",nextDay:"[\xe1 morgun kl.] LT",nextWeek:"dddd [kl.] LT",lastDay:"[\xed g\xe6r kl.] LT",lastWeek:"[s\xed\xf0asta] dddd [kl.] LT",sameElse:"L"},relativeTime:{future:"eftir %s",past:"fyrir %s s\xed\xf0an",s:w,ss:w,m:w,mm:w,h:"klukkustund",hh:w,d:w,dd:w,M:w,MM:w,y:w,yy:w},dayOfMonthOrdinalParse:/\d{1,2}\./,ordinal:"%d.",week:{dow:1,doy:4}})}(F(6676))},8118:function(J,Z,F){!function(D){"use strict";D.defineLocale("it-ch",{months:"gennaio_febbraio_marzo_aprile_maggio_giugno_luglio_agosto_settembre_ottobre_novembre_dicembre".split("_"),monthsShort:"gen_feb_mar_apr_mag_giu_lug_ago_set_ott_nov_dic".split("_"),weekdays:"domenica_luned\xec_marted\xec_mercoled\xec_gioved\xec_venerd\xec_sabato".split("_"),weekdaysShort:"dom_lun_mar_mer_gio_ven_sab".split("_"),weekdaysMin:"do_lu_ma_me_gi_ve_sa".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},calendar:{sameDay:"[Oggi alle] LT",nextDay:"[Domani alle] LT",nextWeek:"dddd [alle] LT",lastDay:"[Ieri alle] LT",lastWeek:function(){return 0===this.day()?"[la scorsa] dddd [alle] LT":"[lo scorso] dddd [alle] LT"},sameElse:"L"},relativeTime:{future:function(w){return(/^[0-9].+$/.test(w)?"tra":"in")+" "+w},past:"%s fa",s:"alcuni secondi",ss:"%d secondi",m:"un minuto",mm:"%d minuti",h:"un'ora",hh:"%d ore",d:"un giorno",dd:"%d giorni",M:"un mese",MM:"%d mesi",y:"un anno",yy:"%d anni"},dayOfMonthOrdinalParse:/\d{1,2}\xba/,ordinal:"%d\xba",week:{dow:1,doy:4}})}(F(6676))},3936:function(J,Z,F){!function(D){"use strict";D.defineLocale("it",{months:"gennaio_febbraio_marzo_aprile_maggio_giugno_luglio_agosto_settembre_ottobre_novembre_dicembre".split("_"),monthsShort:"gen_feb_mar_apr_mag_giu_lug_ago_set_ott_nov_dic".split("_"),weekdays:"domenica_luned\xec_marted\xec_mercoled\xec_gioved\xec_venerd\xec_sabato".split("_"),weekdaysShort:"dom_lun_mar_mer_gio_ven_sab".split("_"),weekdaysMin:"do_lu_ma_me_gi_ve_sa".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},calendar:{sameDay:function(){return"[Oggi a"+(this.hours()>1?"lle ":0===this.hours()?" ":"ll'")+"]LT"},nextDay:function(){return"[Domani a"+(this.hours()>1?"lle ":0===this.hours()?" ":"ll'")+"]LT"},nextWeek:function(){return"dddd [a"+(this.hours()>1?"lle ":0===this.hours()?" ":"ll'")+"]LT"},lastDay:function(){return"[Ieri a"+(this.hours()>1?"lle ":0===this.hours()?" ":"ll'")+"]LT"},lastWeek:function(){return 0===this.day()?"[La scorsa] dddd [a"+(this.hours()>1?"lle ":0===this.hours()?" ":"ll'")+"]LT":"[Lo scorso] dddd [a"+(this.hours()>1?"lle ":0===this.hours()?" ":"ll'")+"]LT"},sameElse:"L"},relativeTime:{future:"tra %s",past:"%s fa",s:"alcuni secondi",ss:"%d secondi",m:"un minuto",mm:"%d minuti",h:"un'ora",hh:"%d ore",d:"un giorno",dd:"%d giorni",w:"una settimana",ww:"%d settimane",M:"un mese",MM:"%d mesi",y:"un anno",yy:"%d anni"},dayOfMonthOrdinalParse:/\d{1,2}\xba/,ordinal:"%d\xba",week:{dow:1,doy:4}})}(F(6676))},6871:function(J,Z,F){!function(D){"use strict";D.defineLocale("ja",{eras:[{since:"2019-05-01",offset:1,name:"\u4ee4\u548c",narrow:"\u32ff",abbr:"R"},{since:"1989-01-08",until:"2019-04-30",offset:1,name:"\u5e73\u6210",narrow:"\u337b",abbr:"H"},{since:"1926-12-25",until:"1989-01-07",offset:1,name:"\u662d\u548c",narrow:"\u337c",abbr:"S"},{since:"1912-07-30",until:"1926-12-24",offset:1,name:"\u5927\u6b63",narrow:"\u337d",abbr:"T"},{since:"1873-01-01",until:"1912-07-29",offset:6,name:"\u660e\u6cbb",narrow:"\u337e",abbr:"M"},{since:"0001-01-01",until:"1873-12-31",offset:1,name:"\u897f\u66a6",narrow:"AD",abbr:"AD"},{since:"0000-12-31",until:-1/0,offset:1,name:"\u7d00\u5143\u524d",narrow:"BC",abbr:"BC"}],eraYearOrdinalRegex:/(\u5143|\d+)\u5e74/,eraYearOrdinalParse:function(w,y){return"\u5143"===y[1]?1:parseInt(y[1]||w,10)},months:"1\u6708_2\u6708_3\u6708_4\u6708_5\u6708_6\u6708_7\u6708_8\u6708_9\u6708_10\u6708_11\u6708_12\u6708".split("_"),monthsShort:"1\u6708_2\u6708_3\u6708_4\u6708_5\u6708_6\u6708_7\u6708_8\u6708_9\u6708_10\u6708_11\u6708_12\u6708".split("_"),weekdays:"\u65e5\u66dc\u65e5_\u6708\u66dc\u65e5_\u706b\u66dc\u65e5_\u6c34\u66dc\u65e5_\u6728\u66dc\u65e5_\u91d1\u66dc\u65e5_\u571f\u66dc\u65e5".split("_"),weekdaysShort:"\u65e5_\u6708_\u706b_\u6c34_\u6728_\u91d1_\u571f".split("_"),weekdaysMin:"\u65e5_\u6708_\u706b_\u6c34_\u6728_\u91d1_\u571f".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY/MM/DD",LL:"YYYY\u5e74M\u6708D\u65e5",LLL:"YYYY\u5e74M\u6708D\u65e5 HH:mm",LLLL:"YYYY\u5e74M\u6708D\u65e5 dddd HH:mm",l:"YYYY/MM/DD",ll:"YYYY\u5e74M\u6708D\u65e5",lll:"YYYY\u5e74M\u6708D\u65e5 HH:mm",llll:"YYYY\u5e74M\u6708D\u65e5(ddd) HH:mm"},meridiemParse:/\u5348\u524d|\u5348\u5f8c/i,isPM:function(w){return"\u5348\u5f8c"===w},meridiem:function(w,y,b){return w<12?"\u5348\u524d":"\u5348\u5f8c"},calendar:{sameDay:"[\u4eca\u65e5] LT",nextDay:"[\u660e\u65e5] LT",nextWeek:function(w){return w.week()!==this.week()?"[\u6765\u9031]dddd LT":"dddd LT"},lastDay:"[\u6628\u65e5] LT",lastWeek:function(w){return this.week()!==w.week()?"[\u5148\u9031]dddd LT":"dddd LT"},sameElse:"L"},dayOfMonthOrdinalParse:/\d{1,2}\u65e5/,ordinal:function(w,y){switch(y){case"y":return 1===w?"\u5143\u5e74":w+"\u5e74";case"d":case"D":case"DDD":return w+"\u65e5";default:return w}},relativeTime:{future:"%s\u5f8c",past:"%s\u524d",s:"\u6570\u79d2",ss:"%d\u79d2",m:"1\u5206",mm:"%d\u5206",h:"1\u6642\u9593",hh:"%d\u6642\u9593",d:"1\u65e5",dd:"%d\u65e5",M:"1\u30f6\u6708",MM:"%d\u30f6\u6708",y:"1\u5e74",yy:"%d\u5e74"}})}(F(6676))},8710:function(J,Z,F){!function(D){"use strict";D.defineLocale("jv",{months:"Januari_Februari_Maret_April_Mei_Juni_Juli_Agustus_September_Oktober_Nopember_Desember".split("_"),monthsShort:"Jan_Feb_Mar_Apr_Mei_Jun_Jul_Ags_Sep_Okt_Nop_Des".split("_"),weekdays:"Minggu_Senen_Seloso_Rebu_Kemis_Jemuwah_Septu".split("_"),weekdaysShort:"Min_Sen_Sel_Reb_Kem_Jem_Sep".split("_"),weekdaysMin:"Mg_Sn_Sl_Rb_Km_Jm_Sp".split("_"),longDateFormat:{LT:"HH.mm",LTS:"HH.mm.ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY [pukul] HH.mm",LLLL:"dddd, D MMMM YYYY [pukul] HH.mm"},meridiemParse:/enjing|siyang|sonten|ndalu/,meridiemHour:function(w,y){return 12===w&&(w=0),"enjing"===y?w:"siyang"===y?w>=11?w:w+12:"sonten"===y||"ndalu"===y?w+12:void 0},meridiem:function(w,y,b){return w<11?"enjing":w<15?"siyang":w<19?"sonten":"ndalu"},calendar:{sameDay:"[Dinten puniko pukul] LT",nextDay:"[Mbenjang pukul] LT",nextWeek:"dddd [pukul] LT",lastDay:"[Kala wingi pukul] LT",lastWeek:"dddd [kepengker pukul] LT",sameElse:"L"},relativeTime:{future:"wonten ing %s",past:"%s ingkang kepengker",s:"sawetawis detik",ss:"%d detik",m:"setunggal menit",mm:"%d menit",h:"setunggal jam",hh:"%d jam",d:"sedinten",dd:"%d dinten",M:"sewulan",MM:"%d wulan",y:"setaun",yy:"%d taun"},week:{dow:1,doy:7}})}(F(6676))},7125:function(J,Z,F){!function(D){"use strict";D.defineLocale("ka",{months:"\u10d8\u10d0\u10dc\u10d5\u10d0\u10e0\u10d8_\u10d7\u10d4\u10d1\u10d4\u10e0\u10d5\u10d0\u10da\u10d8_\u10db\u10d0\u10e0\u10e2\u10d8_\u10d0\u10de\u10e0\u10d8\u10da\u10d8_\u10db\u10d0\u10d8\u10e1\u10d8_\u10d8\u10d5\u10dc\u10d8\u10e1\u10d8_\u10d8\u10d5\u10da\u10d8\u10e1\u10d8_\u10d0\u10d2\u10d5\u10d8\u10e1\u10e2\u10dd_\u10e1\u10d4\u10e5\u10e2\u10d4\u10db\u10d1\u10d4\u10e0\u10d8_\u10dd\u10e5\u10e2\u10dd\u10db\u10d1\u10d4\u10e0\u10d8_\u10dc\u10dd\u10d4\u10db\u10d1\u10d4\u10e0\u10d8_\u10d3\u10d4\u10d9\u10d4\u10db\u10d1\u10d4\u10e0\u10d8".split("_"),monthsShort:"\u10d8\u10d0\u10dc_\u10d7\u10d4\u10d1_\u10db\u10d0\u10e0_\u10d0\u10de\u10e0_\u10db\u10d0\u10d8_\u10d8\u10d5\u10dc_\u10d8\u10d5\u10da_\u10d0\u10d2\u10d5_\u10e1\u10d4\u10e5_\u10dd\u10e5\u10e2_\u10dc\u10dd\u10d4_\u10d3\u10d4\u10d9".split("_"),weekdays:{standalone:"\u10d9\u10d5\u10d8\u10e0\u10d0_\u10dd\u10e0\u10e8\u10d0\u10d1\u10d0\u10d7\u10d8_\u10e1\u10d0\u10db\u10e8\u10d0\u10d1\u10d0\u10d7\u10d8_\u10dd\u10d7\u10ee\u10e8\u10d0\u10d1\u10d0\u10d7\u10d8_\u10ee\u10e3\u10d7\u10e8\u10d0\u10d1\u10d0\u10d7\u10d8_\u10de\u10d0\u10e0\u10d0\u10e1\u10d9\u10d4\u10d5\u10d8_\u10e8\u10d0\u10d1\u10d0\u10d7\u10d8".split("_"),format:"\u10d9\u10d5\u10d8\u10e0\u10d0\u10e1_\u10dd\u10e0\u10e8\u10d0\u10d1\u10d0\u10d7\u10e1_\u10e1\u10d0\u10db\u10e8\u10d0\u10d1\u10d0\u10d7\u10e1_\u10dd\u10d7\u10ee\u10e8\u10d0\u10d1\u10d0\u10d7\u10e1_\u10ee\u10e3\u10d7\u10e8\u10d0\u10d1\u10d0\u10d7\u10e1_\u10de\u10d0\u10e0\u10d0\u10e1\u10d9\u10d4\u10d5\u10e1_\u10e8\u10d0\u10d1\u10d0\u10d7\u10e1".split("_"),isFormat:/(\u10ec\u10d8\u10dc\u10d0|\u10e8\u10d4\u10db\u10d3\u10d4\u10d2)/},weekdaysShort:"\u10d9\u10d5\u10d8_\u10dd\u10e0\u10e8_\u10e1\u10d0\u10db_\u10dd\u10d7\u10ee_\u10ee\u10e3\u10d7_\u10de\u10d0\u10e0_\u10e8\u10d0\u10d1".split("_"),weekdaysMin:"\u10d9\u10d5_\u10dd\u10e0_\u10e1\u10d0_\u10dd\u10d7_\u10ee\u10e3_\u10de\u10d0_\u10e8\u10d0".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd, D MMMM YYYY HH:mm"},calendar:{sameDay:"[\u10d3\u10e6\u10d4\u10e1] LT[-\u10d6\u10d4]",nextDay:"[\u10ee\u10d5\u10d0\u10da] LT[-\u10d6\u10d4]",lastDay:"[\u10d2\u10e3\u10e8\u10d8\u10dc] LT[-\u10d6\u10d4]",nextWeek:"[\u10e8\u10d4\u10db\u10d3\u10d4\u10d2] dddd LT[-\u10d6\u10d4]",lastWeek:"[\u10ec\u10d8\u10dc\u10d0] dddd LT-\u10d6\u10d4",sameElse:"L"},relativeTime:{future:function(w){return w.replace(/(\u10ec\u10d0\u10db|\u10ec\u10e3\u10d7|\u10e1\u10d0\u10d0\u10d7|\u10ec\u10d4\u10da|\u10d3\u10e6|\u10d7\u10d5)(\u10d8|\u10d4)/,function(y,b,k){return"\u10d8"===k?b+"\u10e8\u10d8":b+k+"\u10e8\u10d8"})},past:function(w){return/(\u10ec\u10d0\u10db\u10d8|\u10ec\u10e3\u10d7\u10d8|\u10e1\u10d0\u10d0\u10d7\u10d8|\u10d3\u10e6\u10d4|\u10d7\u10d5\u10d4)/.test(w)?w.replace(/(\u10d8|\u10d4)$/,"\u10d8\u10e1 \u10ec\u10d8\u10dc"):/\u10ec\u10d4\u10da\u10d8/.test(w)?w.replace(/\u10ec\u10d4\u10da\u10d8$/,"\u10ec\u10da\u10d8\u10e1 \u10ec\u10d8\u10dc"):w},s:"\u10e0\u10d0\u10db\u10d3\u10d4\u10dc\u10d8\u10db\u10d4 \u10ec\u10d0\u10db\u10d8",ss:"%d \u10ec\u10d0\u10db\u10d8",m:"\u10ec\u10e3\u10d7\u10d8",mm:"%d \u10ec\u10e3\u10d7\u10d8",h:"\u10e1\u10d0\u10d0\u10d7\u10d8",hh:"%d \u10e1\u10d0\u10d0\u10d7\u10d8",d:"\u10d3\u10e6\u10d4",dd:"%d \u10d3\u10e6\u10d4",M:"\u10d7\u10d5\u10d4",MM:"%d \u10d7\u10d5\u10d4",y:"\u10ec\u10d4\u10da\u10d8",yy:"%d \u10ec\u10d4\u10da\u10d8"},dayOfMonthOrdinalParse:/0|1-\u10da\u10d8|\u10db\u10d4-\d{1,2}|\d{1,2}-\u10d4/,ordinal:function(w){return 0===w?w:1===w?w+"-\u10da\u10d8":w<20||w<=100&&w%20==0||w%100==0?"\u10db\u10d4-"+w:w+"-\u10d4"},week:{dow:1,doy:7}})}(F(6676))},2461:function(J,Z,F){!function(D){"use strict";var _={0:"-\u0448\u0456",1:"-\u0448\u0456",2:"-\u0448\u0456",3:"-\u0448\u0456",4:"-\u0448\u0456",5:"-\u0448\u0456",6:"-\u0448\u044b",7:"-\u0448\u0456",8:"-\u0448\u0456",9:"-\u0448\u044b",10:"-\u0448\u044b",20:"-\u0448\u044b",30:"-\u0448\u044b",40:"-\u0448\u044b",50:"-\u0448\u0456",60:"-\u0448\u044b",70:"-\u0448\u0456",80:"-\u0448\u0456",90:"-\u0448\u044b",100:"-\u0448\u0456"};D.defineLocale("kk",{months:"\u049b\u0430\u04a3\u0442\u0430\u0440_\u0430\u049b\u043f\u0430\u043d_\u043d\u0430\u0443\u0440\u044b\u0437_\u0441\u04d9\u0443\u0456\u0440_\u043c\u0430\u043c\u044b\u0440_\u043c\u0430\u0443\u0441\u044b\u043c_\u0448\u0456\u043b\u0434\u0435_\u0442\u0430\u043c\u044b\u0437_\u049b\u044b\u0440\u043a\u04af\u0439\u0435\u043a_\u049b\u0430\u0437\u0430\u043d_\u049b\u0430\u0440\u0430\u0448\u0430_\u0436\u0435\u043b\u0442\u043e\u049b\u0441\u0430\u043d".split("_"),monthsShort:"\u049b\u0430\u04a3_\u0430\u049b\u043f_\u043d\u0430\u0443_\u0441\u04d9\u0443_\u043c\u0430\u043c_\u043c\u0430\u0443_\u0448\u0456\u043b_\u0442\u0430\u043c_\u049b\u044b\u0440_\u049b\u0430\u0437_\u049b\u0430\u0440_\u0436\u0435\u043b".split("_"),weekdays:"\u0436\u0435\u043a\u0441\u0435\u043d\u0431\u0456_\u0434\u04af\u0439\u0441\u0435\u043d\u0431\u0456_\u0441\u0435\u0439\u0441\u0435\u043d\u0431\u0456_\u0441\u04d9\u0440\u0441\u0435\u043d\u0431\u0456_\u0431\u0435\u0439\u0441\u0435\u043d\u0431\u0456_\u0436\u04b1\u043c\u0430_\u0441\u0435\u043d\u0431\u0456".split("_"),weekdaysShort:"\u0436\u0435\u043a_\u0434\u04af\u0439_\u0441\u0435\u0439_\u0441\u04d9\u0440_\u0431\u0435\u0439_\u0436\u04b1\u043c_\u0441\u0435\u043d".split("_"),weekdaysMin:"\u0436\u043a_\u0434\u0439_\u0441\u0439_\u0441\u0440_\u0431\u0439_\u0436\u043c_\u0441\u043d".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd, D MMMM YYYY HH:mm"},calendar:{sameDay:"[\u0411\u04af\u0433\u0456\u043d \u0441\u0430\u0493\u0430\u0442] LT",nextDay:"[\u0415\u0440\u0442\u0435\u04a3 \u0441\u0430\u0493\u0430\u0442] LT",nextWeek:"dddd [\u0441\u0430\u0493\u0430\u0442] LT",lastDay:"[\u041a\u0435\u0448\u0435 \u0441\u0430\u0493\u0430\u0442] LT",lastWeek:"[\u04e8\u0442\u043a\u0435\u043d \u0430\u043f\u0442\u0430\u043d\u044b\u04a3] dddd [\u0441\u0430\u0493\u0430\u0442] LT",sameElse:"L"},relativeTime:{future:"%s \u0456\u0448\u0456\u043d\u0434\u0435",past:"%s \u0431\u04b1\u0440\u044b\u043d",s:"\u0431\u0456\u0440\u043d\u0435\u0448\u0435 \u0441\u0435\u043a\u0443\u043d\u0434",ss:"%d \u0441\u0435\u043a\u0443\u043d\u0434",m:"\u0431\u0456\u0440 \u043c\u0438\u043d\u0443\u0442",mm:"%d \u043c\u0438\u043d\u0443\u0442",h:"\u0431\u0456\u0440 \u0441\u0430\u0493\u0430\u0442",hh:"%d \u0441\u0430\u0493\u0430\u0442",d:"\u0431\u0456\u0440 \u043a\u04af\u043d",dd:"%d \u043a\u04af\u043d",M:"\u0431\u0456\u0440 \u0430\u0439",MM:"%d \u0430\u0439",y:"\u0431\u0456\u0440 \u0436\u044b\u043b",yy:"%d \u0436\u044b\u043b"},dayOfMonthOrdinalParse:/\d{1,2}-(\u0448\u0456|\u0448\u044b)/,ordinal:function(y){return y+(_[y]||_[y%10]||_[y>=100?100:null])},week:{dow:1,doy:7}})}(F(6676))},7399:function(J,Z,F){!function(D){"use strict";var _={1:"\u17e1",2:"\u17e2",3:"\u17e3",4:"\u17e4",5:"\u17e5",6:"\u17e6",7:"\u17e7",8:"\u17e8",9:"\u17e9",0:"\u17e0"},w={"\u17e1":"1","\u17e2":"2","\u17e3":"3","\u17e4":"4","\u17e5":"5","\u17e6":"6","\u17e7":"7","\u17e8":"8","\u17e9":"9","\u17e0":"0"};D.defineLocale("km",{months:"\u1798\u1780\u179a\u17b6_\u1780\u17bb\u1798\u17d2\u1797\u17c8_\u1798\u17b8\u1793\u17b6_\u1798\u17c1\u179f\u17b6_\u17a7\u179f\u1797\u17b6_\u1798\u17b7\u1790\u17bb\u1793\u17b6_\u1780\u1780\u17d2\u1780\u178a\u17b6_\u179f\u17b8\u17a0\u17b6_\u1780\u1789\u17d2\u1789\u17b6_\u178f\u17bb\u179b\u17b6_\u179c\u17b7\u1785\u17d2\u1786\u17b7\u1780\u17b6_\u1792\u17d2\u1793\u17bc".split("_"),monthsShort:"\u1798\u1780\u179a\u17b6_\u1780\u17bb\u1798\u17d2\u1797\u17c8_\u1798\u17b8\u1793\u17b6_\u1798\u17c1\u179f\u17b6_\u17a7\u179f\u1797\u17b6_\u1798\u17b7\u1790\u17bb\u1793\u17b6_\u1780\u1780\u17d2\u1780\u178a\u17b6_\u179f\u17b8\u17a0\u17b6_\u1780\u1789\u17d2\u1789\u17b6_\u178f\u17bb\u179b\u17b6_\u179c\u17b7\u1785\u17d2\u1786\u17b7\u1780\u17b6_\u1792\u17d2\u1793\u17bc".split("_"),weekdays:"\u17a2\u17b6\u1791\u17b7\u178f\u17d2\u1799_\u1785\u17d0\u1793\u17d2\u1791_\u17a2\u1784\u17d2\u1782\u17b6\u179a_\u1796\u17bb\u1792_\u1796\u17d2\u179a\u17a0\u179f\u17d2\u1794\u178f\u17b7\u17cd_\u179f\u17bb\u1780\u17d2\u179a_\u179f\u17c5\u179a\u17cd".split("_"),weekdaysShort:"\u17a2\u17b6_\u1785_\u17a2_\u1796_\u1796\u17d2\u179a_\u179f\u17bb_\u179f".split("_"),weekdaysMin:"\u17a2\u17b6_\u1785_\u17a2_\u1796_\u1796\u17d2\u179a_\u179f\u17bb_\u179f".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd, D MMMM YYYY HH:mm"},meridiemParse:/\u1796\u17d2\u179a\u17b9\u1780|\u179b\u17d2\u1784\u17b6\u1785/,isPM:function(b){return"\u179b\u17d2\u1784\u17b6\u1785"===b},meridiem:function(b,k,P){return b<12?"\u1796\u17d2\u179a\u17b9\u1780":"\u179b\u17d2\u1784\u17b6\u1785"},calendar:{sameDay:"[\u1790\u17d2\u1784\u17c3\u1793\u17c1\u17c7 \u1798\u17c9\u17c4\u1784] LT",nextDay:"[\u179f\u17d2\u17a2\u17c2\u1780 \u1798\u17c9\u17c4\u1784] LT",nextWeek:"dddd [\u1798\u17c9\u17c4\u1784] LT",lastDay:"[\u1798\u17d2\u179f\u17b7\u179b\u1798\u17b7\u1789 \u1798\u17c9\u17c4\u1784] LT",lastWeek:"dddd [\u179f\u1794\u17d2\u178f\u17b6\u17a0\u17cd\u1798\u17bb\u1793] [\u1798\u17c9\u17c4\u1784] LT",sameElse:"L"},relativeTime:{future:"%s\u1791\u17c0\u178f",past:"%s\u1798\u17bb\u1793",s:"\u1794\u17c9\u17bb\u1793\u17d2\u1798\u17b6\u1793\u179c\u17b7\u1793\u17b6\u1791\u17b8",ss:"%d \u179c\u17b7\u1793\u17b6\u1791\u17b8",m:"\u1798\u17bd\u1799\u1793\u17b6\u1791\u17b8",mm:"%d \u1793\u17b6\u1791\u17b8",h:"\u1798\u17bd\u1799\u1798\u17c9\u17c4\u1784",hh:"%d \u1798\u17c9\u17c4\u1784",d:"\u1798\u17bd\u1799\u1790\u17d2\u1784\u17c3",dd:"%d \u1790\u17d2\u1784\u17c3",M:"\u1798\u17bd\u1799\u1781\u17c2",MM:"%d \u1781\u17c2",y:"\u1798\u17bd\u1799\u1786\u17d2\u1793\u17b6\u17c6",yy:"%d \u1786\u17d2\u1793\u17b6\u17c6"},dayOfMonthOrdinalParse:/\u1791\u17b8\d{1,2}/,ordinal:"\u1791\u17b8%d",preparse:function(b){return b.replace(/[\u17e1\u17e2\u17e3\u17e4\u17e5\u17e6\u17e7\u17e8\u17e9\u17e0]/g,function(k){return w[k]})},postformat:function(b){return b.replace(/\d/g,function(k){return _[k]})},week:{dow:1,doy:4}})}(F(6676))},8720:function(J,Z,F){!function(D){"use strict";var _={1:"\u0ce7",2:"\u0ce8",3:"\u0ce9",4:"\u0cea",5:"\u0ceb",6:"\u0cec",7:"\u0ced",8:"\u0cee",9:"\u0cef",0:"\u0ce6"},w={"\u0ce7":"1","\u0ce8":"2","\u0ce9":"3","\u0cea":"4","\u0ceb":"5","\u0cec":"6","\u0ced":"7","\u0cee":"8","\u0cef":"9","\u0ce6":"0"};D.defineLocale("kn",{months:"\u0c9c\u0ca8\u0cb5\u0cb0\u0cbf_\u0cab\u0cc6\u0cac\u0ccd\u0cb0\u0cb5\u0cb0\u0cbf_\u0cae\u0cbe\u0cb0\u0ccd\u0c9a\u0ccd_\u0c8f\u0caa\u0ccd\u0cb0\u0cbf\u0cb2\u0ccd_\u0cae\u0cc6\u0cd5_\u0c9c\u0cc2\u0ca8\u0ccd_\u0c9c\u0cc1\u0cb2\u0cc6\u0cd6_\u0c86\u0c97\u0cb8\u0ccd\u0c9f\u0ccd_\u0cb8\u0cc6\u0caa\u0ccd\u0c9f\u0cc6\u0c82\u0cac\u0cb0\u0ccd_\u0c85\u0c95\u0ccd\u0c9f\u0cc6\u0cc2\u0cd5\u0cac\u0cb0\u0ccd_\u0ca8\u0cb5\u0cc6\u0c82\u0cac\u0cb0\u0ccd_\u0ca1\u0cbf\u0cb8\u0cc6\u0c82\u0cac\u0cb0\u0ccd".split("_"),monthsShort:"\u0c9c\u0ca8_\u0cab\u0cc6\u0cac\u0ccd\u0cb0_\u0cae\u0cbe\u0cb0\u0ccd\u0c9a\u0ccd_\u0c8f\u0caa\u0ccd\u0cb0\u0cbf\u0cb2\u0ccd_\u0cae\u0cc6\u0cd5_\u0c9c\u0cc2\u0ca8\u0ccd_\u0c9c\u0cc1\u0cb2\u0cc6\u0cd6_\u0c86\u0c97\u0cb8\u0ccd\u0c9f\u0ccd_\u0cb8\u0cc6\u0caa\u0ccd\u0c9f\u0cc6\u0c82_\u0c85\u0c95\u0ccd\u0c9f\u0cc6\u0cc2\u0cd5_\u0ca8\u0cb5\u0cc6\u0c82_\u0ca1\u0cbf\u0cb8\u0cc6\u0c82".split("_"),monthsParseExact:!0,weekdays:"\u0cad\u0cbe\u0ca8\u0cc1\u0cb5\u0cbe\u0cb0_\u0cb8\u0cc6\u0cc2\u0cd5\u0cae\u0cb5\u0cbe\u0cb0_\u0cae\u0c82\u0c97\u0cb3\u0cb5\u0cbe\u0cb0_\u0cac\u0cc1\u0ca7\u0cb5\u0cbe\u0cb0_\u0c97\u0cc1\u0cb0\u0cc1\u0cb5\u0cbe\u0cb0_\u0cb6\u0cc1\u0c95\u0ccd\u0cb0\u0cb5\u0cbe\u0cb0_\u0cb6\u0ca8\u0cbf\u0cb5\u0cbe\u0cb0".split("_"),weekdaysShort:"\u0cad\u0cbe\u0ca8\u0cc1_\u0cb8\u0cc6\u0cc2\u0cd5\u0cae_\u0cae\u0c82\u0c97\u0cb3_\u0cac\u0cc1\u0ca7_\u0c97\u0cc1\u0cb0\u0cc1_\u0cb6\u0cc1\u0c95\u0ccd\u0cb0_\u0cb6\u0ca8\u0cbf".split("_"),weekdaysMin:"\u0cad\u0cbe_\u0cb8\u0cc6\u0cc2\u0cd5_\u0cae\u0c82_\u0cac\u0cc1_\u0c97\u0cc1_\u0cb6\u0cc1_\u0cb6".split("_"),longDateFormat:{LT:"A h:mm",LTS:"A h:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY, A h:mm",LLLL:"dddd, D MMMM YYYY, A h:mm"},calendar:{sameDay:"[\u0c87\u0c82\u0ca6\u0cc1] LT",nextDay:"[\u0ca8\u0cbe\u0cb3\u0cc6] LT",nextWeek:"dddd, LT",lastDay:"[\u0ca8\u0cbf\u0ca8\u0ccd\u0ca8\u0cc6] LT",lastWeek:"[\u0c95\u0cc6\u0cc2\u0ca8\u0cc6\u0caf] dddd, LT",sameElse:"L"},relativeTime:{future:"%s \u0ca8\u0c82\u0ca4\u0cb0",past:"%s \u0cb9\u0cbf\u0c82\u0ca6\u0cc6",s:"\u0c95\u0cc6\u0cb2\u0cb5\u0cc1 \u0c95\u0ccd\u0cb7\u0ca3\u0c97\u0cb3\u0cc1",ss:"%d \u0cb8\u0cc6\u0c95\u0cc6\u0c82\u0ca1\u0cc1\u0c97\u0cb3\u0cc1",m:"\u0c92\u0c82\u0ca6\u0cc1 \u0ca8\u0cbf\u0cae\u0cbf\u0cb7",mm:"%d \u0ca8\u0cbf\u0cae\u0cbf\u0cb7",h:"\u0c92\u0c82\u0ca6\u0cc1 \u0c97\u0c82\u0c9f\u0cc6",hh:"%d \u0c97\u0c82\u0c9f\u0cc6",d:"\u0c92\u0c82\u0ca6\u0cc1 \u0ca6\u0cbf\u0ca8",dd:"%d \u0ca6\u0cbf\u0ca8",M:"\u0c92\u0c82\u0ca6\u0cc1 \u0ca4\u0cbf\u0c82\u0c97\u0cb3\u0cc1",MM:"%d \u0ca4\u0cbf\u0c82\u0c97\u0cb3\u0cc1",y:"\u0c92\u0c82\u0ca6\u0cc1 \u0cb5\u0cb0\u0ccd\u0cb7",yy:"%d \u0cb5\u0cb0\u0ccd\u0cb7"},preparse:function(b){return b.replace(/[\u0ce7\u0ce8\u0ce9\u0cea\u0ceb\u0cec\u0ced\u0cee\u0cef\u0ce6]/g,function(k){return w[k]})},postformat:function(b){return b.replace(/\d/g,function(k){return _[k]})},meridiemParse:/\u0cb0\u0cbe\u0ca4\u0ccd\u0cb0\u0cbf|\u0cac\u0cc6\u0cb3\u0cbf\u0c97\u0ccd\u0c97\u0cc6|\u0cae\u0ca7\u0ccd\u0caf\u0cbe\u0cb9\u0ccd\u0ca8|\u0cb8\u0c82\u0c9c\u0cc6/,meridiemHour:function(b,k){return 12===b&&(b=0),"\u0cb0\u0cbe\u0ca4\u0ccd\u0cb0\u0cbf"===k?b<4?b:b+12:"\u0cac\u0cc6\u0cb3\u0cbf\u0c97\u0ccd\u0c97\u0cc6"===k?b:"\u0cae\u0ca7\u0ccd\u0caf\u0cbe\u0cb9\u0ccd\u0ca8"===k?b>=10?b:b+12:"\u0cb8\u0c82\u0c9c\u0cc6"===k?b+12:void 0},meridiem:function(b,k,P){return b<4?"\u0cb0\u0cbe\u0ca4\u0ccd\u0cb0\u0cbf":b<10?"\u0cac\u0cc6\u0cb3\u0cbf\u0c97\u0ccd\u0c97\u0cc6":b<17?"\u0cae\u0ca7\u0ccd\u0caf\u0cbe\u0cb9\u0ccd\u0ca8":b<20?"\u0cb8\u0c82\u0c9c\u0cc6":"\u0cb0\u0cbe\u0ca4\u0ccd\u0cb0\u0cbf"},dayOfMonthOrdinalParse:/\d{1,2}(\u0ca8\u0cc6\u0cd5)/,ordinal:function(b){return b+"\u0ca8\u0cc6\u0cd5"},week:{dow:0,doy:6}})}(F(6676))},5306:function(J,Z,F){!function(D){"use strict";D.defineLocale("ko",{months:"1\uc6d4_2\uc6d4_3\uc6d4_4\uc6d4_5\uc6d4_6\uc6d4_7\uc6d4_8\uc6d4_9\uc6d4_10\uc6d4_11\uc6d4_12\uc6d4".split("_"),monthsShort:"1\uc6d4_2\uc6d4_3\uc6d4_4\uc6d4_5\uc6d4_6\uc6d4_7\uc6d4_8\uc6d4_9\uc6d4_10\uc6d4_11\uc6d4_12\uc6d4".split("_"),weekdays:"\uc77c\uc694\uc77c_\uc6d4\uc694\uc77c_\ud654\uc694\uc77c_\uc218\uc694\uc77c_\ubaa9\uc694\uc77c_\uae08\uc694\uc77c_\ud1a0\uc694\uc77c".split("_"),weekdaysShort:"\uc77c_\uc6d4_\ud654_\uc218_\ubaa9_\uae08_\ud1a0".split("_"),weekdaysMin:"\uc77c_\uc6d4_\ud654_\uc218_\ubaa9_\uae08_\ud1a0".split("_"),longDateFormat:{LT:"A h:mm",LTS:"A h:mm:ss",L:"YYYY.MM.DD.",LL:"YYYY\ub144 MMMM D\uc77c",LLL:"YYYY\ub144 MMMM D\uc77c A h:mm",LLLL:"YYYY\ub144 MMMM D\uc77c dddd A h:mm",l:"YYYY.MM.DD.",ll:"YYYY\ub144 MMMM D\uc77c",lll:"YYYY\ub144 MMMM D\uc77c A h:mm",llll:"YYYY\ub144 MMMM D\uc77c dddd A h:mm"},calendar:{sameDay:"\uc624\ub298 LT",nextDay:"\ub0b4\uc77c LT",nextWeek:"dddd LT",lastDay:"\uc5b4\uc81c LT",lastWeek:"\uc9c0\ub09c\uc8fc dddd LT",sameElse:"L"},relativeTime:{future:"%s \ud6c4",past:"%s \uc804",s:"\uba87 \ucd08",ss:"%d\ucd08",m:"1\ubd84",mm:"%d\ubd84",h:"\ud55c \uc2dc\uac04",hh:"%d\uc2dc\uac04",d:"\ud558\ub8e8",dd:"%d\uc77c",M:"\ud55c \ub2ec",MM:"%d\ub2ec",y:"\uc77c \ub144",yy:"%d\ub144"},dayOfMonthOrdinalParse:/\d{1,2}(\uc77c|\uc6d4|\uc8fc)/,ordinal:function(w,y){switch(y){case"d":case"D":case"DDD":return w+"\uc77c";case"M":return w+"\uc6d4";case"w":case"W":return w+"\uc8fc";default:return w}},meridiemParse:/\uc624\uc804|\uc624\ud6c4/,isPM:function(w){return"\uc624\ud6c4"===w},meridiem:function(w,y,b){return w<12?"\uc624\uc804":"\uc624\ud6c4"}})}(F(6676))},2995:function(J,Z,F){!function(D){"use strict";var _={1:"\u0661",2:"\u0662",3:"\u0663",4:"\u0664",5:"\u0665",6:"\u0666",7:"\u0667",8:"\u0668",9:"\u0669",0:"\u0660"},w={"\u0661":"1","\u0662":"2","\u0663":"3","\u0664":"4","\u0665":"5","\u0666":"6","\u0667":"7","\u0668":"8","\u0669":"9","\u0660":"0"},y=["\u06a9\u0627\u0646\u0648\u0646\u06cc \u062f\u0648\u0648\u06d5\u0645","\u0634\u0648\u0628\u0627\u062a","\u0626\u0627\u0632\u0627\u0631","\u0646\u06cc\u0633\u0627\u0646","\u0626\u0627\u06cc\u0627\u0631","\u062d\u0648\u0632\u06d5\u06cc\u0631\u0627\u0646","\u062a\u06d5\u0645\u0645\u0648\u0632","\u0626\u0627\u0628","\u0626\u06d5\u06cc\u0644\u0648\u0648\u0644","\u062a\u0634\u0631\u06cc\u0646\u06cc \u06cc\u06d5\u0643\u06d5\u0645","\u062a\u0634\u0631\u06cc\u0646\u06cc \u062f\u0648\u0648\u06d5\u0645","\u0643\u0627\u0646\u0648\u0646\u06cc \u06cc\u06d5\u06a9\u06d5\u0645"];D.defineLocale("ku",{months:y,monthsShort:y,weekdays:"\u06cc\u0647\u200c\u0643\u0634\u0647\u200c\u0645\u0645\u0647\u200c_\u062f\u0648\u0648\u0634\u0647\u200c\u0645\u0645\u0647\u200c_\u0633\u06ce\u0634\u0647\u200c\u0645\u0645\u0647\u200c_\u0686\u0648\u0627\u0631\u0634\u0647\u200c\u0645\u0645\u0647\u200c_\u067e\u06ce\u0646\u062c\u0634\u0647\u200c\u0645\u0645\u0647\u200c_\u0647\u0647\u200c\u06cc\u0646\u06cc_\u0634\u0647\u200c\u0645\u0645\u0647\u200c".split("_"),weekdaysShort:"\u06cc\u0647\u200c\u0643\u0634\u0647\u200c\u0645_\u062f\u0648\u0648\u0634\u0647\u200c\u0645_\u0633\u06ce\u0634\u0647\u200c\u0645_\u0686\u0648\u0627\u0631\u0634\u0647\u200c\u0645_\u067e\u06ce\u0646\u062c\u0634\u0647\u200c\u0645_\u0647\u0647\u200c\u06cc\u0646\u06cc_\u0634\u0647\u200c\u0645\u0645\u0647\u200c".split("_"),weekdaysMin:"\u06cc_\u062f_\u0633_\u0686_\u067e_\u0647_\u0634".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd, D MMMM YYYY HH:mm"},meridiemParse:/\u0626\u06ce\u0648\u0627\u0631\u0647\u200c|\u0628\u0647\u200c\u06cc\u0627\u0646\u06cc/,isPM:function(k){return/\u0626\u06ce\u0648\u0627\u0631\u0647\u200c/.test(k)},meridiem:function(k,P,N){return k<12?"\u0628\u0647\u200c\u06cc\u0627\u0646\u06cc":"\u0626\u06ce\u0648\u0627\u0631\u0647\u200c"},calendar:{sameDay:"[\u0626\u0647\u200c\u0645\u0631\u06c6 \u0643\u0627\u062a\u0698\u0645\u06ce\u0631] LT",nextDay:"[\u0628\u0647\u200c\u06cc\u0627\u0646\u06cc \u0643\u0627\u062a\u0698\u0645\u06ce\u0631] LT",nextWeek:"dddd [\u0643\u0627\u062a\u0698\u0645\u06ce\u0631] LT",lastDay:"[\u062f\u0648\u06ce\u0646\u06ce \u0643\u0627\u062a\u0698\u0645\u06ce\u0631] LT",lastWeek:"dddd [\u0643\u0627\u062a\u0698\u0645\u06ce\u0631] LT",sameElse:"L"},relativeTime:{future:"\u0644\u0647\u200c %s",past:"%s",s:"\u0686\u0647\u200c\u0646\u062f \u0686\u0631\u0643\u0647\u200c\u06cc\u0647\u200c\u0643",ss:"\u0686\u0631\u0643\u0647\u200c %d",m:"\u06cc\u0647\u200c\u0643 \u062e\u0648\u0644\u0647\u200c\u0643",mm:"%d \u062e\u0648\u0644\u0647\u200c\u0643",h:"\u06cc\u0647\u200c\u0643 \u0643\u0627\u062a\u0698\u0645\u06ce\u0631",hh:"%d \u0643\u0627\u062a\u0698\u0645\u06ce\u0631",d:"\u06cc\u0647\u200c\u0643 \u0695\u06c6\u0698",dd:"%d \u0695\u06c6\u0698",M:"\u06cc\u0647\u200c\u0643 \u0645\u0627\u0646\u06af",MM:"%d \u0645\u0627\u0646\u06af",y:"\u06cc\u0647\u200c\u0643 \u0633\u0627\u06b5",yy:"%d \u0633\u0627\u06b5"},preparse:function(k){return k.replace(/[\u0661\u0662\u0663\u0664\u0665\u0666\u0667\u0668\u0669\u0660]/g,function(P){return w[P]}).replace(/\u060c/g,",")},postformat:function(k){return k.replace(/\d/g,function(P){return _[P]}).replace(/,/g,"\u060c")},week:{dow:6,doy:12}})}(F(6676))},8779:function(J,Z,F){!function(D){"use strict";var _={0:"-\u0447\u04af",1:"-\u0447\u0438",2:"-\u0447\u0438",3:"-\u0447\u04af",4:"-\u0447\u04af",5:"-\u0447\u0438",6:"-\u0447\u044b",7:"-\u0447\u0438",8:"-\u0447\u0438",9:"-\u0447\u0443",10:"-\u0447\u0443",20:"-\u0447\u044b",30:"-\u0447\u0443",40:"-\u0447\u044b",50:"-\u0447\u04af",60:"-\u0447\u044b",70:"-\u0447\u0438",80:"-\u0447\u0438",90:"-\u0447\u0443",100:"-\u0447\u04af"};D.defineLocale("ky",{months:"\u044f\u043d\u0432\u0430\u0440\u044c_\u0444\u0435\u0432\u0440\u0430\u043b\u044c_\u043c\u0430\u0440\u0442_\u0430\u043f\u0440\u0435\u043b\u044c_\u043c\u0430\u0439_\u0438\u044e\u043d\u044c_\u0438\u044e\u043b\u044c_\u0430\u0432\u0433\u0443\u0441\u0442_\u0441\u0435\u043d\u0442\u044f\u0431\u0440\u044c_\u043e\u043a\u0442\u044f\u0431\u0440\u044c_\u043d\u043e\u044f\u0431\u0440\u044c_\u0434\u0435\u043a\u0430\u0431\u0440\u044c".split("_"),monthsShort:"\u044f\u043d\u0432_\u0444\u0435\u0432_\u043c\u0430\u0440\u0442_\u0430\u043f\u0440_\u043c\u0430\u0439_\u0438\u044e\u043d\u044c_\u0438\u044e\u043b\u044c_\u0430\u0432\u0433_\u0441\u0435\u043d_\u043e\u043a\u0442_\u043d\u043e\u044f_\u0434\u0435\u043a".split("_"),weekdays:"\u0416\u0435\u043a\u0448\u0435\u043c\u0431\u0438_\u0414\u04af\u0439\u0448\u04e9\u043c\u0431\u04af_\u0428\u0435\u0439\u0448\u0435\u043c\u0431\u0438_\u0428\u0430\u0440\u0448\u0435\u043c\u0431\u0438_\u0411\u0435\u0439\u0448\u0435\u043c\u0431\u0438_\u0416\u0443\u043c\u0430_\u0418\u0448\u0435\u043c\u0431\u0438".split("_"),weekdaysShort:"\u0416\u0435\u043a_\u0414\u04af\u0439_\u0428\u0435\u0439_\u0428\u0430\u0440_\u0411\u0435\u0439_\u0416\u0443\u043c_\u0418\u0448\u0435".split("_"),weekdaysMin:"\u0416\u043a_\u0414\u0439_\u0428\u0439_\u0428\u0440_\u0411\u0439_\u0416\u043c_\u0418\u0448".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd, D MMMM YYYY HH:mm"},calendar:{sameDay:"[\u0411\u04af\u0433\u04af\u043d \u0441\u0430\u0430\u0442] LT",nextDay:"[\u042d\u0440\u0442\u0435\u04a3 \u0441\u0430\u0430\u0442] LT",nextWeek:"dddd [\u0441\u0430\u0430\u0442] LT",lastDay:"[\u041a\u0435\u0447\u044d\u044d \u0441\u0430\u0430\u0442] LT",lastWeek:"[\u04e8\u0442\u043a\u04e9\u043d \u0430\u043f\u0442\u0430\u043d\u044b\u043d] dddd [\u043a\u04af\u043d\u04af] [\u0441\u0430\u0430\u0442] LT",sameElse:"L"},relativeTime:{future:"%s \u0438\u0447\u0438\u043d\u0434\u0435",past:"%s \u043c\u0443\u0440\u0443\u043d",s:"\u0431\u0438\u0440\u043d\u0435\u0447\u0435 \u0441\u0435\u043a\u0443\u043d\u0434",ss:"%d \u0441\u0435\u043a\u0443\u043d\u0434",m:"\u0431\u0438\u0440 \u043c\u04af\u043d\u04e9\u0442",mm:"%d \u043c\u04af\u043d\u04e9\u0442",h:"\u0431\u0438\u0440 \u0441\u0430\u0430\u0442",hh:"%d \u0441\u0430\u0430\u0442",d:"\u0431\u0438\u0440 \u043a\u04af\u043d",dd:"%d \u043a\u04af\u043d",M:"\u0431\u0438\u0440 \u0430\u0439",MM:"%d \u0430\u0439",y:"\u0431\u0438\u0440 \u0436\u044b\u043b",yy:"%d \u0436\u044b\u043b"},dayOfMonthOrdinalParse:/\d{1,2}-(\u0447\u0438|\u0447\u044b|\u0447\u04af|\u0447\u0443)/,ordinal:function(y){return y+(_[y]||_[y%10]||_[y>=100?100:null])},week:{dow:1,doy:7}})}(F(6676))},2057:function(J,Z,F){!function(D){"use strict";function _(P,N,U,ie){var De={m:["eng Minutt","enger Minutt"],h:["eng Stonn","enger Stonn"],d:["een Dag","engem Dag"],M:["ee Mount","engem Mount"],y:["ee Joer","engem Joer"]};return N?De[U][0]:De[U][1]}function b(P){if(P=parseInt(P,10),isNaN(P))return!1;if(P<0)return!0;if(P<10)return 4<=P&&P<=7;if(P<100){var N=P%10;return b(0===N?P/10:N)}if(P<1e4){for(;P>=10;)P/=10;return b(P)}return b(P/=1e3)}D.defineLocale("lb",{months:"Januar_Februar_M\xe4erz_Abr\xebll_Mee_Juni_Juli_August_September_Oktober_November_Dezember".split("_"),monthsShort:"Jan._Febr._Mrz._Abr._Mee_Jun._Jul._Aug._Sept._Okt._Nov._Dez.".split("_"),monthsParseExact:!0,weekdays:"Sonndeg_M\xe9indeg_D\xebnschdeg_M\xebttwoch_Donneschdeg_Freideg_Samschdeg".split("_"),weekdaysShort:"So._M\xe9._D\xeb._M\xeb._Do._Fr._Sa.".split("_"),weekdaysMin:"So_M\xe9_D\xeb_M\xeb_Do_Fr_Sa".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"H:mm [Auer]",LTS:"H:mm:ss [Auer]",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY H:mm [Auer]",LLLL:"dddd, D. MMMM YYYY H:mm [Auer]"},calendar:{sameDay:"[Haut um] LT",sameElse:"L",nextDay:"[Muer um] LT",nextWeek:"dddd [um] LT",lastDay:"[G\xebschter um] LT",lastWeek:function(){switch(this.day()){case 2:case 4:return"[Leschten] dddd [um] LT";default:return"[Leschte] dddd [um] LT"}}},relativeTime:{future:function w(P){return b(P.substr(0,P.indexOf(" ")))?"a "+P:"an "+P},past:function y(P){return b(P.substr(0,P.indexOf(" ")))?"viru "+P:"virun "+P},s:"e puer Sekonnen",ss:"%d Sekonnen",m:_,mm:"%d Minutten",h:_,hh:"%d Stonnen",d:_,dd:"%d Deeg",M:_,MM:"%d M\xe9int",y:_,yy:"%d Joer"},dayOfMonthOrdinalParse:/\d{1,2}\./,ordinal:"%d.",week:{dow:1,doy:4}})}(F(6676))},7192:function(J,Z,F){!function(D){"use strict";D.defineLocale("lo",{months:"\u0ea1\u0eb1\u0e87\u0e81\u0ead\u0e99_\u0e81\u0eb8\u0ea1\u0e9e\u0eb2_\u0ea1\u0eb5\u0e99\u0eb2_\u0ec0\u0ea1\u0eaa\u0eb2_\u0e9e\u0eb6\u0e94\u0eaa\u0eb0\u0e9e\u0eb2_\u0ea1\u0eb4\u0e96\u0eb8\u0e99\u0eb2_\u0e81\u0ecd\u0ea5\u0eb0\u0e81\u0ebb\u0e94_\u0eaa\u0eb4\u0e87\u0eab\u0eb2_\u0e81\u0eb1\u0e99\u0e8d\u0eb2_\u0e95\u0eb8\u0ea5\u0eb2_\u0e9e\u0eb0\u0e88\u0eb4\u0e81_\u0e97\u0eb1\u0e99\u0ea7\u0eb2".split("_"),monthsShort:"\u0ea1\u0eb1\u0e87\u0e81\u0ead\u0e99_\u0e81\u0eb8\u0ea1\u0e9e\u0eb2_\u0ea1\u0eb5\u0e99\u0eb2_\u0ec0\u0ea1\u0eaa\u0eb2_\u0e9e\u0eb6\u0e94\u0eaa\u0eb0\u0e9e\u0eb2_\u0ea1\u0eb4\u0e96\u0eb8\u0e99\u0eb2_\u0e81\u0ecd\u0ea5\u0eb0\u0e81\u0ebb\u0e94_\u0eaa\u0eb4\u0e87\u0eab\u0eb2_\u0e81\u0eb1\u0e99\u0e8d\u0eb2_\u0e95\u0eb8\u0ea5\u0eb2_\u0e9e\u0eb0\u0e88\u0eb4\u0e81_\u0e97\u0eb1\u0e99\u0ea7\u0eb2".split("_"),weekdays:"\u0ead\u0eb2\u0e97\u0eb4\u0e94_\u0e88\u0eb1\u0e99_\u0ead\u0eb1\u0e87\u0e84\u0eb2\u0e99_\u0e9e\u0eb8\u0e94_\u0e9e\u0eb0\u0eab\u0eb1\u0e94_\u0eaa\u0eb8\u0e81_\u0ec0\u0eaa\u0ebb\u0eb2".split("_"),weekdaysShort:"\u0e97\u0eb4\u0e94_\u0e88\u0eb1\u0e99_\u0ead\u0eb1\u0e87\u0e84\u0eb2\u0e99_\u0e9e\u0eb8\u0e94_\u0e9e\u0eb0\u0eab\u0eb1\u0e94_\u0eaa\u0eb8\u0e81_\u0ec0\u0eaa\u0ebb\u0eb2".split("_"),weekdaysMin:"\u0e97_\u0e88_\u0ead\u0e84_\u0e9e_\u0e9e\u0eab_\u0eaa\u0e81_\u0eaa".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"\u0ea7\u0eb1\u0e99dddd D MMMM YYYY HH:mm"},meridiemParse:/\u0e95\u0ead\u0e99\u0ec0\u0e8a\u0ebb\u0ec9\u0eb2|\u0e95\u0ead\u0e99\u0ec1\u0ea5\u0e87/,isPM:function(w){return"\u0e95\u0ead\u0e99\u0ec1\u0ea5\u0e87"===w},meridiem:function(w,y,b){return w<12?"\u0e95\u0ead\u0e99\u0ec0\u0e8a\u0ebb\u0ec9\u0eb2":"\u0e95\u0ead\u0e99\u0ec1\u0ea5\u0e87"},calendar:{sameDay:"[\u0ea1\u0eb7\u0ec9\u0e99\u0eb5\u0ec9\u0ec0\u0ea7\u0ea5\u0eb2] LT",nextDay:"[\u0ea1\u0eb7\u0ec9\u0ead\u0eb7\u0ec8\u0e99\u0ec0\u0ea7\u0ea5\u0eb2] LT",nextWeek:"[\u0ea7\u0eb1\u0e99]dddd[\u0edc\u0ec9\u0eb2\u0ec0\u0ea7\u0ea5\u0eb2] LT",lastDay:"[\u0ea1\u0eb7\u0ec9\u0ea7\u0eb2\u0e99\u0e99\u0eb5\u0ec9\u0ec0\u0ea7\u0ea5\u0eb2] LT",lastWeek:"[\u0ea7\u0eb1\u0e99]dddd[\u0ec1\u0ea5\u0ec9\u0ea7\u0e99\u0eb5\u0ec9\u0ec0\u0ea7\u0ea5\u0eb2] LT",sameElse:"L"},relativeTime:{future:"\u0ead\u0eb5\u0e81 %s",past:"%s\u0e9c\u0ec8\u0eb2\u0e99\u0ea1\u0eb2",s:"\u0e9a\u0ecd\u0ec8\u0ec0\u0e97\u0ebb\u0ec8\u0eb2\u0ec3\u0e94\u0ea7\u0eb4\u0e99\u0eb2\u0e97\u0eb5",ss:"%d \u0ea7\u0eb4\u0e99\u0eb2\u0e97\u0eb5",m:"1 \u0e99\u0eb2\u0e97\u0eb5",mm:"%d \u0e99\u0eb2\u0e97\u0eb5",h:"1 \u0e8a\u0ebb\u0ec8\u0ea7\u0ec2\u0ea1\u0e87",hh:"%d \u0e8a\u0ebb\u0ec8\u0ea7\u0ec2\u0ea1\u0e87",d:"1 \u0ea1\u0eb7\u0ec9",dd:"%d \u0ea1\u0eb7\u0ec9",M:"1 \u0ec0\u0e94\u0eb7\u0ead\u0e99",MM:"%d \u0ec0\u0e94\u0eb7\u0ead\u0e99",y:"1 \u0e9b\u0eb5",yy:"%d \u0e9b\u0eb5"},dayOfMonthOrdinalParse:/(\u0e97\u0eb5\u0ec8)\d{1,2}/,ordinal:function(w){return"\u0e97\u0eb5\u0ec8"+w}})}(F(6676))},5430:function(J,Z,F){!function(D){"use strict";var _={ss:"sekund\u0117_sekund\u017ei\u0173_sekundes",m:"minut\u0117_minut\u0117s_minut\u0119",mm:"minut\u0117s_minu\u010di\u0173_minutes",h:"valanda_valandos_valand\u0105",hh:"valandos_valand\u0173_valandas",d:"diena_dienos_dien\u0105",dd:"dienos_dien\u0173_dienas",M:"m\u0117nuo_m\u0117nesio_m\u0117nes\u012f",MM:"m\u0117nesiai_m\u0117nesi\u0173_m\u0117nesius",y:"metai_met\u0173_metus",yy:"metai_met\u0173_metus"};function y(U,ie,De,He){return ie?k(De)[0]:He?k(De)[1]:k(De)[2]}function b(U){return U%10==0||U>10&&U<20}function k(U){return _[U].split("_")}function P(U,ie,De,He){var lt=U+" ";return 1===U?lt+y(0,ie,De[0],He):ie?lt+(b(U)?k(De)[1]:k(De)[0]):He?lt+k(De)[1]:lt+(b(U)?k(De)[1]:k(De)[2])}D.defineLocale("lt",{months:{format:"sausio_vasario_kovo_baland\u017eio_gegu\u017e\u0117s_bir\u017eelio_liepos_rugpj\u016b\u010dio_rugs\u0117jo_spalio_lapkri\u010dio_gruod\u017eio".split("_"),standalone:"sausis_vasaris_kovas_balandis_gegu\u017e\u0117_bir\u017eelis_liepa_rugpj\u016btis_rugs\u0117jis_spalis_lapkritis_gruodis".split("_"),isFormat:/D[oD]?(\[[^\[\]]*\]|\s)+MMMM?|MMMM?(\[[^\[\]]*\]|\s)+D[oD]?/},monthsShort:"sau_vas_kov_bal_geg_bir_lie_rgp_rgs_spa_lap_grd".split("_"),weekdays:{format:"sekmadien\u012f_pirmadien\u012f_antradien\u012f_tre\u010diadien\u012f_ketvirtadien\u012f_penktadien\u012f_\u0161e\u0161tadien\u012f".split("_"),standalone:"sekmadienis_pirmadienis_antradienis_tre\u010diadienis_ketvirtadienis_penktadienis_\u0161e\u0161tadienis".split("_"),isFormat:/dddd HH:mm/},weekdaysShort:"Sek_Pir_Ant_Tre_Ket_Pen_\u0160e\u0161".split("_"),weekdaysMin:"S_P_A_T_K_Pn_\u0160".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY-MM-DD",LL:"YYYY [m.] MMMM D [d.]",LLL:"YYYY [m.] MMMM D [d.], HH:mm [val.]",LLLL:"YYYY [m.] MMMM D [d.], dddd, HH:mm [val.]",l:"YYYY-MM-DD",ll:"YYYY [m.] MMMM D [d.]",lll:"YYYY [m.] MMMM D [d.], HH:mm [val.]",llll:"YYYY [m.] MMMM D [d.], ddd, HH:mm [val.]"},calendar:{sameDay:"[\u0160iandien] LT",nextDay:"[Rytoj] LT",nextWeek:"dddd LT",lastDay:"[Vakar] LT",lastWeek:"[Pra\u0117jus\u012f] dddd LT",sameElse:"L"},relativeTime:{future:"po %s",past:"prie\u0161 %s",s:function w(U,ie,De,He){return ie?"kelios sekund\u0117s":He?"keli\u0173 sekund\u017ei\u0173":"kelias sekundes"},ss:P,m:y,mm:P,h:y,hh:P,d:y,dd:P,M:y,MM:P,y,yy:P},dayOfMonthOrdinalParse:/\d{1,2}-oji/,ordinal:function(U){return U+"-oji"},week:{dow:1,doy:4}})}(F(6676))},3363:function(J,Z,F){!function(D){"use strict";var _={ss:"sekundes_sekund\u0113m_sekunde_sekundes".split("_"),m:"min\u016btes_min\u016bt\u0113m_min\u016bte_min\u016btes".split("_"),mm:"min\u016btes_min\u016bt\u0113m_min\u016bte_min\u016btes".split("_"),h:"stundas_stund\u0101m_stunda_stundas".split("_"),hh:"stundas_stund\u0101m_stunda_stundas".split("_"),d:"dienas_dien\u0101m_diena_dienas".split("_"),dd:"dienas_dien\u0101m_diena_dienas".split("_"),M:"m\u0113ne\u0161a_m\u0113ne\u0161iem_m\u0113nesis_m\u0113ne\u0161i".split("_"),MM:"m\u0113ne\u0161a_m\u0113ne\u0161iem_m\u0113nesis_m\u0113ne\u0161i".split("_"),y:"gada_gadiem_gads_gadi".split("_"),yy:"gada_gadiem_gads_gadi".split("_")};function w(N,U,ie){return ie?U%10==1&&U%100!=11?N[2]:N[3]:U%10==1&&U%100!=11?N[0]:N[1]}function y(N,U,ie){return N+" "+w(_[ie],N,U)}function b(N,U,ie){return w(_[ie],N,U)}D.defineLocale("lv",{months:"janv\u0101ris_febru\u0101ris_marts_apr\u012blis_maijs_j\u016bnijs_j\u016blijs_augusts_septembris_oktobris_novembris_decembris".split("_"),monthsShort:"jan_feb_mar_apr_mai_j\u016bn_j\u016bl_aug_sep_okt_nov_dec".split("_"),weekdays:"sv\u0113tdiena_pirmdiena_otrdiena_tre\u0161diena_ceturtdiena_piektdiena_sestdiena".split("_"),weekdaysShort:"Sv_P_O_T_C_Pk_S".split("_"),weekdaysMin:"Sv_P_O_T_C_Pk_S".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY.",LL:"YYYY. [gada] D. MMMM",LLL:"YYYY. [gada] D. MMMM, HH:mm",LLLL:"YYYY. [gada] D. MMMM, dddd, HH:mm"},calendar:{sameDay:"[\u0160odien pulksten] LT",nextDay:"[R\u012bt pulksten] LT",nextWeek:"dddd [pulksten] LT",lastDay:"[Vakar pulksten] LT",lastWeek:"[Pag\u0101ju\u0161\u0101] dddd [pulksten] LT",sameElse:"L"},relativeTime:{future:"p\u0113c %s",past:"pirms %s",s:function k(N,U){return U?"da\u017eas sekundes":"da\u017e\u0101m sekund\u0113m"},ss:y,m:b,mm:y,h:b,hh:y,d:b,dd:y,M:b,MM:y,y:b,yy:y},dayOfMonthOrdinalParse:/\d{1,2}\./,ordinal:"%d.",week:{dow:1,doy:4}})}(F(6676))},2939:function(J,Z,F){!function(D){"use strict";var _={words:{ss:["sekund","sekunda","sekundi"],m:["jedan minut","jednog minuta"],mm:["minut","minuta","minuta"],h:["jedan sat","jednog sata"],hh:["sat","sata","sati"],dd:["dan","dana","dana"],MM:["mjesec","mjeseca","mjeseci"],yy:["godina","godine","godina"]},correctGrammaticalCase:function(y,b){return 1===y?b[0]:y>=2&&y<=4?b[1]:b[2]},translate:function(y,b,k){var P=_.words[k];return 1===k.length?b?P[0]:P[1]:y+" "+_.correctGrammaticalCase(y,P)}};D.defineLocale("me",{months:"januar_februar_mart_april_maj_jun_jul_avgust_septembar_oktobar_novembar_decembar".split("_"),monthsShort:"jan._feb._mar._apr._maj_jun_jul_avg._sep._okt._nov._dec.".split("_"),monthsParseExact:!0,weekdays:"nedjelja_ponedjeljak_utorak_srijeda_\u010detvrtak_petak_subota".split("_"),weekdaysShort:"ned._pon._uto._sri._\u010det._pet._sub.".split("_"),weekdaysMin:"ne_po_ut_sr_\u010de_pe_su".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"H:mm",LTS:"H:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY H:mm",LLLL:"dddd, D. MMMM YYYY H:mm"},calendar:{sameDay:"[danas u] LT",nextDay:"[sjutra u] LT",nextWeek:function(){switch(this.day()){case 0:return"[u] [nedjelju] [u] LT";case 3:return"[u] [srijedu] [u] LT";case 6:return"[u] [subotu] [u] LT";case 1:case 2:case 4:case 5:return"[u] dddd [u] LT"}},lastDay:"[ju\u010de u] LT",lastWeek:function(){return["[pro\u0161le] [nedjelje] [u] LT","[pro\u0161log] [ponedjeljka] [u] LT","[pro\u0161log] [utorka] [u] LT","[pro\u0161le] [srijede] [u] LT","[pro\u0161log] [\u010detvrtka] [u] LT","[pro\u0161log] [petka] [u] LT","[pro\u0161le] [subote] [u] LT"][this.day()]},sameElse:"L"},relativeTime:{future:"za %s",past:"prije %s",s:"nekoliko sekundi",ss:_.translate,m:_.translate,mm:_.translate,h:_.translate,hh:_.translate,d:"dan",dd:_.translate,M:"mjesec",MM:_.translate,y:"godinu",yy:_.translate},dayOfMonthOrdinalParse:/\d{1,2}\./,ordinal:"%d.",week:{dow:1,doy:7}})}(F(6676))},8212:function(J,Z,F){!function(D){"use strict";D.defineLocale("mi",{months:"Kohi-t\u0101te_Hui-tanguru_Pout\u016b-te-rangi_Paenga-wh\u0101wh\u0101_Haratua_Pipiri_H\u014dngoingoi_Here-turi-k\u014dk\u0101_Mahuru_Whiringa-\u0101-nuku_Whiringa-\u0101-rangi_Hakihea".split("_"),monthsShort:"Kohi_Hui_Pou_Pae_Hara_Pipi_H\u014dngoi_Here_Mahu_Whi-nu_Whi-ra_Haki".split("_"),monthsRegex:/(?:['a-z\u0101\u014D\u016B]+\-?){1,3}/i,monthsStrictRegex:/(?:['a-z\u0101\u014D\u016B]+\-?){1,3}/i,monthsShortRegex:/(?:['a-z\u0101\u014D\u016B]+\-?){1,3}/i,monthsShortStrictRegex:/(?:['a-z\u0101\u014D\u016B]+\-?){1,2}/i,weekdays:"R\u0101tapu_Mane_T\u016brei_Wenerei_T\u0101ite_Paraire_H\u0101tarei".split("_"),weekdaysShort:"Ta_Ma_T\u016b_We_T\u0101i_Pa_H\u0101".split("_"),weekdaysMin:"Ta_Ma_T\u016b_We_T\u0101i_Pa_H\u0101".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY [i] HH:mm",LLLL:"dddd, D MMMM YYYY [i] HH:mm"},calendar:{sameDay:"[i teie mahana, i] LT",nextDay:"[apopo i] LT",nextWeek:"dddd [i] LT",lastDay:"[inanahi i] LT",lastWeek:"dddd [whakamutunga i] LT",sameElse:"L"},relativeTime:{future:"i roto i %s",past:"%s i mua",s:"te h\u0113kona ruarua",ss:"%d h\u0113kona",m:"he meneti",mm:"%d meneti",h:"te haora",hh:"%d haora",d:"he ra",dd:"%d ra",M:"he marama",MM:"%d marama",y:"he tau",yy:"%d tau"},dayOfMonthOrdinalParse:/\d{1,2}\xba/,ordinal:"%d\xba",week:{dow:1,doy:4}})}(F(6676))},9718:function(J,Z,F){!function(D){"use strict";D.defineLocale("mk",{months:"\u0458\u0430\u043d\u0443\u0430\u0440\u0438_\u0444\u0435\u0432\u0440\u0443\u0430\u0440\u0438_\u043c\u0430\u0440\u0442_\u0430\u043f\u0440\u0438\u043b_\u043c\u0430\u0458_\u0458\u0443\u043d\u0438_\u0458\u0443\u043b\u0438_\u0430\u0432\u0433\u0443\u0441\u0442_\u0441\u0435\u043f\u0442\u0435\u043c\u0432\u0440\u0438_\u043e\u043a\u0442\u043e\u043c\u0432\u0440\u0438_\u043d\u043e\u0435\u043c\u0432\u0440\u0438_\u0434\u0435\u043a\u0435\u043c\u0432\u0440\u0438".split("_"),monthsShort:"\u0458\u0430\u043d_\u0444\u0435\u0432_\u043c\u0430\u0440_\u0430\u043f\u0440_\u043c\u0430\u0458_\u0458\u0443\u043d_\u0458\u0443\u043b_\u0430\u0432\u0433_\u0441\u0435\u043f_\u043e\u043a\u0442_\u043d\u043e\u0435_\u0434\u0435\u043a".split("_"),weekdays:"\u043d\u0435\u0434\u0435\u043b\u0430_\u043f\u043e\u043d\u0435\u0434\u0435\u043b\u043d\u0438\u043a_\u0432\u0442\u043e\u0440\u043d\u0438\u043a_\u0441\u0440\u0435\u0434\u0430_\u0447\u0435\u0442\u0432\u0440\u0442\u043e\u043a_\u043f\u0435\u0442\u043e\u043a_\u0441\u0430\u0431\u043e\u0442\u0430".split("_"),weekdaysShort:"\u043d\u0435\u0434_\u043f\u043e\u043d_\u0432\u0442\u043e_\u0441\u0440\u0435_\u0447\u0435\u0442_\u043f\u0435\u0442_\u0441\u0430\u0431".split("_"),weekdaysMin:"\u043de_\u043fo_\u0432\u0442_\u0441\u0440_\u0447\u0435_\u043f\u0435_\u0441a".split("_"),longDateFormat:{LT:"H:mm",LTS:"H:mm:ss",L:"D.MM.YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY H:mm",LLLL:"dddd, D MMMM YYYY H:mm"},calendar:{sameDay:"[\u0414\u0435\u043d\u0435\u0441 \u0432\u043e] LT",nextDay:"[\u0423\u0442\u0440\u0435 \u0432\u043e] LT",nextWeek:"[\u0412\u043e] dddd [\u0432\u043e] LT",lastDay:"[\u0412\u0447\u0435\u0440\u0430 \u0432\u043e] LT",lastWeek:function(){switch(this.day()){case 0:case 3:case 6:return"[\u0418\u0437\u043c\u0438\u043d\u0430\u0442\u0430\u0442\u0430] dddd [\u0432\u043e] LT";case 1:case 2:case 4:case 5:return"[\u0418\u0437\u043c\u0438\u043d\u0430\u0442\u0438\u043e\u0442] dddd [\u0432\u043e] LT"}},sameElse:"L"},relativeTime:{future:"\u0437\u0430 %s",past:"\u043f\u0440\u0435\u0434 %s",s:"\u043d\u0435\u043a\u043e\u043b\u043a\u0443 \u0441\u0435\u043a\u0443\u043d\u0434\u0438",ss:"%d \u0441\u0435\u043a\u0443\u043d\u0434\u0438",m:"\u0435\u0434\u043d\u0430 \u043c\u0438\u043d\u0443\u0442\u0430",mm:"%d \u043c\u0438\u043d\u0443\u0442\u0438",h:"\u0435\u0434\u0435\u043d \u0447\u0430\u0441",hh:"%d \u0447\u0430\u0441\u0430",d:"\u0435\u0434\u0435\u043d \u0434\u0435\u043d",dd:"%d \u0434\u0435\u043d\u0430",M:"\u0435\u0434\u0435\u043d \u043c\u0435\u0441\u0435\u0446",MM:"%d \u043c\u0435\u0441\u0435\u0446\u0438",y:"\u0435\u0434\u043d\u0430 \u0433\u043e\u0434\u0438\u043d\u0430",yy:"%d \u0433\u043e\u0434\u0438\u043d\u0438"},dayOfMonthOrdinalParse:/\d{1,2}-(\u0435\u0432|\u0435\u043d|\u0442\u0438|\u0432\u0438|\u0440\u0438|\u043c\u0438)/,ordinal:function(w){var y=w%10,b=w%100;return 0===w?w+"-\u0435\u0432":0===b?w+"-\u0435\u043d":b>10&&b<20?w+"-\u0442\u0438":1===y?w+"-\u0432\u0438":2===y?w+"-\u0440\u0438":7===y||8===y?w+"-\u043c\u0438":w+"-\u0442\u0438"},week:{dow:1,doy:7}})}(F(6676))},561:function(J,Z,F){!function(D){"use strict";D.defineLocale("ml",{months:"\u0d1c\u0d28\u0d41\u0d35\u0d30\u0d3f_\u0d2b\u0d46\u0d2c\u0d4d\u0d30\u0d41\u0d35\u0d30\u0d3f_\u0d2e\u0d3e\u0d7c\u0d1a\u0d4d\u0d1a\u0d4d_\u0d0f\u0d2a\u0d4d\u0d30\u0d3f\u0d7d_\u0d2e\u0d47\u0d2f\u0d4d_\u0d1c\u0d42\u0d7a_\u0d1c\u0d42\u0d32\u0d48_\u0d13\u0d17\u0d38\u0d4d\u0d31\u0d4d\u0d31\u0d4d_\u0d38\u0d46\u0d2a\u0d4d\u0d31\u0d4d\u0d31\u0d02\u0d2c\u0d7c_\u0d12\u0d15\u0d4d\u0d1f\u0d4b\u0d2c\u0d7c_\u0d28\u0d35\u0d02\u0d2c\u0d7c_\u0d21\u0d3f\u0d38\u0d02\u0d2c\u0d7c".split("_"),monthsShort:"\u0d1c\u0d28\u0d41._\u0d2b\u0d46\u0d2c\u0d4d\u0d30\u0d41._\u0d2e\u0d3e\u0d7c._\u0d0f\u0d2a\u0d4d\u0d30\u0d3f._\u0d2e\u0d47\u0d2f\u0d4d_\u0d1c\u0d42\u0d7a_\u0d1c\u0d42\u0d32\u0d48._\u0d13\u0d17._\u0d38\u0d46\u0d2a\u0d4d\u0d31\u0d4d\u0d31._\u0d12\u0d15\u0d4d\u0d1f\u0d4b._\u0d28\u0d35\u0d02._\u0d21\u0d3f\u0d38\u0d02.".split("_"),monthsParseExact:!0,weekdays:"\u0d1e\u0d3e\u0d2f\u0d31\u0d3e\u0d34\u0d4d\u0d1a_\u0d24\u0d3f\u0d19\u0d4d\u0d15\u0d33\u0d3e\u0d34\u0d4d\u0d1a_\u0d1a\u0d4a\u0d35\u0d4d\u0d35\u0d3e\u0d34\u0d4d\u0d1a_\u0d2c\u0d41\u0d27\u0d28\u0d3e\u0d34\u0d4d\u0d1a_\u0d35\u0d4d\u0d2f\u0d3e\u0d34\u0d3e\u0d34\u0d4d\u0d1a_\u0d35\u0d46\u0d33\u0d4d\u0d33\u0d3f\u0d2f\u0d3e\u0d34\u0d4d\u0d1a_\u0d36\u0d28\u0d3f\u0d2f\u0d3e\u0d34\u0d4d\u0d1a".split("_"),weekdaysShort:"\u0d1e\u0d3e\u0d2f\u0d7c_\u0d24\u0d3f\u0d19\u0d4d\u0d15\u0d7e_\u0d1a\u0d4a\u0d35\u0d4d\u0d35_\u0d2c\u0d41\u0d27\u0d7b_\u0d35\u0d4d\u0d2f\u0d3e\u0d34\u0d02_\u0d35\u0d46\u0d33\u0d4d\u0d33\u0d3f_\u0d36\u0d28\u0d3f".split("_"),weekdaysMin:"\u0d1e\u0d3e_\u0d24\u0d3f_\u0d1a\u0d4a_\u0d2c\u0d41_\u0d35\u0d4d\u0d2f\u0d3e_\u0d35\u0d46_\u0d36".split("_"),longDateFormat:{LT:"A h:mm -\u0d28\u0d41",LTS:"A h:mm:ss -\u0d28\u0d41",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY, A h:mm -\u0d28\u0d41",LLLL:"dddd, D MMMM YYYY, A h:mm -\u0d28\u0d41"},calendar:{sameDay:"[\u0d07\u0d28\u0d4d\u0d28\u0d4d] LT",nextDay:"[\u0d28\u0d3e\u0d33\u0d46] LT",nextWeek:"dddd, LT",lastDay:"[\u0d07\u0d28\u0d4d\u0d28\u0d32\u0d46] LT",lastWeek:"[\u0d15\u0d34\u0d3f\u0d1e\u0d4d\u0d1e] dddd, LT",sameElse:"L"},relativeTime:{future:"%s \u0d15\u0d34\u0d3f\u0d1e\u0d4d\u0d1e\u0d4d",past:"%s \u0d2e\u0d41\u0d7b\u0d2a\u0d4d",s:"\u0d05\u0d7d\u0d2a \u0d28\u0d3f\u0d2e\u0d3f\u0d37\u0d19\u0d4d\u0d19\u0d7e",ss:"%d \u0d38\u0d46\u0d15\u0d4d\u0d15\u0d7b\u0d21\u0d4d",m:"\u0d12\u0d30\u0d41 \u0d2e\u0d3f\u0d28\u0d3f\u0d31\u0d4d\u0d31\u0d4d",mm:"%d \u0d2e\u0d3f\u0d28\u0d3f\u0d31\u0d4d\u0d31\u0d4d",h:"\u0d12\u0d30\u0d41 \u0d2e\u0d23\u0d3f\u0d15\u0d4d\u0d15\u0d42\u0d7c",hh:"%d \u0d2e\u0d23\u0d3f\u0d15\u0d4d\u0d15\u0d42\u0d7c",d:"\u0d12\u0d30\u0d41 \u0d26\u0d3f\u0d35\u0d38\u0d02",dd:"%d \u0d26\u0d3f\u0d35\u0d38\u0d02",M:"\u0d12\u0d30\u0d41 \u0d2e\u0d3e\u0d38\u0d02",MM:"%d \u0d2e\u0d3e\u0d38\u0d02",y:"\u0d12\u0d30\u0d41 \u0d35\u0d7c\u0d37\u0d02",yy:"%d \u0d35\u0d7c\u0d37\u0d02"},meridiemParse:/\u0d30\u0d3e\u0d24\u0d4d\u0d30\u0d3f|\u0d30\u0d3e\u0d35\u0d3f\u0d32\u0d46|\u0d09\u0d1a\u0d4d\u0d1a \u0d15\u0d34\u0d3f\u0d1e\u0d4d\u0d1e\u0d4d|\u0d35\u0d48\u0d15\u0d41\u0d28\u0d4d\u0d28\u0d47\u0d30\u0d02|\u0d30\u0d3e\u0d24\u0d4d\u0d30\u0d3f/i,meridiemHour:function(w,y){return 12===w&&(w=0),"\u0d30\u0d3e\u0d24\u0d4d\u0d30\u0d3f"===y&&w>=4||"\u0d09\u0d1a\u0d4d\u0d1a \u0d15\u0d34\u0d3f\u0d1e\u0d4d\u0d1e\u0d4d"===y||"\u0d35\u0d48\u0d15\u0d41\u0d28\u0d4d\u0d28\u0d47\u0d30\u0d02"===y?w+12:w},meridiem:function(w,y,b){return w<4?"\u0d30\u0d3e\u0d24\u0d4d\u0d30\u0d3f":w<12?"\u0d30\u0d3e\u0d35\u0d3f\u0d32\u0d46":w<17?"\u0d09\u0d1a\u0d4d\u0d1a \u0d15\u0d34\u0d3f\u0d1e\u0d4d\u0d1e\u0d4d":w<20?"\u0d35\u0d48\u0d15\u0d41\u0d28\u0d4d\u0d28\u0d47\u0d30\u0d02":"\u0d30\u0d3e\u0d24\u0d4d\u0d30\u0d3f"}})}(F(6676))},8929:function(J,Z,F){!function(D){"use strict";function _(y,b,k,P){switch(k){case"s":return b?"\u0445\u044d\u0434\u0445\u044d\u043d \u0441\u0435\u043a\u0443\u043d\u0434":"\u0445\u044d\u0434\u0445\u044d\u043d \u0441\u0435\u043a\u0443\u043d\u0434\u044b\u043d";case"ss":return y+(b?" \u0441\u0435\u043a\u0443\u043d\u0434":" \u0441\u0435\u043a\u0443\u043d\u0434\u044b\u043d");case"m":case"mm":return y+(b?" \u043c\u0438\u043d\u0443\u0442":" \u043c\u0438\u043d\u0443\u0442\u044b\u043d");case"h":case"hh":return y+(b?" \u0446\u0430\u0433":" \u0446\u0430\u0433\u0438\u0439\u043d");case"d":case"dd":return y+(b?" \u04e9\u0434\u04e9\u0440":" \u04e9\u0434\u0440\u0438\u0439\u043d");case"M":case"MM":return y+(b?" \u0441\u0430\u0440":" \u0441\u0430\u0440\u044b\u043d");case"y":case"yy":return y+(b?" \u0436\u0438\u043b":" \u0436\u0438\u043b\u0438\u0439\u043d");default:return y}}D.defineLocale("mn",{months:"\u041d\u044d\u0433\u0434\u04af\u0433\u044d\u044d\u0440 \u0441\u0430\u0440_\u0425\u043e\u0451\u0440\u0434\u0443\u0433\u0430\u0430\u0440 \u0441\u0430\u0440_\u0413\u0443\u0440\u0430\u0432\u0434\u0443\u0433\u0430\u0430\u0440 \u0441\u0430\u0440_\u0414\u04e9\u0440\u04e9\u0432\u0434\u04af\u0433\u044d\u044d\u0440 \u0441\u0430\u0440_\u0422\u0430\u0432\u0434\u0443\u0433\u0430\u0430\u0440 \u0441\u0430\u0440_\u0417\u0443\u0440\u0433\u0430\u0434\u0443\u0433\u0430\u0430\u0440 \u0441\u0430\u0440_\u0414\u043e\u043b\u0434\u0443\u0433\u0430\u0430\u0440 \u0441\u0430\u0440_\u041d\u0430\u0439\u043c\u0434\u0443\u0433\u0430\u0430\u0440 \u0441\u0430\u0440_\u0415\u0441\u0434\u04af\u0433\u044d\u044d\u0440 \u0441\u0430\u0440_\u0410\u0440\u0430\u0432\u0434\u0443\u0433\u0430\u0430\u0440 \u0441\u0430\u0440_\u0410\u0440\u0432\u0430\u043d \u043d\u044d\u0433\u0434\u04af\u0433\u044d\u044d\u0440 \u0441\u0430\u0440_\u0410\u0440\u0432\u0430\u043d \u0445\u043e\u0451\u0440\u0434\u0443\u0433\u0430\u0430\u0440 \u0441\u0430\u0440".split("_"),monthsShort:"1 \u0441\u0430\u0440_2 \u0441\u0430\u0440_3 \u0441\u0430\u0440_4 \u0441\u0430\u0440_5 \u0441\u0430\u0440_6 \u0441\u0430\u0440_7 \u0441\u0430\u0440_8 \u0441\u0430\u0440_9 \u0441\u0430\u0440_10 \u0441\u0430\u0440_11 \u0441\u0430\u0440_12 \u0441\u0430\u0440".split("_"),monthsParseExact:!0,weekdays:"\u041d\u044f\u043c_\u0414\u0430\u0432\u0430\u0430_\u041c\u044f\u0433\u043c\u0430\u0440_\u041b\u0445\u0430\u0433\u0432\u0430_\u041f\u04af\u0440\u044d\u0432_\u0411\u0430\u0430\u0441\u0430\u043d_\u0411\u044f\u043c\u0431\u0430".split("_"),weekdaysShort:"\u041d\u044f\u043c_\u0414\u0430\u0432_\u041c\u044f\u0433_\u041b\u0445\u0430_\u041f\u04af\u0440_\u0411\u0430\u0430_\u0411\u044f\u043c".split("_"),weekdaysMin:"\u041d\u044f_\u0414\u0430_\u041c\u044f_\u041b\u0445_\u041f\u04af_\u0411\u0430_\u0411\u044f".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY-MM-DD",LL:"YYYY \u043e\u043d\u044b MMMM\u044b\u043d D",LLL:"YYYY \u043e\u043d\u044b MMMM\u044b\u043d D HH:mm",LLLL:"dddd, YYYY \u043e\u043d\u044b MMMM\u044b\u043d D HH:mm"},meridiemParse:/\u04ae\u04e8|\u04ae\u0425/i,isPM:function(y){return"\u04ae\u0425"===y},meridiem:function(y,b,k){return y<12?"\u04ae\u04e8":"\u04ae\u0425"},calendar:{sameDay:"[\u04e8\u043d\u04e9\u04e9\u0434\u04e9\u0440] LT",nextDay:"[\u041c\u0430\u0440\u0433\u0430\u0430\u0448] LT",nextWeek:"[\u0418\u0440\u044d\u0445] dddd LT",lastDay:"[\u04e8\u0447\u0438\u0433\u0434\u04e9\u0440] LT",lastWeek:"[\u04e8\u043d\u0433\u04e9\u0440\u0441\u04e9\u043d] dddd LT",sameElse:"L"},relativeTime:{future:"%s \u0434\u0430\u0440\u0430\u0430",past:"%s \u04e9\u043c\u043d\u04e9",s:_,ss:_,m:_,mm:_,h:_,hh:_,d:_,dd:_,M:_,MM:_,y:_,yy:_},dayOfMonthOrdinalParse:/\d{1,2} \u04e9\u0434\u04e9\u0440/,ordinal:function(y,b){switch(b){case"d":case"D":case"DDD":return y+" \u04e9\u0434\u04e9\u0440";default:return y}}})}(F(6676))},4880:function(J,Z,F){!function(D){"use strict";var _={1:"\u0967",2:"\u0968",3:"\u0969",4:"\u096a",5:"\u096b",6:"\u096c",7:"\u096d",8:"\u096e",9:"\u096f",0:"\u0966"},w={"\u0967":"1","\u0968":"2","\u0969":"3","\u096a":"4","\u096b":"5","\u096c":"6","\u096d":"7","\u096e":"8","\u096f":"9","\u0966":"0"};function y(k,P,N,U){var ie="";if(P)switch(N){case"s":ie="\u0915\u093e\u0939\u0940 \u0938\u0947\u0915\u0902\u0926";break;case"ss":ie="%d \u0938\u0947\u0915\u0902\u0926";break;case"m":ie="\u090f\u0915 \u092e\u093f\u0928\u093f\u091f";break;case"mm":ie="%d \u092e\u093f\u0928\u093f\u091f\u0947";break;case"h":ie="\u090f\u0915 \u0924\u093e\u0938";break;case"hh":ie="%d \u0924\u093e\u0938";break;case"d":ie="\u090f\u0915 \u0926\u093f\u0935\u0938";break;case"dd":ie="%d \u0926\u093f\u0935\u0938";break;case"M":ie="\u090f\u0915 \u092e\u0939\u093f\u0928\u093e";break;case"MM":ie="%d \u092e\u0939\u093f\u0928\u0947";break;case"y":ie="\u090f\u0915 \u0935\u0930\u094d\u0937";break;case"yy":ie="%d \u0935\u0930\u094d\u0937\u0947"}else switch(N){case"s":ie="\u0915\u093e\u0939\u0940 \u0938\u0947\u0915\u0902\u0926\u093e\u0902";break;case"ss":ie="%d \u0938\u0947\u0915\u0902\u0926\u093e\u0902";break;case"m":ie="\u090f\u0915\u093e \u092e\u093f\u0928\u093f\u091f\u093e";break;case"mm":ie="%d \u092e\u093f\u0928\u093f\u091f\u093e\u0902";break;case"h":ie="\u090f\u0915\u093e \u0924\u093e\u0938\u093e";break;case"hh":ie="%d \u0924\u093e\u0938\u093e\u0902";break;case"d":ie="\u090f\u0915\u093e \u0926\u093f\u0935\u0938\u093e";break;case"dd":ie="%d \u0926\u093f\u0935\u0938\u093e\u0902";break;case"M":ie="\u090f\u0915\u093e \u092e\u0939\u093f\u0928\u094d\u092f\u093e";break;case"MM":ie="%d \u092e\u0939\u093f\u0928\u094d\u092f\u093e\u0902";break;case"y":ie="\u090f\u0915\u093e \u0935\u0930\u094d\u0937\u093e";break;case"yy":ie="%d \u0935\u0930\u094d\u0937\u093e\u0902"}return ie.replace(/%d/i,k)}D.defineLocale("mr",{months:"\u091c\u093e\u0928\u0947\u0935\u093e\u0930\u0940_\u092b\u0947\u092c\u094d\u0930\u0941\u0935\u093e\u0930\u0940_\u092e\u093e\u0930\u094d\u091a_\u090f\u092a\u094d\u0930\u093f\u0932_\u092e\u0947_\u091c\u0942\u0928_\u091c\u0941\u0932\u0948_\u0911\u0917\u0938\u094d\u091f_\u0938\u092a\u094d\u091f\u0947\u0902\u092c\u0930_\u0911\u0915\u094d\u091f\u094b\u092c\u0930_\u0928\u094b\u0935\u094d\u0939\u0947\u0902\u092c\u0930_\u0921\u093f\u0938\u0947\u0902\u092c\u0930".split("_"),monthsShort:"\u091c\u093e\u0928\u0947._\u092b\u0947\u092c\u094d\u0930\u0941._\u092e\u093e\u0930\u094d\u091a._\u090f\u092a\u094d\u0930\u093f._\u092e\u0947._\u091c\u0942\u0928._\u091c\u0941\u0932\u0948._\u0911\u0917._\u0938\u092a\u094d\u091f\u0947\u0902._\u0911\u0915\u094d\u091f\u094b._\u0928\u094b\u0935\u094d\u0939\u0947\u0902._\u0921\u093f\u0938\u0947\u0902.".split("_"),monthsParseExact:!0,weekdays:"\u0930\u0935\u093f\u0935\u093e\u0930_\u0938\u094b\u092e\u0935\u093e\u0930_\u092e\u0902\u0917\u0933\u0935\u093e\u0930_\u092c\u0941\u0927\u0935\u093e\u0930_\u0917\u0941\u0930\u0942\u0935\u093e\u0930_\u0936\u0941\u0915\u094d\u0930\u0935\u093e\u0930_\u0936\u0928\u093f\u0935\u093e\u0930".split("_"),weekdaysShort:"\u0930\u0935\u093f_\u0938\u094b\u092e_\u092e\u0902\u0917\u0933_\u092c\u0941\u0927_\u0917\u0941\u0930\u0942_\u0936\u0941\u0915\u094d\u0930_\u0936\u0928\u093f".split("_"),weekdaysMin:"\u0930_\u0938\u094b_\u092e\u0902_\u092c\u0941_\u0917\u0941_\u0936\u0941_\u0936".split("_"),longDateFormat:{LT:"A h:mm \u0935\u093e\u091c\u0924\u093e",LTS:"A h:mm:ss \u0935\u093e\u091c\u0924\u093e",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY, A h:mm \u0935\u093e\u091c\u0924\u093e",LLLL:"dddd, D MMMM YYYY, A h:mm \u0935\u093e\u091c\u0924\u093e"},calendar:{sameDay:"[\u0906\u091c] LT",nextDay:"[\u0909\u0926\u094d\u092f\u093e] LT",nextWeek:"dddd, LT",lastDay:"[\u0915\u093e\u0932] LT",lastWeek:"[\u092e\u093e\u0917\u0940\u0932] dddd, LT",sameElse:"L"},relativeTime:{future:"%s\u092e\u0927\u094d\u092f\u0947",past:"%s\u092a\u0942\u0930\u094d\u0935\u0940",s:y,ss:y,m:y,mm:y,h:y,hh:y,d:y,dd:y,M:y,MM:y,y,yy:y},preparse:function(k){return k.replace(/[\u0967\u0968\u0969\u096a\u096b\u096c\u096d\u096e\u096f\u0966]/g,function(P){return w[P]})},postformat:function(k){return k.replace(/\d/g,function(P){return _[P]})},meridiemParse:/\u092a\u0939\u093e\u091f\u0947|\u0938\u0915\u093e\u0933\u0940|\u0926\u0941\u092a\u093e\u0930\u0940|\u0938\u093e\u092f\u0902\u0915\u093e\u0933\u0940|\u0930\u093e\u0924\u094d\u0930\u0940/,meridiemHour:function(k,P){return 12===k&&(k=0),"\u092a\u0939\u093e\u091f\u0947"===P||"\u0938\u0915\u093e\u0933\u0940"===P?k:"\u0926\u0941\u092a\u093e\u0930\u0940"===P||"\u0938\u093e\u092f\u0902\u0915\u093e\u0933\u0940"===P||"\u0930\u093e\u0924\u094d\u0930\u0940"===P?k>=12?k:k+12:void 0},meridiem:function(k,P,N){return k>=0&&k<6?"\u092a\u0939\u093e\u091f\u0947":k<12?"\u0938\u0915\u093e\u0933\u0940":k<17?"\u0926\u0941\u092a\u093e\u0930\u0940":k<20?"\u0938\u093e\u092f\u0902\u0915\u093e\u0933\u0940":"\u0930\u093e\u0924\u094d\u0930\u0940"},week:{dow:0,doy:6}})}(F(6676))},2074:function(J,Z,F){!function(D){"use strict";D.defineLocale("ms-my",{months:"Januari_Februari_Mac_April_Mei_Jun_Julai_Ogos_September_Oktober_November_Disember".split("_"),monthsShort:"Jan_Feb_Mac_Apr_Mei_Jun_Jul_Ogs_Sep_Okt_Nov_Dis".split("_"),weekdays:"Ahad_Isnin_Selasa_Rabu_Khamis_Jumaat_Sabtu".split("_"),weekdaysShort:"Ahd_Isn_Sel_Rab_Kha_Jum_Sab".split("_"),weekdaysMin:"Ah_Is_Sl_Rb_Km_Jm_Sb".split("_"),longDateFormat:{LT:"HH.mm",LTS:"HH.mm.ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY [pukul] HH.mm",LLLL:"dddd, D MMMM YYYY [pukul] HH.mm"},meridiemParse:/pagi|tengahari|petang|malam/,meridiemHour:function(w,y){return 12===w&&(w=0),"pagi"===y?w:"tengahari"===y?w>=11?w:w+12:"petang"===y||"malam"===y?w+12:void 0},meridiem:function(w,y,b){return w<11?"pagi":w<15?"tengahari":w<19?"petang":"malam"},calendar:{sameDay:"[Hari ini pukul] LT",nextDay:"[Esok pukul] LT",nextWeek:"dddd [pukul] LT",lastDay:"[Kelmarin pukul] LT",lastWeek:"dddd [lepas pukul] LT",sameElse:"L"},relativeTime:{future:"dalam %s",past:"%s yang lepas",s:"beberapa saat",ss:"%d saat",m:"seminit",mm:"%d minit",h:"sejam",hh:"%d jam",d:"sehari",dd:"%d hari",M:"sebulan",MM:"%d bulan",y:"setahun",yy:"%d tahun"},week:{dow:1,doy:7}})}(F(6676))},3193:function(J,Z,F){!function(D){"use strict";D.defineLocale("ms",{months:"Januari_Februari_Mac_April_Mei_Jun_Julai_Ogos_September_Oktober_November_Disember".split("_"),monthsShort:"Jan_Feb_Mac_Apr_Mei_Jun_Jul_Ogs_Sep_Okt_Nov_Dis".split("_"),weekdays:"Ahad_Isnin_Selasa_Rabu_Khamis_Jumaat_Sabtu".split("_"),weekdaysShort:"Ahd_Isn_Sel_Rab_Kha_Jum_Sab".split("_"),weekdaysMin:"Ah_Is_Sl_Rb_Km_Jm_Sb".split("_"),longDateFormat:{LT:"HH.mm",LTS:"HH.mm.ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY [pukul] HH.mm",LLLL:"dddd, D MMMM YYYY [pukul] HH.mm"},meridiemParse:/pagi|tengahari|petang|malam/,meridiemHour:function(w,y){return 12===w&&(w=0),"pagi"===y?w:"tengahari"===y?w>=11?w:w+12:"petang"===y||"malam"===y?w+12:void 0},meridiem:function(w,y,b){return w<11?"pagi":w<15?"tengahari":w<19?"petang":"malam"},calendar:{sameDay:"[Hari ini pukul] LT",nextDay:"[Esok pukul] LT",nextWeek:"dddd [pukul] LT",lastDay:"[Kelmarin pukul] LT",lastWeek:"dddd [lepas pukul] LT",sameElse:"L"},relativeTime:{future:"dalam %s",past:"%s yang lepas",s:"beberapa saat",ss:"%d saat",m:"seminit",mm:"%d minit",h:"sejam",hh:"%d jam",d:"sehari",dd:"%d hari",M:"sebulan",MM:"%d bulan",y:"setahun",yy:"%d tahun"},week:{dow:1,doy:7}})}(F(6676))},4082:function(J,Z,F){!function(D){"use strict";D.defineLocale("mt",{months:"Jannar_Frar_Marzu_April_Mejju_\u0120unju_Lulju_Awwissu_Settembru_Ottubru_Novembru_Di\u010bembru".split("_"),monthsShort:"Jan_Fra_Mar_Apr_Mej_\u0120un_Lul_Aww_Set_Ott_Nov_Di\u010b".split("_"),weekdays:"Il-\u0126add_It-Tnejn_It-Tlieta_L-Erbg\u0127a_Il-\u0126amis_Il-\u0120img\u0127a_Is-Sibt".split("_"),weekdaysShort:"\u0126ad_Tne_Tli_Erb_\u0126am_\u0120im_Sib".split("_"),weekdaysMin:"\u0126a_Tn_Tl_Er_\u0126a_\u0120i_Si".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd, D MMMM YYYY HH:mm"},calendar:{sameDay:"[Illum fil-]LT",nextDay:"[G\u0127ada fil-]LT",nextWeek:"dddd [fil-]LT",lastDay:"[Il-biera\u0127 fil-]LT",lastWeek:"dddd [li g\u0127adda] [fil-]LT",sameElse:"L"},relativeTime:{future:"f\u2019 %s",past:"%s ilu",s:"ftit sekondi",ss:"%d sekondi",m:"minuta",mm:"%d minuti",h:"sieg\u0127a",hh:"%d sieg\u0127at",d:"\u0121urnata",dd:"%d \u0121ranet",M:"xahar",MM:"%d xhur",y:"sena",yy:"%d sni"},dayOfMonthOrdinalParse:/\d{1,2}\xba/,ordinal:"%d\xba",week:{dow:1,doy:4}})}(F(6676))},2261:function(J,Z,F){!function(D){"use strict";var _={1:"\u1041",2:"\u1042",3:"\u1043",4:"\u1044",5:"\u1045",6:"\u1046",7:"\u1047",8:"\u1048",9:"\u1049",0:"\u1040"},w={"\u1041":"1","\u1042":"2","\u1043":"3","\u1044":"4","\u1045":"5","\u1046":"6","\u1047":"7","\u1048":"8","\u1049":"9","\u1040":"0"};D.defineLocale("my",{months:"\u1007\u1014\u103a\u1014\u101d\u102b\u101b\u102e_\u1016\u1031\u1016\u1031\u102c\u103a\u101d\u102b\u101b\u102e_\u1019\u1010\u103a_\u1027\u1015\u103c\u102e_\u1019\u1031_\u1007\u103d\u1014\u103a_\u1007\u1030\u101c\u102d\u102f\u1004\u103a_\u101e\u103c\u1002\u102f\u1010\u103a_\u1005\u1000\u103a\u1010\u1004\u103a\u1018\u102c_\u1021\u1031\u102c\u1000\u103a\u1010\u102d\u102f\u1018\u102c_\u1014\u102d\u102f\u101d\u1004\u103a\u1018\u102c_\u1012\u102e\u1007\u1004\u103a\u1018\u102c".split("_"),monthsShort:"\u1007\u1014\u103a_\u1016\u1031_\u1019\u1010\u103a_\u1015\u103c\u102e_\u1019\u1031_\u1007\u103d\u1014\u103a_\u101c\u102d\u102f\u1004\u103a_\u101e\u103c_\u1005\u1000\u103a_\u1021\u1031\u102c\u1000\u103a_\u1014\u102d\u102f_\u1012\u102e".split("_"),weekdays:"\u1010\u1014\u1004\u103a\u1039\u1002\u1014\u103d\u1031_\u1010\u1014\u1004\u103a\u1039\u101c\u102c_\u1021\u1004\u103a\u1039\u1002\u102b_\u1017\u102f\u1012\u1039\u1013\u101f\u1030\u1038_\u1000\u103c\u102c\u101e\u1015\u1010\u1031\u1038_\u101e\u1031\u102c\u1000\u103c\u102c_\u1005\u1014\u1031".split("_"),weekdaysShort:"\u1014\u103d\u1031_\u101c\u102c_\u1002\u102b_\u101f\u1030\u1038_\u1000\u103c\u102c_\u101e\u1031\u102c_\u1014\u1031".split("_"),weekdaysMin:"\u1014\u103d\u1031_\u101c\u102c_\u1002\u102b_\u101f\u1030\u1038_\u1000\u103c\u102c_\u101e\u1031\u102c_\u1014\u1031".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},calendar:{sameDay:"[\u101a\u1014\u1031.] LT [\u1019\u103e\u102c]",nextDay:"[\u1019\u1014\u1000\u103a\u1016\u103c\u1014\u103a] LT [\u1019\u103e\u102c]",nextWeek:"dddd LT [\u1019\u103e\u102c]",lastDay:"[\u1019\u1014\u1031.\u1000] LT [\u1019\u103e\u102c]",lastWeek:"[\u1015\u103c\u102e\u1038\u1001\u1032\u1037\u101e\u1031\u102c] dddd LT [\u1019\u103e\u102c]",sameElse:"L"},relativeTime:{future:"\u101c\u102c\u1019\u100a\u103a\u1037 %s \u1019\u103e\u102c",past:"\u101c\u103d\u1014\u103a\u1001\u1032\u1037\u101e\u1031\u102c %s \u1000",s:"\u1005\u1000\u1039\u1000\u1014\u103a.\u1021\u1014\u100a\u103a\u1038\u1004\u101a\u103a",ss:"%d \u1005\u1000\u1039\u1000\u1014\u1037\u103a",m:"\u1010\u1005\u103a\u1019\u102d\u1014\u1005\u103a",mm:"%d \u1019\u102d\u1014\u1005\u103a",h:"\u1010\u1005\u103a\u1014\u102c\u101b\u102e",hh:"%d \u1014\u102c\u101b\u102e",d:"\u1010\u1005\u103a\u101b\u1000\u103a",dd:"%d \u101b\u1000\u103a",M:"\u1010\u1005\u103a\u101c",MM:"%d \u101c",y:"\u1010\u1005\u103a\u1014\u103e\u1005\u103a",yy:"%d \u1014\u103e\u1005\u103a"},preparse:function(b){return b.replace(/[\u1041\u1042\u1043\u1044\u1045\u1046\u1047\u1048\u1049\u1040]/g,function(k){return w[k]})},postformat:function(b){return b.replace(/\d/g,function(k){return _[k]})},week:{dow:1,doy:4}})}(F(6676))},5273:function(J,Z,F){!function(D){"use strict";D.defineLocale("nb",{months:"januar_februar_mars_april_mai_juni_juli_august_september_oktober_november_desember".split("_"),monthsShort:"jan._feb._mars_apr._mai_juni_juli_aug._sep._okt._nov._des.".split("_"),monthsParseExact:!0,weekdays:"s\xf8ndag_mandag_tirsdag_onsdag_torsdag_fredag_l\xf8rdag".split("_"),weekdaysShort:"s\xf8._ma._ti._on._to._fr._l\xf8.".split("_"),weekdaysMin:"s\xf8_ma_ti_on_to_fr_l\xf8".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY [kl.] HH:mm",LLLL:"dddd D. MMMM YYYY [kl.] HH:mm"},calendar:{sameDay:"[i dag kl.] LT",nextDay:"[i morgen kl.] LT",nextWeek:"dddd [kl.] LT",lastDay:"[i g\xe5r kl.] LT",lastWeek:"[forrige] dddd [kl.] LT",sameElse:"L"},relativeTime:{future:"om %s",past:"%s siden",s:"noen sekunder",ss:"%d sekunder",m:"ett minutt",mm:"%d minutter",h:"en time",hh:"%d timer",d:"en dag",dd:"%d dager",w:"en uke",ww:"%d uker",M:"en m\xe5ned",MM:"%d m\xe5neder",y:"ett \xe5r",yy:"%d \xe5r"},dayOfMonthOrdinalParse:/\d{1,2}\./,ordinal:"%d.",week:{dow:1,doy:4}})}(F(6676))},9874:function(J,Z,F){!function(D){"use strict";var _={1:"\u0967",2:"\u0968",3:"\u0969",4:"\u096a",5:"\u096b",6:"\u096c",7:"\u096d",8:"\u096e",9:"\u096f",0:"\u0966"},w={"\u0967":"1","\u0968":"2","\u0969":"3","\u096a":"4","\u096b":"5","\u096c":"6","\u096d":"7","\u096e":"8","\u096f":"9","\u0966":"0"};D.defineLocale("ne",{months:"\u091c\u0928\u0935\u0930\u0940_\u092b\u0947\u092c\u094d\u0930\u0941\u0935\u0930\u0940_\u092e\u093e\u0930\u094d\u091a_\u0905\u092a\u094d\u0930\u093f\u0932_\u092e\u0908_\u091c\u0941\u0928_\u091c\u0941\u0932\u093e\u0908_\u0905\u0917\u0937\u094d\u091f_\u0938\u0947\u092a\u094d\u091f\u0947\u092e\u094d\u092c\u0930_\u0905\u0915\u094d\u091f\u094b\u092c\u0930_\u0928\u094b\u092d\u0947\u092e\u094d\u092c\u0930_\u0921\u093f\u0938\u0947\u092e\u094d\u092c\u0930".split("_"),monthsShort:"\u091c\u0928._\u092b\u0947\u092c\u094d\u0930\u0941._\u092e\u093e\u0930\u094d\u091a_\u0905\u092a\u094d\u0930\u093f._\u092e\u0908_\u091c\u0941\u0928_\u091c\u0941\u0932\u093e\u0908._\u0905\u0917._\u0938\u0947\u092a\u094d\u091f._\u0905\u0915\u094d\u091f\u094b._\u0928\u094b\u092d\u0947._\u0921\u093f\u0938\u0947.".split("_"),monthsParseExact:!0,weekdays:"\u0906\u0907\u0924\u092c\u093e\u0930_\u0938\u094b\u092e\u092c\u093e\u0930_\u092e\u0919\u094d\u0917\u0932\u092c\u093e\u0930_\u092c\u0941\u0927\u092c\u093e\u0930_\u092c\u093f\u0939\u093f\u092c\u093e\u0930_\u0936\u0941\u0915\u094d\u0930\u092c\u093e\u0930_\u0936\u0928\u093f\u092c\u093e\u0930".split("_"),weekdaysShort:"\u0906\u0907\u0924._\u0938\u094b\u092e._\u092e\u0919\u094d\u0917\u0932._\u092c\u0941\u0927._\u092c\u093f\u0939\u093f._\u0936\u0941\u0915\u094d\u0930._\u0936\u0928\u093f.".split("_"),weekdaysMin:"\u0906._\u0938\u094b._\u092e\u0902._\u092c\u0941._\u092c\u093f._\u0936\u0941._\u0936.".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"A\u0915\u094b h:mm \u092c\u091c\u0947",LTS:"A\u0915\u094b h:mm:ss \u092c\u091c\u0947",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY, A\u0915\u094b h:mm \u092c\u091c\u0947",LLLL:"dddd, D MMMM YYYY, A\u0915\u094b h:mm \u092c\u091c\u0947"},preparse:function(b){return b.replace(/[\u0967\u0968\u0969\u096a\u096b\u096c\u096d\u096e\u096f\u0966]/g,function(k){return w[k]})},postformat:function(b){return b.replace(/\d/g,function(k){return _[k]})},meridiemParse:/\u0930\u093e\u0924\u093f|\u092c\u093f\u0939\u093e\u0928|\u0926\u093f\u0909\u0901\u0938\u094b|\u0938\u093e\u0901\u091d/,meridiemHour:function(b,k){return 12===b&&(b=0),"\u0930\u093e\u0924\u093f"===k?b<4?b:b+12:"\u092c\u093f\u0939\u093e\u0928"===k?b:"\u0926\u093f\u0909\u0901\u0938\u094b"===k?b>=10?b:b+12:"\u0938\u093e\u0901\u091d"===k?b+12:void 0},meridiem:function(b,k,P){return b<3?"\u0930\u093e\u0924\u093f":b<12?"\u092c\u093f\u0939\u093e\u0928":b<16?"\u0926\u093f\u0909\u0901\u0938\u094b":b<20?"\u0938\u093e\u0901\u091d":"\u0930\u093e\u0924\u093f"},calendar:{sameDay:"[\u0906\u091c] LT",nextDay:"[\u092d\u094b\u0932\u093f] LT",nextWeek:"[\u0906\u0909\u0901\u0926\u094b] dddd[,] LT",lastDay:"[\u0939\u093f\u091c\u094b] LT",lastWeek:"[\u0917\u090f\u0915\u094b] dddd[,] LT",sameElse:"L"},relativeTime:{future:"%s\u092e\u093e",past:"%s \u0905\u0917\u093e\u0921\u093f",s:"\u0915\u0947\u0939\u0940 \u0915\u094d\u0937\u0923",ss:"%d \u0938\u0947\u0915\u0947\u0923\u094d\u0921",m:"\u090f\u0915 \u092e\u093f\u0928\u0947\u091f",mm:"%d \u092e\u093f\u0928\u0947\u091f",h:"\u090f\u0915 \u0918\u0923\u094d\u091f\u093e",hh:"%d \u0918\u0923\u094d\u091f\u093e",d:"\u090f\u0915 \u0926\u093f\u0928",dd:"%d \u0926\u093f\u0928",M:"\u090f\u0915 \u092e\u0939\u093f\u0928\u093e",MM:"%d \u092e\u0939\u093f\u0928\u093e",y:"\u090f\u0915 \u092c\u0930\u094d\u0937",yy:"%d \u092c\u0930\u094d\u0937"},week:{dow:0,doy:6}})}(F(6676))},1484:function(J,Z,F){!function(D){"use strict";var _="jan._feb._mrt._apr._mei_jun._jul._aug._sep._okt._nov._dec.".split("_"),w="jan_feb_mrt_apr_mei_jun_jul_aug_sep_okt_nov_dec".split("_"),y=[/^jan/i,/^feb/i,/^maart|mrt.?$/i,/^apr/i,/^mei$/i,/^jun[i.]?$/i,/^jul[i.]?$/i,/^aug/i,/^sep/i,/^okt/i,/^nov/i,/^dec/i],b=/^(januari|februari|maart|april|mei|ju[nl]i|augustus|september|oktober|november|december|jan\.?|feb\.?|mrt\.?|apr\.?|ju[nl]\.?|aug\.?|sep\.?|okt\.?|nov\.?|dec\.?)/i;D.defineLocale("nl-be",{months:"januari_februari_maart_april_mei_juni_juli_augustus_september_oktober_november_december".split("_"),monthsShort:function(P,N){return P?/-MMM-/.test(N)?w[P.month()]:_[P.month()]:_},monthsRegex:b,monthsShortRegex:b,monthsStrictRegex:/^(januari|februari|maart|april|mei|ju[nl]i|augustus|september|oktober|november|december)/i,monthsShortStrictRegex:/^(jan\.?|feb\.?|mrt\.?|apr\.?|mei|ju[nl]\.?|aug\.?|sep\.?|okt\.?|nov\.?|dec\.?)/i,monthsParse:y,longMonthsParse:y,shortMonthsParse:y,weekdays:"zondag_maandag_dinsdag_woensdag_donderdag_vrijdag_zaterdag".split("_"),weekdaysShort:"zo._ma._di._wo._do._vr._za.".split("_"),weekdaysMin:"zo_ma_di_wo_do_vr_za".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},calendar:{sameDay:"[vandaag om] LT",nextDay:"[morgen om] LT",nextWeek:"dddd [om] LT",lastDay:"[gisteren om] LT",lastWeek:"[afgelopen] dddd [om] LT",sameElse:"L"},relativeTime:{future:"over %s",past:"%s geleden",s:"een paar seconden",ss:"%d seconden",m:"\xe9\xe9n minuut",mm:"%d minuten",h:"\xe9\xe9n uur",hh:"%d uur",d:"\xe9\xe9n dag",dd:"%d dagen",M:"\xe9\xe9n maand",MM:"%d maanden",y:"\xe9\xe9n jaar",yy:"%d jaar"},dayOfMonthOrdinalParse:/\d{1,2}(ste|de)/,ordinal:function(P){return P+(1===P||8===P||P>=20?"ste":"de")},week:{dow:1,doy:4}})}(F(6676))},1667:function(J,Z,F){!function(D){"use strict";var _="jan._feb._mrt._apr._mei_jun._jul._aug._sep._okt._nov._dec.".split("_"),w="jan_feb_mrt_apr_mei_jun_jul_aug_sep_okt_nov_dec".split("_"),y=[/^jan/i,/^feb/i,/^maart|mrt.?$/i,/^apr/i,/^mei$/i,/^jun[i.]?$/i,/^jul[i.]?$/i,/^aug/i,/^sep/i,/^okt/i,/^nov/i,/^dec/i],b=/^(januari|februari|maart|april|mei|ju[nl]i|augustus|september|oktober|november|december|jan\.?|feb\.?|mrt\.?|apr\.?|ju[nl]\.?|aug\.?|sep\.?|okt\.?|nov\.?|dec\.?)/i;D.defineLocale("nl",{months:"januari_februari_maart_april_mei_juni_juli_augustus_september_oktober_november_december".split("_"),monthsShort:function(P,N){return P?/-MMM-/.test(N)?w[P.month()]:_[P.month()]:_},monthsRegex:b,monthsShortRegex:b,monthsStrictRegex:/^(januari|februari|maart|april|mei|ju[nl]i|augustus|september|oktober|november|december)/i,monthsShortStrictRegex:/^(jan\.?|feb\.?|mrt\.?|apr\.?|mei|ju[nl]\.?|aug\.?|sep\.?|okt\.?|nov\.?|dec\.?)/i,monthsParse:y,longMonthsParse:y,shortMonthsParse:y,weekdays:"zondag_maandag_dinsdag_woensdag_donderdag_vrijdag_zaterdag".split("_"),weekdaysShort:"zo._ma._di._wo._do._vr._za.".split("_"),weekdaysMin:"zo_ma_di_wo_do_vr_za".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD-MM-YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},calendar:{sameDay:"[vandaag om] LT",nextDay:"[morgen om] LT",nextWeek:"dddd [om] LT",lastDay:"[gisteren om] LT",lastWeek:"[afgelopen] dddd [om] LT",sameElse:"L"},relativeTime:{future:"over %s",past:"%s geleden",s:"een paar seconden",ss:"%d seconden",m:"\xe9\xe9n minuut",mm:"%d minuten",h:"\xe9\xe9n uur",hh:"%d uur",d:"\xe9\xe9n dag",dd:"%d dagen",w:"\xe9\xe9n week",ww:"%d weken",M:"\xe9\xe9n maand",MM:"%d maanden",y:"\xe9\xe9n jaar",yy:"%d jaar"},dayOfMonthOrdinalParse:/\d{1,2}(ste|de)/,ordinal:function(P){return P+(1===P||8===P||P>=20?"ste":"de")},week:{dow:1,doy:4}})}(F(6676))},7262:function(J,Z,F){!function(D){"use strict";D.defineLocale("nn",{months:"januar_februar_mars_april_mai_juni_juli_august_september_oktober_november_desember".split("_"),monthsShort:"jan._feb._mars_apr._mai_juni_juli_aug._sep._okt._nov._des.".split("_"),monthsParseExact:!0,weekdays:"sundag_m\xe5ndag_tysdag_onsdag_torsdag_fredag_laurdag".split("_"),weekdaysShort:"su._m\xe5._ty._on._to._fr._lau.".split("_"),weekdaysMin:"su_m\xe5_ty_on_to_fr_la".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY [kl.] H:mm",LLLL:"dddd D. MMMM YYYY [kl.] HH:mm"},calendar:{sameDay:"[I dag klokka] LT",nextDay:"[I morgon klokka] LT",nextWeek:"dddd [klokka] LT",lastDay:"[I g\xe5r klokka] LT",lastWeek:"[F\xf8reg\xe5ande] dddd [klokka] LT",sameElse:"L"},relativeTime:{future:"om %s",past:"%s sidan",s:"nokre sekund",ss:"%d sekund",m:"eit minutt",mm:"%d minutt",h:"ein time",hh:"%d timar",d:"ein dag",dd:"%d dagar",w:"ei veke",ww:"%d veker",M:"ein m\xe5nad",MM:"%d m\xe5nader",y:"eit \xe5r",yy:"%d \xe5r"},dayOfMonthOrdinalParse:/\d{1,2}\./,ordinal:"%d.",week:{dow:1,doy:4}})}(F(6676))},9679:function(J,Z,F){!function(D){"use strict";D.defineLocale("oc-lnc",{months:{standalone:"geni\xe8r_febri\xe8r_mar\xe7_abril_mai_junh_julhet_agost_setembre_oct\xf2bre_novembre_decembre".split("_"),format:"de geni\xe8r_de febri\xe8r_de mar\xe7_d'abril_de mai_de junh_de julhet_d'agost_de setembre_d'oct\xf2bre_de novembre_de decembre".split("_"),isFormat:/D[oD]?(\s)+MMMM/},monthsShort:"gen._febr._mar\xe7_abr._mai_junh_julh._ago._set._oct._nov._dec.".split("_"),monthsParseExact:!0,weekdays:"dimenge_diluns_dimars_dim\xe8cres_dij\xf2us_divendres_dissabte".split("_"),weekdaysShort:"dg._dl._dm._dc._dj._dv._ds.".split("_"),weekdaysMin:"dg_dl_dm_dc_dj_dv_ds".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"H:mm",LTS:"H:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM [de] YYYY",ll:"D MMM YYYY",LLL:"D MMMM [de] YYYY [a] H:mm",lll:"D MMM YYYY, H:mm",LLLL:"dddd D MMMM [de] YYYY [a] H:mm",llll:"ddd D MMM YYYY, H:mm"},calendar:{sameDay:"[u\xe8i a] LT",nextDay:"[deman a] LT",nextWeek:"dddd [a] LT",lastDay:"[i\xe8r a] LT",lastWeek:"dddd [passat a] LT",sameElse:"L"},relativeTime:{future:"d'aqu\xed %s",past:"fa %s",s:"unas segondas",ss:"%d segondas",m:"una minuta",mm:"%d minutas",h:"una ora",hh:"%d oras",d:"un jorn",dd:"%d jorns",M:"un mes",MM:"%d meses",y:"un an",yy:"%d ans"},dayOfMonthOrdinalParse:/\d{1,2}(r|n|t|\xe8|a)/,ordinal:function(w,y){var b=1===w?"r":2===w?"n":3===w?"r":4===w?"t":"\xe8";return("w"===y||"W"===y)&&(b="a"),w+b},week:{dow:1,doy:4}})}(F(6676))},6830:function(J,Z,F){!function(D){"use strict";var _={1:"\u0a67",2:"\u0a68",3:"\u0a69",4:"\u0a6a",5:"\u0a6b",6:"\u0a6c",7:"\u0a6d",8:"\u0a6e",9:"\u0a6f",0:"\u0a66"},w={"\u0a67":"1","\u0a68":"2","\u0a69":"3","\u0a6a":"4","\u0a6b":"5","\u0a6c":"6","\u0a6d":"7","\u0a6e":"8","\u0a6f":"9","\u0a66":"0"};D.defineLocale("pa-in",{months:"\u0a1c\u0a28\u0a35\u0a30\u0a40_\u0a2b\u0a3c\u0a30\u0a35\u0a30\u0a40_\u0a2e\u0a3e\u0a30\u0a1a_\u0a05\u0a2a\u0a4d\u0a30\u0a48\u0a32_\u0a2e\u0a08_\u0a1c\u0a42\u0a28_\u0a1c\u0a41\u0a32\u0a3e\u0a08_\u0a05\u0a17\u0a38\u0a24_\u0a38\u0a24\u0a70\u0a2c\u0a30_\u0a05\u0a15\u0a24\u0a42\u0a2c\u0a30_\u0a28\u0a35\u0a70\u0a2c\u0a30_\u0a26\u0a38\u0a70\u0a2c\u0a30".split("_"),monthsShort:"\u0a1c\u0a28\u0a35\u0a30\u0a40_\u0a2b\u0a3c\u0a30\u0a35\u0a30\u0a40_\u0a2e\u0a3e\u0a30\u0a1a_\u0a05\u0a2a\u0a4d\u0a30\u0a48\u0a32_\u0a2e\u0a08_\u0a1c\u0a42\u0a28_\u0a1c\u0a41\u0a32\u0a3e\u0a08_\u0a05\u0a17\u0a38\u0a24_\u0a38\u0a24\u0a70\u0a2c\u0a30_\u0a05\u0a15\u0a24\u0a42\u0a2c\u0a30_\u0a28\u0a35\u0a70\u0a2c\u0a30_\u0a26\u0a38\u0a70\u0a2c\u0a30".split("_"),weekdays:"\u0a10\u0a24\u0a35\u0a3e\u0a30_\u0a38\u0a4b\u0a2e\u0a35\u0a3e\u0a30_\u0a2e\u0a70\u0a17\u0a32\u0a35\u0a3e\u0a30_\u0a2c\u0a41\u0a27\u0a35\u0a3e\u0a30_\u0a35\u0a40\u0a30\u0a35\u0a3e\u0a30_\u0a38\u0a3c\u0a41\u0a71\u0a15\u0a30\u0a35\u0a3e\u0a30_\u0a38\u0a3c\u0a28\u0a40\u0a1a\u0a30\u0a35\u0a3e\u0a30".split("_"),weekdaysShort:"\u0a10\u0a24_\u0a38\u0a4b\u0a2e_\u0a2e\u0a70\u0a17\u0a32_\u0a2c\u0a41\u0a27_\u0a35\u0a40\u0a30_\u0a38\u0a3c\u0a41\u0a15\u0a30_\u0a38\u0a3c\u0a28\u0a40".split("_"),weekdaysMin:"\u0a10\u0a24_\u0a38\u0a4b\u0a2e_\u0a2e\u0a70\u0a17\u0a32_\u0a2c\u0a41\u0a27_\u0a35\u0a40\u0a30_\u0a38\u0a3c\u0a41\u0a15\u0a30_\u0a38\u0a3c\u0a28\u0a40".split("_"),longDateFormat:{LT:"A h:mm \u0a35\u0a1c\u0a47",LTS:"A h:mm:ss \u0a35\u0a1c\u0a47",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY, A h:mm \u0a35\u0a1c\u0a47",LLLL:"dddd, D MMMM YYYY, A h:mm \u0a35\u0a1c\u0a47"},calendar:{sameDay:"[\u0a05\u0a1c] LT",nextDay:"[\u0a15\u0a32] LT",nextWeek:"[\u0a05\u0a17\u0a32\u0a3e] dddd, LT",lastDay:"[\u0a15\u0a32] LT",lastWeek:"[\u0a2a\u0a3f\u0a1b\u0a32\u0a47] dddd, LT",sameElse:"L"},relativeTime:{future:"%s \u0a35\u0a3f\u0a71\u0a1a",past:"%s \u0a2a\u0a3f\u0a1b\u0a32\u0a47",s:"\u0a15\u0a41\u0a1d \u0a38\u0a15\u0a3f\u0a70\u0a1f",ss:"%d \u0a38\u0a15\u0a3f\u0a70\u0a1f",m:"\u0a07\u0a15 \u0a2e\u0a3f\u0a70\u0a1f",mm:"%d \u0a2e\u0a3f\u0a70\u0a1f",h:"\u0a07\u0a71\u0a15 \u0a18\u0a70\u0a1f\u0a3e",hh:"%d \u0a18\u0a70\u0a1f\u0a47",d:"\u0a07\u0a71\u0a15 \u0a26\u0a3f\u0a28",dd:"%d \u0a26\u0a3f\u0a28",M:"\u0a07\u0a71\u0a15 \u0a2e\u0a39\u0a40\u0a28\u0a3e",MM:"%d \u0a2e\u0a39\u0a40\u0a28\u0a47",y:"\u0a07\u0a71\u0a15 \u0a38\u0a3e\u0a32",yy:"%d \u0a38\u0a3e\u0a32"},preparse:function(b){return b.replace(/[\u0a67\u0a68\u0a69\u0a6a\u0a6b\u0a6c\u0a6d\u0a6e\u0a6f\u0a66]/g,function(k){return w[k]})},postformat:function(b){return b.replace(/\d/g,function(k){return _[k]})},meridiemParse:/\u0a30\u0a3e\u0a24|\u0a38\u0a35\u0a47\u0a30|\u0a26\u0a41\u0a2a\u0a39\u0a3f\u0a30|\u0a38\u0a3c\u0a3e\u0a2e/,meridiemHour:function(b,k){return 12===b&&(b=0),"\u0a30\u0a3e\u0a24"===k?b<4?b:b+12:"\u0a38\u0a35\u0a47\u0a30"===k?b:"\u0a26\u0a41\u0a2a\u0a39\u0a3f\u0a30"===k?b>=10?b:b+12:"\u0a38\u0a3c\u0a3e\u0a2e"===k?b+12:void 0},meridiem:function(b,k,P){return b<4?"\u0a30\u0a3e\u0a24":b<10?"\u0a38\u0a35\u0a47\u0a30":b<17?"\u0a26\u0a41\u0a2a\u0a39\u0a3f\u0a30":b<20?"\u0a38\u0a3c\u0a3e\u0a2e":"\u0a30\u0a3e\u0a24"},week:{dow:0,doy:6}})}(F(6676))},3616:function(J,Z,F){!function(D){"use strict";var _="stycze\u0144_luty_marzec_kwiecie\u0144_maj_czerwiec_lipiec_sierpie\u0144_wrzesie\u0144_pa\u017adziernik_listopad_grudzie\u0144".split("_"),w="stycznia_lutego_marca_kwietnia_maja_czerwca_lipca_sierpnia_wrze\u015bnia_pa\u017adziernika_listopada_grudnia".split("_"),y=[/^sty/i,/^lut/i,/^mar/i,/^kwi/i,/^maj/i,/^cze/i,/^lip/i,/^sie/i,/^wrz/i,/^pa\u017a/i,/^lis/i,/^gru/i];function b(N){return N%10<5&&N%10>1&&~~(N/10)%10!=1}function k(N,U,ie){var De=N+" ";switch(ie){case"ss":return De+(b(N)?"sekundy":"sekund");case"m":return U?"minuta":"minut\u0119";case"mm":return De+(b(N)?"minuty":"minut");case"h":return U?"godzina":"godzin\u0119";case"hh":return De+(b(N)?"godziny":"godzin");case"ww":return De+(b(N)?"tygodnie":"tygodni");case"MM":return De+(b(N)?"miesi\u0105ce":"miesi\u0119cy");case"yy":return De+(b(N)?"lata":"lat")}}D.defineLocale("pl",{months:function(N,U){return N?/D MMMM/.test(U)?w[N.month()]:_[N.month()]:_},monthsShort:"sty_lut_mar_kwi_maj_cze_lip_sie_wrz_pa\u017a_lis_gru".split("_"),monthsParse:y,longMonthsParse:y,shortMonthsParse:y,weekdays:"niedziela_poniedzia\u0142ek_wtorek_\u015broda_czwartek_pi\u0105tek_sobota".split("_"),weekdaysShort:"ndz_pon_wt_\u015br_czw_pt_sob".split("_"),weekdaysMin:"Nd_Pn_Wt_\u015ar_Cz_Pt_So".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd, D MMMM YYYY HH:mm"},calendar:{sameDay:"[Dzi\u015b o] LT",nextDay:"[Jutro o] LT",nextWeek:function(){switch(this.day()){case 0:return"[W niedziel\u0119 o] LT";case 2:return"[We wtorek o] LT";case 3:return"[W \u015brod\u0119 o] LT";case 6:return"[W sobot\u0119 o] LT";default:return"[W] dddd [o] LT"}},lastDay:"[Wczoraj o] LT",lastWeek:function(){switch(this.day()){case 0:return"[W zesz\u0142\u0105 niedziel\u0119 o] LT";case 3:return"[W zesz\u0142\u0105 \u015brod\u0119 o] LT";case 6:return"[W zesz\u0142\u0105 sobot\u0119 o] LT";default:return"[W zesz\u0142y] dddd [o] LT"}},sameElse:"L"},relativeTime:{future:"za %s",past:"%s temu",s:"kilka sekund",ss:k,m:k,mm:k,h:k,hh:k,d:"1 dzie\u0144",dd:"%d dni",w:"tydzie\u0144",ww:k,M:"miesi\u0105c",MM:k,y:"rok",yy:k},dayOfMonthOrdinalParse:/\d{1,2}\./,ordinal:"%d.",week:{dow:1,doy:4}})}(F(6676))},2751:function(J,Z,F){!function(D){"use strict";D.defineLocale("pt-br",{months:"janeiro_fevereiro_mar\xe7o_abril_maio_junho_julho_agosto_setembro_outubro_novembro_dezembro".split("_"),monthsShort:"jan_fev_mar_abr_mai_jun_jul_ago_set_out_nov_dez".split("_"),weekdays:"domingo_segunda-feira_ter\xe7a-feira_quarta-feira_quinta-feira_sexta-feira_s\xe1bado".split("_"),weekdaysShort:"dom_seg_ter_qua_qui_sex_s\xe1b".split("_"),weekdaysMin:"do_2\xaa_3\xaa_4\xaa_5\xaa_6\xaa_s\xe1".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D [de] MMMM [de] YYYY",LLL:"D [de] MMMM [de] YYYY [\xe0s] HH:mm",LLLL:"dddd, D [de] MMMM [de] YYYY [\xe0s] HH:mm"},calendar:{sameDay:"[Hoje \xe0s] LT",nextDay:"[Amanh\xe3 \xe0s] LT",nextWeek:"dddd [\xe0s] LT",lastDay:"[Ontem \xe0s] LT",lastWeek:function(){return 0===this.day()||6===this.day()?"[\xdaltimo] dddd [\xe0s] LT":"[\xdaltima] dddd [\xe0s] LT"},sameElse:"L"},relativeTime:{future:"em %s",past:"h\xe1 %s",s:"poucos segundos",ss:"%d segundos",m:"um minuto",mm:"%d minutos",h:"uma hora",hh:"%d horas",d:"um dia",dd:"%d dias",M:"um m\xeas",MM:"%d meses",y:"um ano",yy:"%d anos"},dayOfMonthOrdinalParse:/\d{1,2}\xba/,ordinal:"%d\xba",invalidDate:"Data inv\xe1lida"})}(F(6676))},5138:function(J,Z,F){!function(D){"use strict";D.defineLocale("pt",{months:"janeiro_fevereiro_mar\xe7o_abril_maio_junho_julho_agosto_setembro_outubro_novembro_dezembro".split("_"),monthsShort:"jan_fev_mar_abr_mai_jun_jul_ago_set_out_nov_dez".split("_"),weekdays:"Domingo_Segunda-feira_Ter\xe7a-feira_Quarta-feira_Quinta-feira_Sexta-feira_S\xe1bado".split("_"),weekdaysShort:"Dom_Seg_Ter_Qua_Qui_Sex_S\xe1b".split("_"),weekdaysMin:"Do_2\xaa_3\xaa_4\xaa_5\xaa_6\xaa_S\xe1".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D [de] MMMM [de] YYYY",LLL:"D [de] MMMM [de] YYYY HH:mm",LLLL:"dddd, D [de] MMMM [de] YYYY HH:mm"},calendar:{sameDay:"[Hoje \xe0s] LT",nextDay:"[Amanh\xe3 \xe0s] LT",nextWeek:"dddd [\xe0s] LT",lastDay:"[Ontem \xe0s] LT",lastWeek:function(){return 0===this.day()||6===this.day()?"[\xdaltimo] dddd [\xe0s] LT":"[\xdaltima] dddd [\xe0s] LT"},sameElse:"L"},relativeTime:{future:"em %s",past:"h\xe1 %s",s:"segundos",ss:"%d segundos",m:"um minuto",mm:"%d minutos",h:"uma hora",hh:"%d horas",d:"um dia",dd:"%d dias",w:"uma semana",ww:"%d semanas",M:"um m\xeas",MM:"%d meses",y:"um ano",yy:"%d anos"},dayOfMonthOrdinalParse:/\d{1,2}\xba/,ordinal:"%d\xba",week:{dow:1,doy:4}})}(F(6676))},7968:function(J,Z,F){!function(D){"use strict";function _(y,b,k){var N=" ";return(y%100>=20||y>=100&&y%100==0)&&(N=" de "),y+N+{ss:"secunde",mm:"minute",hh:"ore",dd:"zile",ww:"s\u0103pt\u0103m\xe2ni",MM:"luni",yy:"ani"}[k]}D.defineLocale("ro",{months:"ianuarie_februarie_martie_aprilie_mai_iunie_iulie_august_septembrie_octombrie_noiembrie_decembrie".split("_"),monthsShort:"ian._feb._mart._apr._mai_iun._iul._aug._sept._oct._nov._dec.".split("_"),monthsParseExact:!0,weekdays:"duminic\u0103_luni_mar\u021bi_miercuri_joi_vineri_s\xe2mb\u0103t\u0103".split("_"),weekdaysShort:"Dum_Lun_Mar_Mie_Joi_Vin_S\xe2m".split("_"),weekdaysMin:"Du_Lu_Ma_Mi_Jo_Vi_S\xe2".split("_"),longDateFormat:{LT:"H:mm",LTS:"H:mm:ss",L:"DD.MM.YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY H:mm",LLLL:"dddd, D MMMM YYYY H:mm"},calendar:{sameDay:"[azi la] LT",nextDay:"[m\xe2ine la] LT",nextWeek:"dddd [la] LT",lastDay:"[ieri la] LT",lastWeek:"[fosta] dddd [la] LT",sameElse:"L"},relativeTime:{future:"peste %s",past:"%s \xeen urm\u0103",s:"c\xe2teva secunde",ss:_,m:"un minut",mm:_,h:"o or\u0103",hh:_,d:"o zi",dd:_,w:"o s\u0103pt\u0103m\xe2n\u0103",ww:_,M:"o lun\u0103",MM:_,y:"un an",yy:_},week:{dow:1,doy:7}})}(F(6676))},1828:function(J,Z,F){!function(D){"use strict";function w(k,P,N){return"m"===N?P?"\u043c\u0438\u043d\u0443\u0442\u0430":"\u043c\u0438\u043d\u0443\u0442\u0443":k+" "+function _(k,P){var N=k.split("_");return P%10==1&&P%100!=11?N[0]:P%10>=2&&P%10<=4&&(P%100<10||P%100>=20)?N[1]:N[2]}({ss:P?"\u0441\u0435\u043a\u0443\u043d\u0434\u0430_\u0441\u0435\u043a\u0443\u043d\u0434\u044b_\u0441\u0435\u043a\u0443\u043d\u0434":"\u0441\u0435\u043a\u0443\u043d\u0434\u0443_\u0441\u0435\u043a\u0443\u043d\u0434\u044b_\u0441\u0435\u043a\u0443\u043d\u0434",mm:P?"\u043c\u0438\u043d\u0443\u0442\u0430_\u043c\u0438\u043d\u0443\u0442\u044b_\u043c\u0438\u043d\u0443\u0442":"\u043c\u0438\u043d\u0443\u0442\u0443_\u043c\u0438\u043d\u0443\u0442\u044b_\u043c\u0438\u043d\u0443\u0442",hh:"\u0447\u0430\u0441_\u0447\u0430\u0441\u0430_\u0447\u0430\u0441\u043e\u0432",dd:"\u0434\u0435\u043d\u044c_\u0434\u043d\u044f_\u0434\u043d\u0435\u0439",ww:"\u043d\u0435\u0434\u0435\u043b\u044f_\u043d\u0435\u0434\u0435\u043b\u0438_\u043d\u0435\u0434\u0435\u043b\u044c",MM:"\u043c\u0435\u0441\u044f\u0446_\u043c\u0435\u0441\u044f\u0446\u0430_\u043c\u0435\u0441\u044f\u0446\u0435\u0432",yy:"\u0433\u043e\u0434_\u0433\u043e\u0434\u0430_\u043b\u0435\u0442"}[N],+k)}var y=[/^\u044f\u043d\u0432/i,/^\u0444\u0435\u0432/i,/^\u043c\u0430\u0440/i,/^\u0430\u043f\u0440/i,/^\u043c\u0430[\u0439\u044f]/i,/^\u0438\u044e\u043d/i,/^\u0438\u044e\u043b/i,/^\u0430\u0432\u0433/i,/^\u0441\u0435\u043d/i,/^\u043e\u043a\u0442/i,/^\u043d\u043e\u044f/i,/^\u0434\u0435\u043a/i];D.defineLocale("ru",{months:{format:"\u044f\u043d\u0432\u0430\u0440\u044f_\u0444\u0435\u0432\u0440\u0430\u043b\u044f_\u043c\u0430\u0440\u0442\u0430_\u0430\u043f\u0440\u0435\u043b\u044f_\u043c\u0430\u044f_\u0438\u044e\u043d\u044f_\u0438\u044e\u043b\u044f_\u0430\u0432\u0433\u0443\u0441\u0442\u0430_\u0441\u0435\u043d\u0442\u044f\u0431\u0440\u044f_\u043e\u043a\u0442\u044f\u0431\u0440\u044f_\u043d\u043e\u044f\u0431\u0440\u044f_\u0434\u0435\u043a\u0430\u0431\u0440\u044f".split("_"),standalone:"\u044f\u043d\u0432\u0430\u0440\u044c_\u0444\u0435\u0432\u0440\u0430\u043b\u044c_\u043c\u0430\u0440\u0442_\u0430\u043f\u0440\u0435\u043b\u044c_\u043c\u0430\u0439_\u0438\u044e\u043d\u044c_\u0438\u044e\u043b\u044c_\u0430\u0432\u0433\u0443\u0441\u0442_\u0441\u0435\u043d\u0442\u044f\u0431\u0440\u044c_\u043e\u043a\u0442\u044f\u0431\u0440\u044c_\u043d\u043e\u044f\u0431\u0440\u044c_\u0434\u0435\u043a\u0430\u0431\u0440\u044c".split("_")},monthsShort:{format:"\u044f\u043d\u0432._\u0444\u0435\u0432\u0440._\u043c\u0430\u0440._\u0430\u043f\u0440._\u043c\u0430\u044f_\u0438\u044e\u043d\u044f_\u0438\u044e\u043b\u044f_\u0430\u0432\u0433._\u0441\u0435\u043d\u0442._\u043e\u043a\u0442._\u043d\u043e\u044f\u0431._\u0434\u0435\u043a.".split("_"),standalone:"\u044f\u043d\u0432._\u0444\u0435\u0432\u0440._\u043c\u0430\u0440\u0442_\u0430\u043f\u0440._\u043c\u0430\u0439_\u0438\u044e\u043d\u044c_\u0438\u044e\u043b\u044c_\u0430\u0432\u0433._\u0441\u0435\u043d\u0442._\u043e\u043a\u0442._\u043d\u043e\u044f\u0431._\u0434\u0435\u043a.".split("_")},weekdays:{standalone:"\u0432\u043e\u0441\u043a\u0440\u0435\u0441\u0435\u043d\u044c\u0435_\u043f\u043e\u043d\u0435\u0434\u0435\u043b\u044c\u043d\u0438\u043a_\u0432\u0442\u043e\u0440\u043d\u0438\u043a_\u0441\u0440\u0435\u0434\u0430_\u0447\u0435\u0442\u0432\u0435\u0440\u0433_\u043f\u044f\u0442\u043d\u0438\u0446\u0430_\u0441\u0443\u0431\u0431\u043e\u0442\u0430".split("_"),format:"\u0432\u043e\u0441\u043a\u0440\u0435\u0441\u0435\u043d\u044c\u0435_\u043f\u043e\u043d\u0435\u0434\u0435\u043b\u044c\u043d\u0438\u043a_\u0432\u0442\u043e\u0440\u043d\u0438\u043a_\u0441\u0440\u0435\u0434\u0443_\u0447\u0435\u0442\u0432\u0435\u0440\u0433_\u043f\u044f\u0442\u043d\u0438\u0446\u0443_\u0441\u0443\u0431\u0431\u043e\u0442\u0443".split("_"),isFormat:/\[ ?[\u0412\u0432] ?(?:\u043f\u0440\u043e\u0448\u043b\u0443\u044e|\u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0443\u044e|\u044d\u0442\u0443)? ?] ?dddd/},weekdaysShort:"\u0432\u0441_\u043f\u043d_\u0432\u0442_\u0441\u0440_\u0447\u0442_\u043f\u0442_\u0441\u0431".split("_"),weekdaysMin:"\u0432\u0441_\u043f\u043d_\u0432\u0442_\u0441\u0440_\u0447\u0442_\u043f\u0442_\u0441\u0431".split("_"),monthsParse:y,longMonthsParse:y,shortMonthsParse:y,monthsRegex:/^(\u044f\u043d\u0432\u0430\u0440[\u044c\u044f]|\u044f\u043d\u0432\.?|\u0444\u0435\u0432\u0440\u0430\u043b[\u044c\u044f]|\u0444\u0435\u0432\u0440?\.?|\u043c\u0430\u0440\u0442\u0430?|\u043c\u0430\u0440\.?|\u0430\u043f\u0440\u0435\u043b[\u044c\u044f]|\u0430\u043f\u0440\.?|\u043c\u0430[\u0439\u044f]|\u0438\u044e\u043d[\u044c\u044f]|\u0438\u044e\u043d\.?|\u0438\u044e\u043b[\u044c\u044f]|\u0438\u044e\u043b\.?|\u0430\u0432\u0433\u0443\u0441\u0442\u0430?|\u0430\u0432\u0433\.?|\u0441\u0435\u043d\u0442\u044f\u0431\u0440[\u044c\u044f]|\u0441\u0435\u043d\u0442?\.?|\u043e\u043a\u0442\u044f\u0431\u0440[\u044c\u044f]|\u043e\u043a\u0442\.?|\u043d\u043e\u044f\u0431\u0440[\u044c\u044f]|\u043d\u043e\u044f\u0431?\.?|\u0434\u0435\u043a\u0430\u0431\u0440[\u044c\u044f]|\u0434\u0435\u043a\.?)/i,monthsShortRegex:/^(\u044f\u043d\u0432\u0430\u0440[\u044c\u044f]|\u044f\u043d\u0432\.?|\u0444\u0435\u0432\u0440\u0430\u043b[\u044c\u044f]|\u0444\u0435\u0432\u0440?\.?|\u043c\u0430\u0440\u0442\u0430?|\u043c\u0430\u0440\.?|\u0430\u043f\u0440\u0435\u043b[\u044c\u044f]|\u0430\u043f\u0440\.?|\u043c\u0430[\u0439\u044f]|\u0438\u044e\u043d[\u044c\u044f]|\u0438\u044e\u043d\.?|\u0438\u044e\u043b[\u044c\u044f]|\u0438\u044e\u043b\.?|\u0430\u0432\u0433\u0443\u0441\u0442\u0430?|\u0430\u0432\u0433\.?|\u0441\u0435\u043d\u0442\u044f\u0431\u0440[\u044c\u044f]|\u0441\u0435\u043d\u0442?\.?|\u043e\u043a\u0442\u044f\u0431\u0440[\u044c\u044f]|\u043e\u043a\u0442\.?|\u043d\u043e\u044f\u0431\u0440[\u044c\u044f]|\u043d\u043e\u044f\u0431?\.?|\u0434\u0435\u043a\u0430\u0431\u0440[\u044c\u044f]|\u0434\u0435\u043a\.?)/i,monthsStrictRegex:/^(\u044f\u043d\u0432\u0430\u0440[\u044f\u044c]|\u0444\u0435\u0432\u0440\u0430\u043b[\u044f\u044c]|\u043c\u0430\u0440\u0442\u0430?|\u0430\u043f\u0440\u0435\u043b[\u044f\u044c]|\u043c\u0430[\u044f\u0439]|\u0438\u044e\u043d[\u044f\u044c]|\u0438\u044e\u043b[\u044f\u044c]|\u0430\u0432\u0433\u0443\u0441\u0442\u0430?|\u0441\u0435\u043d\u0442\u044f\u0431\u0440[\u044f\u044c]|\u043e\u043a\u0442\u044f\u0431\u0440[\u044f\u044c]|\u043d\u043e\u044f\u0431\u0440[\u044f\u044c]|\u0434\u0435\u043a\u0430\u0431\u0440[\u044f\u044c])/i,monthsShortStrictRegex:/^(\u044f\u043d\u0432\.|\u0444\u0435\u0432\u0440?\.|\u043c\u0430\u0440[\u0442.]|\u0430\u043f\u0440\.|\u043c\u0430[\u044f\u0439]|\u0438\u044e\u043d[\u044c\u044f.]|\u0438\u044e\u043b[\u044c\u044f.]|\u0430\u0432\u0433\.|\u0441\u0435\u043d\u0442?\.|\u043e\u043a\u0442\.|\u043d\u043e\u044f\u0431?\.|\u0434\u0435\u043a\.)/i,longDateFormat:{LT:"H:mm",LTS:"H:mm:ss",L:"DD.MM.YYYY",LL:"D MMMM YYYY \u0433.",LLL:"D MMMM YYYY \u0433., H:mm",LLLL:"dddd, D MMMM YYYY \u0433., H:mm"},calendar:{sameDay:"[\u0421\u0435\u0433\u043e\u0434\u043d\u044f, \u0432] LT",nextDay:"[\u0417\u0430\u0432\u0442\u0440\u0430, \u0432] LT",lastDay:"[\u0412\u0447\u0435\u0440\u0430, \u0432] LT",nextWeek:function(k){if(k.week()===this.week())return 2===this.day()?"[\u0412\u043e] dddd, [\u0432] LT":"[\u0412] dddd, [\u0432] LT";switch(this.day()){case 0:return"[\u0412 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0435] dddd, [\u0432] LT";case 1:case 2:case 4:return"[\u0412 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439] dddd, [\u0432] LT";case 3:case 5:case 6:return"[\u0412 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0443\u044e] dddd, [\u0432] LT"}},lastWeek:function(k){if(k.week()===this.week())return 2===this.day()?"[\u0412\u043e] dddd, [\u0432] LT":"[\u0412] dddd, [\u0432] LT";switch(this.day()){case 0:return"[\u0412 \u043f\u0440\u043e\u0448\u043b\u043e\u0435] dddd, [\u0432] LT";case 1:case 2:case 4:return"[\u0412 \u043f\u0440\u043e\u0448\u043b\u044b\u0439] dddd, [\u0432] LT";case 3:case 5:case 6:return"[\u0412 \u043f\u0440\u043e\u0448\u043b\u0443\u044e] dddd, [\u0432] LT"}},sameElse:"L"},relativeTime:{future:"\u0447\u0435\u0440\u0435\u0437 %s",past:"%s \u043d\u0430\u0437\u0430\u0434",s:"\u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0441\u0435\u043a\u0443\u043d\u0434",ss:w,m:w,mm:w,h:"\u0447\u0430\u0441",hh:w,d:"\u0434\u0435\u043d\u044c",dd:w,w:"\u043d\u0435\u0434\u0435\u043b\u044f",ww:w,M:"\u043c\u0435\u0441\u044f\u0446",MM:w,y:"\u0433\u043e\u0434",yy:w},meridiemParse:/\u043d\u043e\u0447\u0438|\u0443\u0442\u0440\u0430|\u0434\u043d\u044f|\u0432\u0435\u0447\u0435\u0440\u0430/i,isPM:function(k){return/^(\u0434\u043d\u044f|\u0432\u0435\u0447\u0435\u0440\u0430)$/.test(k)},meridiem:function(k,P,N){return k<4?"\u043d\u043e\u0447\u0438":k<12?"\u0443\u0442\u0440\u0430":k<17?"\u0434\u043d\u044f":"\u0432\u0435\u0447\u0435\u0440\u0430"},dayOfMonthOrdinalParse:/\d{1,2}-(\u0439|\u0433\u043e|\u044f)/,ordinal:function(k,P){switch(P){case"M":case"d":case"DDD":return k+"-\u0439";case"D":return k+"-\u0433\u043e";case"w":case"W":return k+"-\u044f";default:return k}},week:{dow:1,doy:4}})}(F(6676))},2188:function(J,Z,F){!function(D){"use strict";var _=["\u062c\u0646\u0648\u0631\u064a","\u0641\u064a\u0628\u0631\u0648\u0631\u064a","\u0645\u0627\u0631\u0686","\u0627\u067e\u0631\u064a\u0644","\u0645\u0626\u064a","\u062c\u0648\u0646","\u062c\u0648\u0644\u0627\u0621\u0650","\u0622\u06af\u0633\u067d","\u0633\u064a\u067e\u067d\u0645\u0628\u0631","\u0622\u06aa\u067d\u0648\u0628\u0631","\u0646\u0648\u0645\u0628\u0631","\u068a\u0633\u0645\u0628\u0631"],w=["\u0622\u0686\u0631","\u0633\u0648\u0645\u0631","\u0627\u06b1\u0627\u0631\u0648","\u0627\u0631\u0628\u0639","\u062e\u0645\u064a\u0633","\u062c\u0645\u0639","\u0687\u0646\u0687\u0631"];D.defineLocale("sd",{months:_,monthsShort:_,weekdays:w,weekdaysShort:w,weekdaysMin:w,longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd\u060c D MMMM YYYY HH:mm"},meridiemParse:/\u0635\u0628\u062d|\u0634\u0627\u0645/,isPM:function(b){return"\u0634\u0627\u0645"===b},meridiem:function(b,k,P){return b<12?"\u0635\u0628\u062d":"\u0634\u0627\u0645"},calendar:{sameDay:"[\u0627\u0684] LT",nextDay:"[\u0633\u0680\u0627\u06bb\u064a] LT",nextWeek:"dddd [\u0627\u06b3\u064a\u0646 \u0647\u0641\u062a\u064a \u062a\u064a] LT",lastDay:"[\u06aa\u0627\u0644\u0647\u0647] LT",lastWeek:"[\u06af\u0632\u0631\u064a\u0644 \u0647\u0641\u062a\u064a] dddd [\u062a\u064a] LT",sameElse:"L"},relativeTime:{future:"%s \u067e\u0648\u0621",past:"%s \u0627\u06b3",s:"\u0686\u0646\u062f \u0633\u064a\u06aa\u0646\u068a",ss:"%d \u0633\u064a\u06aa\u0646\u068a",m:"\u0647\u06aa \u0645\u0646\u067d",mm:"%d \u0645\u0646\u067d",h:"\u0647\u06aa \u06aa\u0644\u0627\u06aa",hh:"%d \u06aa\u0644\u0627\u06aa",d:"\u0647\u06aa \u068f\u064a\u0646\u0647\u0646",dd:"%d \u068f\u064a\u0646\u0647\u0646",M:"\u0647\u06aa \u0645\u0647\u064a\u0646\u0648",MM:"%d \u0645\u0647\u064a\u0646\u0627",y:"\u0647\u06aa \u0633\u0627\u0644",yy:"%d \u0633\u0627\u0644"},preparse:function(b){return b.replace(/\u060c/g,",")},postformat:function(b){return b.replace(/,/g,"\u060c")},week:{dow:1,doy:4}})}(F(6676))},6562:function(J,Z,F){!function(D){"use strict";D.defineLocale("se",{months:"o\u0111\u0111ajagem\xe1nnu_guovvam\xe1nnu_njuk\u010dam\xe1nnu_cuo\u014bom\xe1nnu_miessem\xe1nnu_geassem\xe1nnu_suoidnem\xe1nnu_borgem\xe1nnu_\u010dak\u010dam\xe1nnu_golggotm\xe1nnu_sk\xe1bmam\xe1nnu_juovlam\xe1nnu".split("_"),monthsShort:"o\u0111\u0111j_guov_njuk_cuo_mies_geas_suoi_borg_\u010dak\u010d_golg_sk\xe1b_juov".split("_"),weekdays:"sotnabeaivi_vuoss\xe1rga_ma\u014b\u014beb\xe1rga_gaskavahkku_duorastat_bearjadat_l\xe1vvardat".split("_"),weekdaysShort:"sotn_vuos_ma\u014b_gask_duor_bear_l\xe1v".split("_"),weekdaysMin:"s_v_m_g_d_b_L".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"MMMM D. [b.] YYYY",LLL:"MMMM D. [b.] YYYY [ti.] HH:mm",LLLL:"dddd, MMMM D. [b.] YYYY [ti.] HH:mm"},calendar:{sameDay:"[otne ti] LT",nextDay:"[ihttin ti] LT",nextWeek:"dddd [ti] LT",lastDay:"[ikte ti] LT",lastWeek:"[ovddit] dddd [ti] LT",sameElse:"L"},relativeTime:{future:"%s gea\u017ees",past:"ma\u014bit %s",s:"moadde sekunddat",ss:"%d sekunddat",m:"okta minuhta",mm:"%d minuhtat",h:"okta diimmu",hh:"%d diimmut",d:"okta beaivi",dd:"%d beaivvit",M:"okta m\xe1nnu",MM:"%d m\xe1nut",y:"okta jahki",yy:"%d jagit"},dayOfMonthOrdinalParse:/\d{1,2}\./,ordinal:"%d.",week:{dow:1,doy:4}})}(F(6676))},7172:function(J,Z,F){!function(D){"use strict";D.defineLocale("si",{months:"\u0da2\u0db1\u0dc0\u0dcf\u0dbb\u0dd2_\u0db4\u0dd9\u0db6\u0dbb\u0dc0\u0dcf\u0dbb\u0dd2_\u0db8\u0dcf\u0dbb\u0dca\u0dad\u0dd4_\u0d85\u0db4\u0dca\u200d\u0dbb\u0dda\u0dbd\u0dca_\u0db8\u0dd0\u0dba\u0dd2_\u0da2\u0dd6\u0db1\u0dd2_\u0da2\u0dd6\u0dbd\u0dd2_\u0d85\u0d9c\u0ddd\u0dc3\u0dca\u0dad\u0dd4_\u0dc3\u0dd0\u0db4\u0dca\u0dad\u0dd0\u0db8\u0dca\u0db6\u0dbb\u0dca_\u0d94\u0d9a\u0dca\u0dad\u0ddd\u0db6\u0dbb\u0dca_\u0db1\u0ddc\u0dc0\u0dd0\u0db8\u0dca\u0db6\u0dbb\u0dca_\u0daf\u0dd9\u0dc3\u0dd0\u0db8\u0dca\u0db6\u0dbb\u0dca".split("_"),monthsShort:"\u0da2\u0db1_\u0db4\u0dd9\u0db6_\u0db8\u0dcf\u0dbb\u0dca_\u0d85\u0db4\u0dca_\u0db8\u0dd0\u0dba\u0dd2_\u0da2\u0dd6\u0db1\u0dd2_\u0da2\u0dd6\u0dbd\u0dd2_\u0d85\u0d9c\u0ddd_\u0dc3\u0dd0\u0db4\u0dca_\u0d94\u0d9a\u0dca_\u0db1\u0ddc\u0dc0\u0dd0_\u0daf\u0dd9\u0dc3\u0dd0".split("_"),weekdays:"\u0d89\u0dbb\u0dd2\u0daf\u0dcf_\u0dc3\u0db3\u0dd4\u0daf\u0dcf_\u0d85\u0d9f\u0dc4\u0dbb\u0dd4\u0dc0\u0dcf\u0daf\u0dcf_\u0db6\u0daf\u0dcf\u0daf\u0dcf_\u0db6\u0dca\u200d\u0dbb\u0dc4\u0dc3\u0dca\u0db4\u0dad\u0dd2\u0db1\u0dca\u0daf\u0dcf_\u0dc3\u0dd2\u0d9a\u0dd4\u0dbb\u0dcf\u0daf\u0dcf_\u0dc3\u0dd9\u0db1\u0dc3\u0dd4\u0dbb\u0dcf\u0daf\u0dcf".split("_"),weekdaysShort:"\u0d89\u0dbb\u0dd2_\u0dc3\u0db3\u0dd4_\u0d85\u0d9f_\u0db6\u0daf\u0dcf_\u0db6\u0dca\u200d\u0dbb\u0dc4_\u0dc3\u0dd2\u0d9a\u0dd4_\u0dc3\u0dd9\u0db1".split("_"),weekdaysMin:"\u0d89_\u0dc3_\u0d85_\u0db6_\u0db6\u0dca\u200d\u0dbb_\u0dc3\u0dd2_\u0dc3\u0dd9".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"a h:mm",LTS:"a h:mm:ss",L:"YYYY/MM/DD",LL:"YYYY MMMM D",LLL:"YYYY MMMM D, a h:mm",LLLL:"YYYY MMMM D [\u0dc0\u0dd0\u0db1\u0dd2] dddd, a h:mm:ss"},calendar:{sameDay:"[\u0d85\u0daf] LT[\u0da7]",nextDay:"[\u0dc4\u0dd9\u0da7] LT[\u0da7]",nextWeek:"dddd LT[\u0da7]",lastDay:"[\u0d8a\u0dba\u0dda] LT[\u0da7]",lastWeek:"[\u0db4\u0dc3\u0dd4\u0d9c\u0dd2\u0dba] dddd LT[\u0da7]",sameElse:"L"},relativeTime:{future:"%s\u0d9a\u0dd2\u0db1\u0dca",past:"%s\u0d9a\u0da7 \u0db4\u0dd9\u0dbb",s:"\u0dad\u0dad\u0dca\u0db4\u0dbb \u0d9a\u0dd2\u0dc4\u0dd2\u0db4\u0dba",ss:"\u0dad\u0dad\u0dca\u0db4\u0dbb %d",m:"\u0db8\u0dd2\u0db1\u0dd2\u0dad\u0dca\u0dad\u0dd4\u0dc0",mm:"\u0db8\u0dd2\u0db1\u0dd2\u0dad\u0dca\u0dad\u0dd4 %d",h:"\u0db4\u0dd0\u0dba",hh:"\u0db4\u0dd0\u0dba %d",d:"\u0daf\u0dd2\u0db1\u0dba",dd:"\u0daf\u0dd2\u0db1 %d",M:"\u0db8\u0dcf\u0dc3\u0dba",MM:"\u0db8\u0dcf\u0dc3 %d",y:"\u0dc0\u0dc3\u0dbb",yy:"\u0dc0\u0dc3\u0dbb %d"},dayOfMonthOrdinalParse:/\d{1,2} \u0dc0\u0dd0\u0db1\u0dd2/,ordinal:function(w){return w+" \u0dc0\u0dd0\u0db1\u0dd2"},meridiemParse:/\u0db4\u0dd9\u0dbb \u0dc0\u0dbb\u0dd4|\u0db4\u0dc3\u0dca \u0dc0\u0dbb\u0dd4|\u0db4\u0dd9.\u0dc0|\u0db4.\u0dc0./,isPM:function(w){return"\u0db4.\u0dc0."===w||"\u0db4\u0dc3\u0dca \u0dc0\u0dbb\u0dd4"===w},meridiem:function(w,y,b){return w>11?b?"\u0db4.\u0dc0.":"\u0db4\u0dc3\u0dca \u0dc0\u0dbb\u0dd4":b?"\u0db4\u0dd9.\u0dc0.":"\u0db4\u0dd9\u0dbb \u0dc0\u0dbb\u0dd4"}})}(F(6676))},9966:function(J,Z,F){!function(D){"use strict";var _="janu\xe1r_febru\xe1r_marec_apr\xedl_m\xe1j_j\xfan_j\xfal_august_september_okt\xf3ber_november_december".split("_"),w="jan_feb_mar_apr_m\xe1j_j\xfan_j\xfal_aug_sep_okt_nov_dec".split("_");function y(P){return P>1&&P<5}function b(P,N,U,ie){var De=P+" ";switch(U){case"s":return N||ie?"p\xe1r sek\xfand":"p\xe1r sekundami";case"ss":return N||ie?De+(y(P)?"sekundy":"sek\xfand"):De+"sekundami";case"m":return N?"min\xfata":ie?"min\xfatu":"min\xfatou";case"mm":return N||ie?De+(y(P)?"min\xfaty":"min\xfat"):De+"min\xfatami";case"h":return N?"hodina":ie?"hodinu":"hodinou";case"hh":return N||ie?De+(y(P)?"hodiny":"hod\xedn"):De+"hodinami";case"d":return N||ie?"de\u0148":"d\u0148om";case"dd":return N||ie?De+(y(P)?"dni":"dn\xed"):De+"d\u0148ami";case"M":return N||ie?"mesiac":"mesiacom";case"MM":return N||ie?De+(y(P)?"mesiace":"mesiacov"):De+"mesiacmi";case"y":return N||ie?"rok":"rokom";case"yy":return N||ie?De+(y(P)?"roky":"rokov"):De+"rokmi"}}D.defineLocale("sk",{months:_,monthsShort:w,weekdays:"nede\u013ea_pondelok_utorok_streda_\u0161tvrtok_piatok_sobota".split("_"),weekdaysShort:"ne_po_ut_st_\u0161t_pi_so".split("_"),weekdaysMin:"ne_po_ut_st_\u0161t_pi_so".split("_"),longDateFormat:{LT:"H:mm",LTS:"H:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY H:mm",LLLL:"dddd D. MMMM YYYY H:mm"},calendar:{sameDay:"[dnes o] LT",nextDay:"[zajtra o] LT",nextWeek:function(){switch(this.day()){case 0:return"[v nede\u013eu o] LT";case 1:case 2:return"[v] dddd [o] LT";case 3:return"[v stredu o] LT";case 4:return"[vo \u0161tvrtok o] LT";case 5:return"[v piatok o] LT";case 6:return"[v sobotu o] LT"}},lastDay:"[v\u010dera o] LT",lastWeek:function(){switch(this.day()){case 0:return"[minul\xfa nede\u013eu o] LT";case 1:case 2:case 4:case 5:return"[minul\xfd] dddd [o] LT";case 3:return"[minul\xfa stredu o] LT";case 6:return"[minul\xfa sobotu o] LT"}},sameElse:"L"},relativeTime:{future:"za %s",past:"pred %s",s:b,ss:b,m:b,mm:b,h:b,hh:b,d:b,dd:b,M:b,MM:b,y:b,yy:b},dayOfMonthOrdinalParse:/\d{1,2}\./,ordinal:"%d.",week:{dow:1,doy:4}})}(F(6676))},7520:function(J,Z,F){!function(D){"use strict";function _(y,b,k,P){var N=y+" ";switch(k){case"s":return b||P?"nekaj sekund":"nekaj sekundami";case"ss":return N+(1===y?b?"sekundo":"sekundi":2===y?b||P?"sekundi":"sekundah":y<5?b||P?"sekunde":"sekundah":"sekund");case"m":return b?"ena minuta":"eno minuto";case"mm":return N+(1===y?b?"minuta":"minuto":2===y?b||P?"minuti":"minutama":y<5?b||P?"minute":"minutami":b||P?"minut":"minutami");case"h":return b?"ena ura":"eno uro";case"hh":return N+(1===y?b?"ura":"uro":2===y?b||P?"uri":"urama":y<5?b||P?"ure":"urami":b||P?"ur":"urami");case"d":return b||P?"en dan":"enim dnem";case"dd":return N+(1===y?b||P?"dan":"dnem":2===y?b||P?"dni":"dnevoma":b||P?"dni":"dnevi");case"M":return b||P?"en mesec":"enim mesecem";case"MM":return N+(1===y?b||P?"mesec":"mesecem":2===y?b||P?"meseca":"mesecema":y<5?b||P?"mesece":"meseci":b||P?"mesecev":"meseci");case"y":return b||P?"eno leto":"enim letom";case"yy":return N+(1===y?b||P?"leto":"letom":2===y?b||P?"leti":"letoma":y<5?b||P?"leta":"leti":b||P?"let":"leti")}}D.defineLocale("sl",{months:"januar_februar_marec_april_maj_junij_julij_avgust_september_oktober_november_december".split("_"),monthsShort:"jan._feb._mar._apr._maj._jun._jul._avg._sep._okt._nov._dec.".split("_"),monthsParseExact:!0,weekdays:"nedelja_ponedeljek_torek_sreda_\u010detrtek_petek_sobota".split("_"),weekdaysShort:"ned._pon._tor._sre._\u010det._pet._sob.".split("_"),weekdaysMin:"ne_po_to_sr_\u010de_pe_so".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"H:mm",LTS:"H:mm:ss",L:"DD. MM. YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY H:mm",LLLL:"dddd, D. MMMM YYYY H:mm"},calendar:{sameDay:"[danes ob] LT",nextDay:"[jutri ob] LT",nextWeek:function(){switch(this.day()){case 0:return"[v] [nedeljo] [ob] LT";case 3:return"[v] [sredo] [ob] LT";case 6:return"[v] [soboto] [ob] LT";case 1:case 2:case 4:case 5:return"[v] dddd [ob] LT"}},lastDay:"[v\u010deraj ob] LT",lastWeek:function(){switch(this.day()){case 0:return"[prej\u0161njo] [nedeljo] [ob] LT";case 3:return"[prej\u0161njo] [sredo] [ob] LT";case 6:return"[prej\u0161njo] [soboto] [ob] LT";case 1:case 2:case 4:case 5:return"[prej\u0161nji] dddd [ob] LT"}},sameElse:"L"},relativeTime:{future:"\u010dez %s",past:"pred %s",s:_,ss:_,m:_,mm:_,h:_,hh:_,d:_,dd:_,M:_,MM:_,y:_,yy:_},dayOfMonthOrdinalParse:/\d{1,2}\./,ordinal:"%d.",week:{dow:1,doy:7}})}(F(6676))},5291:function(J,Z,F){!function(D){"use strict";D.defineLocale("sq",{months:"Janar_Shkurt_Mars_Prill_Maj_Qershor_Korrik_Gusht_Shtator_Tetor_N\xebntor_Dhjetor".split("_"),monthsShort:"Jan_Shk_Mar_Pri_Maj_Qer_Kor_Gus_Sht_Tet_N\xebn_Dhj".split("_"),weekdays:"E Diel_E H\xebn\xeb_E Mart\xeb_E M\xebrkur\xeb_E Enjte_E Premte_E Shtun\xeb".split("_"),weekdaysShort:"Die_H\xebn_Mar_M\xebr_Enj_Pre_Sht".split("_"),weekdaysMin:"D_H_Ma_M\xeb_E_P_Sh".split("_"),weekdaysParseExact:!0,meridiemParse:/PD|MD/,isPM:function(w){return"M"===w.charAt(0)},meridiem:function(w,y,b){return w<12?"PD":"MD"},longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd, D MMMM YYYY HH:mm"},calendar:{sameDay:"[Sot n\xeb] LT",nextDay:"[Nes\xebr n\xeb] LT",nextWeek:"dddd [n\xeb] LT",lastDay:"[Dje n\xeb] LT",lastWeek:"dddd [e kaluar n\xeb] LT",sameElse:"L"},relativeTime:{future:"n\xeb %s",past:"%s m\xeb par\xeb",s:"disa sekonda",ss:"%d sekonda",m:"nj\xeb minut\xeb",mm:"%d minuta",h:"nj\xeb or\xeb",hh:"%d or\xeb",d:"nj\xeb dit\xeb",dd:"%d dit\xeb",M:"nj\xeb muaj",MM:"%d muaj",y:"nj\xeb vit",yy:"%d vite"},dayOfMonthOrdinalParse:/\d{1,2}\./,ordinal:"%d.",week:{dow:1,doy:4}})}(F(6676))},7603:function(J,Z,F){!function(D){"use strict";var _={words:{ss:["\u0441\u0435\u043a\u0443\u043d\u0434\u0430","\u0441\u0435\u043a\u0443\u043d\u0434\u0435","\u0441\u0435\u043a\u0443\u043d\u0434\u0438"],m:["\u0458\u0435\u0434\u0430\u043d \u043c\u0438\u043d\u0443\u0442","\u0458\u0435\u0434\u043d\u043e\u0433 \u043c\u0438\u043d\u0443\u0442\u0430"],mm:["\u043c\u0438\u043d\u0443\u0442","\u043c\u0438\u043d\u0443\u0442\u0430","\u043c\u0438\u043d\u0443\u0442\u0430"],h:["\u0458\u0435\u0434\u0430\u043d \u0441\u0430\u0442","\u0458\u0435\u0434\u043d\u043e\u0433 \u0441\u0430\u0442\u0430"],hh:["\u0441\u0430\u0442","\u0441\u0430\u0442\u0430","\u0441\u0430\u0442\u0438"],d:["\u0458\u0435\u0434\u0430\u043d \u0434\u0430\u043d","\u0458\u0435\u0434\u043d\u043e\u0433 \u0434\u0430\u043d\u0430"],dd:["\u0434\u0430\u043d","\u0434\u0430\u043d\u0430","\u0434\u0430\u043d\u0430"],M:["\u0458\u0435\u0434\u0430\u043d \u043c\u0435\u0441\u0435\u0446","\u0458\u0435\u0434\u043d\u043e\u0433 \u043c\u0435\u0441\u0435\u0446\u0430"],MM:["\u043c\u0435\u0441\u0435\u0446","\u043c\u0435\u0441\u0435\u0446\u0430","\u043c\u0435\u0441\u0435\u0446\u0438"],y:["\u0458\u0435\u0434\u043d\u0443 \u0433\u043e\u0434\u0438\u043d\u0443","\u0458\u0435\u0434\u043d\u0435 \u0433\u043e\u0434\u0438\u043d\u0435"],yy:["\u0433\u043e\u0434\u0438\u043d\u0443","\u0433\u043e\u0434\u0438\u043d\u0435","\u0433\u043e\u0434\u0438\u043d\u0430"]},correctGrammaticalCase:function(y,b){return y%10>=1&&y%10<=4&&(y%100<10||y%100>=20)?y%10==1?b[0]:b[1]:b[2]},translate:function(y,b,k,P){var U,N=_.words[k];return 1===k.length?"y"===k&&b?"\u0458\u0435\u0434\u043d\u0430 \u0433\u043e\u0434\u0438\u043d\u0430":P||b?N[0]:N[1]:(U=_.correctGrammaticalCase(y,N),"yy"===k&&b&&"\u0433\u043e\u0434\u0438\u043d\u0443"===U?y+" \u0433\u043e\u0434\u0438\u043d\u0430":y+" "+U)}};D.defineLocale("sr-cyrl",{months:"\u0458\u0430\u043d\u0443\u0430\u0440_\u0444\u0435\u0431\u0440\u0443\u0430\u0440_\u043c\u0430\u0440\u0442_\u0430\u043f\u0440\u0438\u043b_\u043c\u0430\u0458_\u0458\u0443\u043d_\u0458\u0443\u043b_\u0430\u0432\u0433\u0443\u0441\u0442_\u0441\u0435\u043f\u0442\u0435\u043c\u0431\u0430\u0440_\u043e\u043a\u0442\u043e\u0431\u0430\u0440_\u043d\u043e\u0432\u0435\u043c\u0431\u0430\u0440_\u0434\u0435\u0446\u0435\u043c\u0431\u0430\u0440".split("_"),monthsShort:"\u0458\u0430\u043d._\u0444\u0435\u0431._\u043c\u0430\u0440._\u0430\u043f\u0440._\u043c\u0430\u0458_\u0458\u0443\u043d_\u0458\u0443\u043b_\u0430\u0432\u0433._\u0441\u0435\u043f._\u043e\u043a\u0442._\u043d\u043e\u0432._\u0434\u0435\u0446.".split("_"),monthsParseExact:!0,weekdays:"\u043d\u0435\u0434\u0435\u0459\u0430_\u043f\u043e\u043d\u0435\u0434\u0435\u0459\u0430\u043a_\u0443\u0442\u043e\u0440\u0430\u043a_\u0441\u0440\u0435\u0434\u0430_\u0447\u0435\u0442\u0432\u0440\u0442\u0430\u043a_\u043f\u0435\u0442\u0430\u043a_\u0441\u0443\u0431\u043e\u0442\u0430".split("_"),weekdaysShort:"\u043d\u0435\u0434._\u043f\u043e\u043d._\u0443\u0442\u043e._\u0441\u0440\u0435._\u0447\u0435\u0442._\u043f\u0435\u0442._\u0441\u0443\u0431.".split("_"),weekdaysMin:"\u043d\u0435_\u043f\u043e_\u0443\u0442_\u0441\u0440_\u0447\u0435_\u043f\u0435_\u0441\u0443".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"H:mm",LTS:"H:mm:ss",L:"D. M. YYYY.",LL:"D. MMMM YYYY.",LLL:"D. MMMM YYYY. H:mm",LLLL:"dddd, D. MMMM YYYY. H:mm"},calendar:{sameDay:"[\u0434\u0430\u043d\u0430\u0441 \u0443] LT",nextDay:"[\u0441\u0443\u0442\u0440\u0430 \u0443] LT",nextWeek:function(){switch(this.day()){case 0:return"[\u0443] [\u043d\u0435\u0434\u0435\u0459\u0443] [\u0443] LT";case 3:return"[\u0443] [\u0441\u0440\u0435\u0434\u0443] [\u0443] LT";case 6:return"[\u0443] [\u0441\u0443\u0431\u043e\u0442\u0443] [\u0443] LT";case 1:case 2:case 4:case 5:return"[\u0443] dddd [\u0443] LT"}},lastDay:"[\u0458\u0443\u0447\u0435 \u0443] LT",lastWeek:function(){return["[\u043f\u0440\u043e\u0448\u043b\u0435] [\u043d\u0435\u0434\u0435\u0459\u0435] [\u0443] LT","[\u043f\u0440\u043e\u0448\u043b\u043e\u0433] [\u043f\u043e\u043d\u0435\u0434\u0435\u0459\u043a\u0430] [\u0443] LT","[\u043f\u0440\u043e\u0448\u043b\u043e\u0433] [\u0443\u0442\u043e\u0440\u043a\u0430] [\u0443] LT","[\u043f\u0440\u043e\u0448\u043b\u0435] [\u0441\u0440\u0435\u0434\u0435] [\u0443] LT","[\u043f\u0440\u043e\u0448\u043b\u043e\u0433] [\u0447\u0435\u0442\u0432\u0440\u0442\u043a\u0430] [\u0443] LT","[\u043f\u0440\u043e\u0448\u043b\u043e\u0433] [\u043f\u0435\u0442\u043a\u0430] [\u0443] LT","[\u043f\u0440\u043e\u0448\u043b\u0435] [\u0441\u0443\u0431\u043e\u0442\u0435] [\u0443] LT"][this.day()]},sameElse:"L"},relativeTime:{future:"\u0437\u0430 %s",past:"\u043f\u0440\u0435 %s",s:"\u043d\u0435\u043a\u043e\u043b\u0438\u043a\u043e \u0441\u0435\u043a\u0443\u043d\u0434\u0438",ss:_.translate,m:_.translate,mm:_.translate,h:_.translate,hh:_.translate,d:_.translate,dd:_.translate,M:_.translate,MM:_.translate,y:_.translate,yy:_.translate},dayOfMonthOrdinalParse:/\d{1,2}\./,ordinal:"%d.",week:{dow:1,doy:7}})}(F(6676))},450:function(J,Z,F){!function(D){"use strict";var _={words:{ss:["sekunda","sekunde","sekundi"],m:["jedan minut","jednog minuta"],mm:["minut","minuta","minuta"],h:["jedan sat","jednog sata"],hh:["sat","sata","sati"],d:["jedan dan","jednog dana"],dd:["dan","dana","dana"],M:["jedan mesec","jednog meseca"],MM:["mesec","meseca","meseci"],y:["jednu godinu","jedne godine"],yy:["godinu","godine","godina"]},correctGrammaticalCase:function(y,b){return y%10>=1&&y%10<=4&&(y%100<10||y%100>=20)?y%10==1?b[0]:b[1]:b[2]},translate:function(y,b,k,P){var U,N=_.words[k];return 1===k.length?"y"===k&&b?"jedna godina":P||b?N[0]:N[1]:(U=_.correctGrammaticalCase(y,N),"yy"===k&&b&&"godinu"===U?y+" godina":y+" "+U)}};D.defineLocale("sr",{months:"januar_februar_mart_april_maj_jun_jul_avgust_septembar_oktobar_novembar_decembar".split("_"),monthsShort:"jan._feb._mar._apr._maj_jun_jul_avg._sep._okt._nov._dec.".split("_"),monthsParseExact:!0,weekdays:"nedelja_ponedeljak_utorak_sreda_\u010detvrtak_petak_subota".split("_"),weekdaysShort:"ned._pon._uto._sre._\u010det._pet._sub.".split("_"),weekdaysMin:"ne_po_ut_sr_\u010de_pe_su".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"H:mm",LTS:"H:mm:ss",L:"D. M. YYYY.",LL:"D. MMMM YYYY.",LLL:"D. MMMM YYYY. H:mm",LLLL:"dddd, D. MMMM YYYY. H:mm"},calendar:{sameDay:"[danas u] LT",nextDay:"[sutra u] LT",nextWeek:function(){switch(this.day()){case 0:return"[u] [nedelju] [u] LT";case 3:return"[u] [sredu] [u] LT";case 6:return"[u] [subotu] [u] LT";case 1:case 2:case 4:case 5:return"[u] dddd [u] LT"}},lastDay:"[ju\u010de u] LT",lastWeek:function(){return["[pro\u0161le] [nedelje] [u] LT","[pro\u0161log] [ponedeljka] [u] LT","[pro\u0161log] [utorka] [u] LT","[pro\u0161le] [srede] [u] LT","[pro\u0161log] [\u010detvrtka] [u] LT","[pro\u0161log] [petka] [u] LT","[pro\u0161le] [subote] [u] LT"][this.day()]},sameElse:"L"},relativeTime:{future:"za %s",past:"pre %s",s:"nekoliko sekundi",ss:_.translate,m:_.translate,mm:_.translate,h:_.translate,hh:_.translate,d:_.translate,dd:_.translate,M:_.translate,MM:_.translate,y:_.translate,yy:_.translate},dayOfMonthOrdinalParse:/\d{1,2}\./,ordinal:"%d.",week:{dow:1,doy:7}})}(F(6676))},383:function(J,Z,F){!function(D){"use strict";D.defineLocale("ss",{months:"Bhimbidvwane_Indlovana_Indlov'lenkhulu_Mabasa_Inkhwekhweti_Inhlaba_Kholwane_Ingci_Inyoni_Imphala_Lweti_Ingongoni".split("_"),monthsShort:"Bhi_Ina_Inu_Mab_Ink_Inh_Kho_Igc_Iny_Imp_Lwe_Igo".split("_"),weekdays:"Lisontfo_Umsombuluko_Lesibili_Lesitsatfu_Lesine_Lesihlanu_Umgcibelo".split("_"),weekdaysShort:"Lis_Umb_Lsb_Les_Lsi_Lsh_Umg".split("_"),weekdaysMin:"Li_Us_Lb_Lt_Ls_Lh_Ug".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"h:mm A",LTS:"h:mm:ss A",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY h:mm A",LLLL:"dddd, D MMMM YYYY h:mm A"},calendar:{sameDay:"[Namuhla nga] LT",nextDay:"[Kusasa nga] LT",nextWeek:"dddd [nga] LT",lastDay:"[Itolo nga] LT",lastWeek:"dddd [leliphelile] [nga] LT",sameElse:"L"},relativeTime:{future:"nga %s",past:"wenteka nga %s",s:"emizuzwana lomcane",ss:"%d mzuzwana",m:"umzuzu",mm:"%d emizuzu",h:"lihora",hh:"%d emahora",d:"lilanga",dd:"%d emalanga",M:"inyanga",MM:"%d tinyanga",y:"umnyaka",yy:"%d iminyaka"},meridiemParse:/ekuseni|emini|entsambama|ebusuku/,meridiem:function(w,y,b){return w<11?"ekuseni":w<15?"emini":w<19?"entsambama":"ebusuku"},meridiemHour:function(w,y){return 12===w&&(w=0),"ekuseni"===y?w:"emini"===y?w>=11?w:w+12:"entsambama"===y||"ebusuku"===y?0===w?0:w+12:void 0},dayOfMonthOrdinalParse:/\d{1,2}/,ordinal:"%d",week:{dow:1,doy:4}})}(F(6676))},7221:function(J,Z,F){!function(D){"use strict";D.defineLocale("sv",{months:"januari_februari_mars_april_maj_juni_juli_augusti_september_oktober_november_december".split("_"),monthsShort:"jan_feb_mar_apr_maj_jun_jul_aug_sep_okt_nov_dec".split("_"),weekdays:"s\xf6ndag_m\xe5ndag_tisdag_onsdag_torsdag_fredag_l\xf6rdag".split("_"),weekdaysShort:"s\xf6n_m\xe5n_tis_ons_tor_fre_l\xf6r".split("_"),weekdaysMin:"s\xf6_m\xe5_ti_on_to_fr_l\xf6".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY-MM-DD",LL:"D MMMM YYYY",LLL:"D MMMM YYYY [kl.] HH:mm",LLLL:"dddd D MMMM YYYY [kl.] HH:mm",lll:"D MMM YYYY HH:mm",llll:"ddd D MMM YYYY HH:mm"},calendar:{sameDay:"[Idag] LT",nextDay:"[Imorgon] LT",lastDay:"[Ig\xe5r] LT",nextWeek:"[P\xe5] dddd LT",lastWeek:"[I] dddd[s] LT",sameElse:"L"},relativeTime:{future:"om %s",past:"f\xf6r %s sedan",s:"n\xe5gra sekunder",ss:"%d sekunder",m:"en minut",mm:"%d minuter",h:"en timme",hh:"%d timmar",d:"en dag",dd:"%d dagar",M:"en m\xe5nad",MM:"%d m\xe5nader",y:"ett \xe5r",yy:"%d \xe5r"},dayOfMonthOrdinalParse:/\d{1,2}(\:e|\:a)/,ordinal:function(w){var y=w%10;return w+(1==~~(w%100/10)?":e":1===y||2===y?":a":":e")},week:{dow:1,doy:4}})}(F(6676))},1743:function(J,Z,F){!function(D){"use strict";D.defineLocale("sw",{months:"Januari_Februari_Machi_Aprili_Mei_Juni_Julai_Agosti_Septemba_Oktoba_Novemba_Desemba".split("_"),monthsShort:"Jan_Feb_Mac_Apr_Mei_Jun_Jul_Ago_Sep_Okt_Nov_Des".split("_"),weekdays:"Jumapili_Jumatatu_Jumanne_Jumatano_Alhamisi_Ijumaa_Jumamosi".split("_"),weekdaysShort:"Jpl_Jtat_Jnne_Jtan_Alh_Ijm_Jmos".split("_"),weekdaysMin:"J2_J3_J4_J5_Al_Ij_J1".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"hh:mm A",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd, D MMMM YYYY HH:mm"},calendar:{sameDay:"[leo saa] LT",nextDay:"[kesho saa] LT",nextWeek:"[wiki ijayo] dddd [saat] LT",lastDay:"[jana] LT",lastWeek:"[wiki iliyopita] dddd [saat] LT",sameElse:"L"},relativeTime:{future:"%s baadaye",past:"tokea %s",s:"hivi punde",ss:"sekunde %d",m:"dakika moja",mm:"dakika %d",h:"saa limoja",hh:"masaa %d",d:"siku moja",dd:"siku %d",M:"mwezi mmoja",MM:"miezi %d",y:"mwaka mmoja",yy:"miaka %d"},week:{dow:1,doy:7}})}(F(6676))},6351:function(J,Z,F){!function(D){"use strict";var _={1:"\u0be7",2:"\u0be8",3:"\u0be9",4:"\u0bea",5:"\u0beb",6:"\u0bec",7:"\u0bed",8:"\u0bee",9:"\u0bef",0:"\u0be6"},w={"\u0be7":"1","\u0be8":"2","\u0be9":"3","\u0bea":"4","\u0beb":"5","\u0bec":"6","\u0bed":"7","\u0bee":"8","\u0bef":"9","\u0be6":"0"};D.defineLocale("ta",{months:"\u0b9c\u0ba9\u0bb5\u0bb0\u0bbf_\u0baa\u0bbf\u0baa\u0bcd\u0bb0\u0bb5\u0bb0\u0bbf_\u0bae\u0bbe\u0bb0\u0bcd\u0b9a\u0bcd_\u0b8f\u0baa\u0bcd\u0bb0\u0bb2\u0bcd_\u0bae\u0bc7_\u0b9c\u0bc2\u0ba9\u0bcd_\u0b9c\u0bc2\u0bb2\u0bc8_\u0b86\u0b95\u0bb8\u0bcd\u0b9f\u0bcd_\u0b9a\u0bc6\u0baa\u0bcd\u0b9f\u0bc6\u0bae\u0bcd\u0baa\u0bb0\u0bcd_\u0b85\u0b95\u0bcd\u0b9f\u0bc7\u0bbe\u0baa\u0bb0\u0bcd_\u0ba8\u0bb5\u0bae\u0bcd\u0baa\u0bb0\u0bcd_\u0b9f\u0bbf\u0b9a\u0bae\u0bcd\u0baa\u0bb0\u0bcd".split("_"),monthsShort:"\u0b9c\u0ba9\u0bb5\u0bb0\u0bbf_\u0baa\u0bbf\u0baa\u0bcd\u0bb0\u0bb5\u0bb0\u0bbf_\u0bae\u0bbe\u0bb0\u0bcd\u0b9a\u0bcd_\u0b8f\u0baa\u0bcd\u0bb0\u0bb2\u0bcd_\u0bae\u0bc7_\u0b9c\u0bc2\u0ba9\u0bcd_\u0b9c\u0bc2\u0bb2\u0bc8_\u0b86\u0b95\u0bb8\u0bcd\u0b9f\u0bcd_\u0b9a\u0bc6\u0baa\u0bcd\u0b9f\u0bc6\u0bae\u0bcd\u0baa\u0bb0\u0bcd_\u0b85\u0b95\u0bcd\u0b9f\u0bc7\u0bbe\u0baa\u0bb0\u0bcd_\u0ba8\u0bb5\u0bae\u0bcd\u0baa\u0bb0\u0bcd_\u0b9f\u0bbf\u0b9a\u0bae\u0bcd\u0baa\u0bb0\u0bcd".split("_"),weekdays:"\u0b9e\u0bbe\u0baf\u0bbf\u0bb1\u0bcd\u0bb1\u0bc1\u0b95\u0bcd\u0b95\u0bbf\u0bb4\u0bae\u0bc8_\u0ba4\u0bbf\u0b99\u0bcd\u0b95\u0b9f\u0bcd\u0b95\u0bbf\u0bb4\u0bae\u0bc8_\u0b9a\u0bc6\u0bb5\u0bcd\u0bb5\u0bbe\u0baf\u0bcd\u0b95\u0bbf\u0bb4\u0bae\u0bc8_\u0baa\u0bc1\u0ba4\u0ba9\u0bcd\u0b95\u0bbf\u0bb4\u0bae\u0bc8_\u0bb5\u0bbf\u0baf\u0bbe\u0bb4\u0b95\u0bcd\u0b95\u0bbf\u0bb4\u0bae\u0bc8_\u0bb5\u0bc6\u0bb3\u0bcd\u0bb3\u0bbf\u0b95\u0bcd\u0b95\u0bbf\u0bb4\u0bae\u0bc8_\u0b9a\u0ba9\u0bbf\u0b95\u0bcd\u0b95\u0bbf\u0bb4\u0bae\u0bc8".split("_"),weekdaysShort:"\u0b9e\u0bbe\u0baf\u0bbf\u0bb1\u0bc1_\u0ba4\u0bbf\u0b99\u0bcd\u0b95\u0bb3\u0bcd_\u0b9a\u0bc6\u0bb5\u0bcd\u0bb5\u0bbe\u0baf\u0bcd_\u0baa\u0bc1\u0ba4\u0ba9\u0bcd_\u0bb5\u0bbf\u0baf\u0bbe\u0bb4\u0ba9\u0bcd_\u0bb5\u0bc6\u0bb3\u0bcd\u0bb3\u0bbf_\u0b9a\u0ba9\u0bbf".split("_"),weekdaysMin:"\u0b9e\u0bbe_\u0ba4\u0bbf_\u0b9a\u0bc6_\u0baa\u0bc1_\u0bb5\u0bbf_\u0bb5\u0bc6_\u0b9a".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY, HH:mm",LLLL:"dddd, D MMMM YYYY, HH:mm"},calendar:{sameDay:"[\u0b87\u0ba9\u0bcd\u0bb1\u0bc1] LT",nextDay:"[\u0ba8\u0bbe\u0bb3\u0bc8] LT",nextWeek:"dddd, LT",lastDay:"[\u0ba8\u0bc7\u0bb1\u0bcd\u0bb1\u0bc1] LT",lastWeek:"[\u0b95\u0b9f\u0ba8\u0bcd\u0ba4 \u0bb5\u0bbe\u0bb0\u0bae\u0bcd] dddd, LT",sameElse:"L"},relativeTime:{future:"%s \u0b87\u0bb2\u0bcd",past:"%s \u0bae\u0bc1\u0ba9\u0bcd",s:"\u0b92\u0bb0\u0bc1 \u0b9a\u0bbf\u0bb2 \u0bb5\u0bbf\u0ba8\u0bbe\u0b9f\u0bbf\u0b95\u0bb3\u0bcd",ss:"%d \u0bb5\u0bbf\u0ba8\u0bbe\u0b9f\u0bbf\u0b95\u0bb3\u0bcd",m:"\u0b92\u0bb0\u0bc1 \u0ba8\u0bbf\u0bae\u0bbf\u0b9f\u0bae\u0bcd",mm:"%d \u0ba8\u0bbf\u0bae\u0bbf\u0b9f\u0b99\u0bcd\u0b95\u0bb3\u0bcd",h:"\u0b92\u0bb0\u0bc1 \u0bae\u0ba3\u0bbf \u0ba8\u0bc7\u0bb0\u0bae\u0bcd",hh:"%d \u0bae\u0ba3\u0bbf \u0ba8\u0bc7\u0bb0\u0bae\u0bcd",d:"\u0b92\u0bb0\u0bc1 \u0ba8\u0bbe\u0bb3\u0bcd",dd:"%d \u0ba8\u0bbe\u0b9f\u0bcd\u0b95\u0bb3\u0bcd",M:"\u0b92\u0bb0\u0bc1 \u0bae\u0bbe\u0ba4\u0bae\u0bcd",MM:"%d \u0bae\u0bbe\u0ba4\u0b99\u0bcd\u0b95\u0bb3\u0bcd",y:"\u0b92\u0bb0\u0bc1 \u0bb5\u0bb0\u0bc1\u0b9f\u0bae\u0bcd",yy:"%d \u0b86\u0ba3\u0bcd\u0b9f\u0bc1\u0b95\u0bb3\u0bcd"},dayOfMonthOrdinalParse:/\d{1,2}\u0bb5\u0ba4\u0bc1/,ordinal:function(b){return b+"\u0bb5\u0ba4\u0bc1"},preparse:function(b){return b.replace(/[\u0be7\u0be8\u0be9\u0bea\u0beb\u0bec\u0bed\u0bee\u0bef\u0be6]/g,function(k){return w[k]})},postformat:function(b){return b.replace(/\d/g,function(k){return _[k]})},meridiemParse:/\u0baf\u0bbe\u0bae\u0bae\u0bcd|\u0bb5\u0bc8\u0b95\u0bb1\u0bc8|\u0b95\u0bbe\u0bb2\u0bc8|\u0ba8\u0ba3\u0bcd\u0baa\u0b95\u0bb2\u0bcd|\u0b8e\u0bb1\u0bcd\u0baa\u0bbe\u0b9f\u0bc1|\u0bae\u0bbe\u0bb2\u0bc8/,meridiem:function(b,k,P){return b<2?" \u0baf\u0bbe\u0bae\u0bae\u0bcd":b<6?" \u0bb5\u0bc8\u0b95\u0bb1\u0bc8":b<10?" \u0b95\u0bbe\u0bb2\u0bc8":b<14?" \u0ba8\u0ba3\u0bcd\u0baa\u0b95\u0bb2\u0bcd":b<18?" \u0b8e\u0bb1\u0bcd\u0baa\u0bbe\u0b9f\u0bc1":b<22?" \u0bae\u0bbe\u0bb2\u0bc8":" \u0baf\u0bbe\u0bae\u0bae\u0bcd"},meridiemHour:function(b,k){return 12===b&&(b=0),"\u0baf\u0bbe\u0bae\u0bae\u0bcd"===k?b<2?b:b+12:"\u0bb5\u0bc8\u0b95\u0bb1\u0bc8"===k||"\u0b95\u0bbe\u0bb2\u0bc8"===k||"\u0ba8\u0ba3\u0bcd\u0baa\u0b95\u0bb2\u0bcd"===k&&b>=10?b:b+12},week:{dow:0,doy:6}})}(F(6676))},9620:function(J,Z,F){!function(D){"use strict";D.defineLocale("te",{months:"\u0c1c\u0c28\u0c35\u0c30\u0c3f_\u0c2b\u0c3f\u0c2c\u0c4d\u0c30\u0c35\u0c30\u0c3f_\u0c2e\u0c3e\u0c30\u0c4d\u0c1a\u0c3f_\u0c0f\u0c2a\u0c4d\u0c30\u0c3f\u0c32\u0c4d_\u0c2e\u0c47_\u0c1c\u0c42\u0c28\u0c4d_\u0c1c\u0c41\u0c32\u0c48_\u0c06\u0c17\u0c38\u0c4d\u0c1f\u0c41_\u0c38\u0c46\u0c2a\u0c4d\u0c1f\u0c46\u0c02\u0c2c\u0c30\u0c4d_\u0c05\u0c15\u0c4d\u0c1f\u0c4b\u0c2c\u0c30\u0c4d_\u0c28\u0c35\u0c02\u0c2c\u0c30\u0c4d_\u0c21\u0c3f\u0c38\u0c46\u0c02\u0c2c\u0c30\u0c4d".split("_"),monthsShort:"\u0c1c\u0c28._\u0c2b\u0c3f\u0c2c\u0c4d\u0c30._\u0c2e\u0c3e\u0c30\u0c4d\u0c1a\u0c3f_\u0c0f\u0c2a\u0c4d\u0c30\u0c3f._\u0c2e\u0c47_\u0c1c\u0c42\u0c28\u0c4d_\u0c1c\u0c41\u0c32\u0c48_\u0c06\u0c17._\u0c38\u0c46\u0c2a\u0c4d._\u0c05\u0c15\u0c4d\u0c1f\u0c4b._\u0c28\u0c35._\u0c21\u0c3f\u0c38\u0c46.".split("_"),monthsParseExact:!0,weekdays:"\u0c06\u0c26\u0c3f\u0c35\u0c3e\u0c30\u0c02_\u0c38\u0c4b\u0c2e\u0c35\u0c3e\u0c30\u0c02_\u0c2e\u0c02\u0c17\u0c33\u0c35\u0c3e\u0c30\u0c02_\u0c2c\u0c41\u0c27\u0c35\u0c3e\u0c30\u0c02_\u0c17\u0c41\u0c30\u0c41\u0c35\u0c3e\u0c30\u0c02_\u0c36\u0c41\u0c15\u0c4d\u0c30\u0c35\u0c3e\u0c30\u0c02_\u0c36\u0c28\u0c3f\u0c35\u0c3e\u0c30\u0c02".split("_"),weekdaysShort:"\u0c06\u0c26\u0c3f_\u0c38\u0c4b\u0c2e_\u0c2e\u0c02\u0c17\u0c33_\u0c2c\u0c41\u0c27_\u0c17\u0c41\u0c30\u0c41_\u0c36\u0c41\u0c15\u0c4d\u0c30_\u0c36\u0c28\u0c3f".split("_"),weekdaysMin:"\u0c06_\u0c38\u0c4b_\u0c2e\u0c02_\u0c2c\u0c41_\u0c17\u0c41_\u0c36\u0c41_\u0c36".split("_"),longDateFormat:{LT:"A h:mm",LTS:"A h:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY, A h:mm",LLLL:"dddd, D MMMM YYYY, A h:mm"},calendar:{sameDay:"[\u0c28\u0c47\u0c21\u0c41] LT",nextDay:"[\u0c30\u0c47\u0c2a\u0c41] LT",nextWeek:"dddd, LT",lastDay:"[\u0c28\u0c3f\u0c28\u0c4d\u0c28] LT",lastWeek:"[\u0c17\u0c24] dddd, LT",sameElse:"L"},relativeTime:{future:"%s \u0c32\u0c4b",past:"%s \u0c15\u0c4d\u0c30\u0c3f\u0c24\u0c02",s:"\u0c15\u0c4a\u0c28\u0c4d\u0c28\u0c3f \u0c15\u0c4d\u0c37\u0c23\u0c3e\u0c32\u0c41",ss:"%d \u0c38\u0c46\u0c15\u0c28\u0c4d\u0c32\u0c41",m:"\u0c12\u0c15 \u0c28\u0c3f\u0c2e\u0c3f\u0c37\u0c02",mm:"%d \u0c28\u0c3f\u0c2e\u0c3f\u0c37\u0c3e\u0c32\u0c41",h:"\u0c12\u0c15 \u0c17\u0c02\u0c1f",hh:"%d \u0c17\u0c02\u0c1f\u0c32\u0c41",d:"\u0c12\u0c15 \u0c30\u0c4b\u0c1c\u0c41",dd:"%d \u0c30\u0c4b\u0c1c\u0c41\u0c32\u0c41",M:"\u0c12\u0c15 \u0c28\u0c46\u0c32",MM:"%d \u0c28\u0c46\u0c32\u0c32\u0c41",y:"\u0c12\u0c15 \u0c38\u0c02\u0c35\u0c24\u0c4d\u0c38\u0c30\u0c02",yy:"%d \u0c38\u0c02\u0c35\u0c24\u0c4d\u0c38\u0c30\u0c3e\u0c32\u0c41"},dayOfMonthOrdinalParse:/\d{1,2}\u0c35/,ordinal:"%d\u0c35",meridiemParse:/\u0c30\u0c3e\u0c24\u0c4d\u0c30\u0c3f|\u0c09\u0c26\u0c2f\u0c02|\u0c2e\u0c27\u0c4d\u0c2f\u0c3e\u0c39\u0c4d\u0c28\u0c02|\u0c38\u0c3e\u0c2f\u0c02\u0c24\u0c4d\u0c30\u0c02/,meridiemHour:function(w,y){return 12===w&&(w=0),"\u0c30\u0c3e\u0c24\u0c4d\u0c30\u0c3f"===y?w<4?w:w+12:"\u0c09\u0c26\u0c2f\u0c02"===y?w:"\u0c2e\u0c27\u0c4d\u0c2f\u0c3e\u0c39\u0c4d\u0c28\u0c02"===y?w>=10?w:w+12:"\u0c38\u0c3e\u0c2f\u0c02\u0c24\u0c4d\u0c30\u0c02"===y?w+12:void 0},meridiem:function(w,y,b){return w<4?"\u0c30\u0c3e\u0c24\u0c4d\u0c30\u0c3f":w<10?"\u0c09\u0c26\u0c2f\u0c02":w<17?"\u0c2e\u0c27\u0c4d\u0c2f\u0c3e\u0c39\u0c4d\u0c28\u0c02":w<20?"\u0c38\u0c3e\u0c2f\u0c02\u0c24\u0c4d\u0c30\u0c02":"\u0c30\u0c3e\u0c24\u0c4d\u0c30\u0c3f"},week:{dow:0,doy:6}})}(F(6676))},6278:function(J,Z,F){!function(D){"use strict";D.defineLocale("tet",{months:"Janeiru_Fevereiru_Marsu_Abril_Maiu_Ju\xf1u_Jullu_Agustu_Setembru_Outubru_Novembru_Dezembru".split("_"),monthsShort:"Jan_Fev_Mar_Abr_Mai_Jun_Jul_Ago_Set_Out_Nov_Dez".split("_"),weekdays:"Domingu_Segunda_Tersa_Kuarta_Kinta_Sesta_Sabadu".split("_"),weekdaysShort:"Dom_Seg_Ters_Kua_Kint_Sest_Sab".split("_"),weekdaysMin:"Do_Seg_Te_Ku_Ki_Ses_Sa".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd, D MMMM YYYY HH:mm"},calendar:{sameDay:"[Ohin iha] LT",nextDay:"[Aban iha] LT",nextWeek:"dddd [iha] LT",lastDay:"[Horiseik iha] LT",lastWeek:"dddd [semana kotuk] [iha] LT",sameElse:"L"},relativeTime:{future:"iha %s",past:"%s liuba",s:"segundu balun",ss:"segundu %d",m:"minutu ida",mm:"minutu %d",h:"oras ida",hh:"oras %d",d:"loron ida",dd:"loron %d",M:"fulan ida",MM:"fulan %d",y:"tinan ida",yy:"tinan %d"},dayOfMonthOrdinalParse:/\d{1,2}(st|nd|rd|th)/,ordinal:function(w){var y=w%10;return w+(1==~~(w%100/10)?"th":1===y?"st":2===y?"nd":3===y?"rd":"th")},week:{dow:1,doy:4}})}(F(6676))},6987:function(J,Z,F){!function(D){"use strict";var _={0:"-\u0443\u043c",1:"-\u0443\u043c",2:"-\u044e\u043c",3:"-\u044e\u043c",4:"-\u0443\u043c",5:"-\u0443\u043c",6:"-\u0443\u043c",7:"-\u0443\u043c",8:"-\u0443\u043c",9:"-\u0443\u043c",10:"-\u0443\u043c",12:"-\u0443\u043c",13:"-\u0443\u043c",20:"-\u0443\u043c",30:"-\u044e\u043c",40:"-\u0443\u043c",50:"-\u0443\u043c",60:"-\u0443\u043c",70:"-\u0443\u043c",80:"-\u0443\u043c",90:"-\u0443\u043c",100:"-\u0443\u043c"};D.defineLocale("tg",{months:{format:"\u044f\u043d\u0432\u0430\u0440\u0438_\u0444\u0435\u0432\u0440\u0430\u043b\u0438_\u043c\u0430\u0440\u0442\u0438_\u0430\u043f\u0440\u0435\u043b\u0438_\u043c\u0430\u0439\u0438_\u0438\u044e\u043d\u0438_\u0438\u044e\u043b\u0438_\u0430\u0432\u0433\u0443\u0441\u0442\u0438_\u0441\u0435\u043d\u0442\u044f\u0431\u0440\u0438_\u043e\u043a\u0442\u044f\u0431\u0440\u0438_\u043d\u043e\u044f\u0431\u0440\u0438_\u0434\u0435\u043a\u0430\u0431\u0440\u0438".split("_"),standalone:"\u044f\u043d\u0432\u0430\u0440_\u0444\u0435\u0432\u0440\u0430\u043b_\u043c\u0430\u0440\u0442_\u0430\u043f\u0440\u0435\u043b_\u043c\u0430\u0439_\u0438\u044e\u043d_\u0438\u044e\u043b_\u0430\u0432\u0433\u0443\u0441\u0442_\u0441\u0435\u043d\u0442\u044f\u0431\u0440_\u043e\u043a\u0442\u044f\u0431\u0440_\u043d\u043e\u044f\u0431\u0440_\u0434\u0435\u043a\u0430\u0431\u0440".split("_")},monthsShort:"\u044f\u043d\u0432_\u0444\u0435\u0432_\u043c\u0430\u0440_\u0430\u043f\u0440_\u043c\u0430\u0439_\u0438\u044e\u043d_\u0438\u044e\u043b_\u0430\u0432\u0433_\u0441\u0435\u043d_\u043e\u043a\u0442_\u043d\u043e\u044f_\u0434\u0435\u043a".split("_"),weekdays:"\u044f\u043a\u0448\u0430\u043d\u0431\u0435_\u0434\u0443\u0448\u0430\u043d\u0431\u0435_\u0441\u0435\u0448\u0430\u043d\u0431\u0435_\u0447\u043e\u0440\u0448\u0430\u043d\u0431\u0435_\u043f\u0430\u043d\u04b7\u0448\u0430\u043d\u0431\u0435_\u04b7\u0443\u043c\u044a\u0430_\u0448\u0430\u043d\u0431\u0435".split("_"),weekdaysShort:"\u044f\u0448\u0431_\u0434\u0448\u0431_\u0441\u0448\u0431_\u0447\u0448\u0431_\u043f\u0448\u0431_\u04b7\u0443\u043c_\u0448\u043d\u0431".split("_"),weekdaysMin:"\u044f\u0448_\u0434\u0448_\u0441\u0448_\u0447\u0448_\u043f\u0448_\u04b7\u043c_\u0448\u0431".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd, D MMMM YYYY HH:mm"},calendar:{sameDay:"[\u0418\u043c\u0440\u04ef\u0437 \u0441\u043e\u0430\u0442\u0438] LT",nextDay:"[\u0424\u0430\u0440\u0434\u043e \u0441\u043e\u0430\u0442\u0438] LT",lastDay:"[\u0414\u0438\u0440\u04ef\u0437 \u0441\u043e\u0430\u0442\u0438] LT",nextWeek:"dddd[\u0438] [\u04b3\u0430\u0444\u0442\u0430\u0438 \u043e\u044f\u043d\u0434\u0430 \u0441\u043e\u0430\u0442\u0438] LT",lastWeek:"dddd[\u0438] [\u04b3\u0430\u0444\u0442\u0430\u0438 \u0433\u0443\u0437\u0430\u0448\u0442\u0430 \u0441\u043e\u0430\u0442\u0438] LT",sameElse:"L"},relativeTime:{future:"\u0431\u0430\u044a\u0434\u0438 %s",past:"%s \u043f\u0435\u0448",s:"\u044f\u043a\u0447\u0430\u043d\u0434 \u0441\u043e\u043d\u0438\u044f",m:"\u044f\u043a \u0434\u0430\u049b\u0438\u049b\u0430",mm:"%d \u0434\u0430\u049b\u0438\u049b\u0430",h:"\u044f\u043a \u0441\u043e\u0430\u0442",hh:"%d \u0441\u043e\u0430\u0442",d:"\u044f\u043a \u0440\u04ef\u0437",dd:"%d \u0440\u04ef\u0437",M:"\u044f\u043a \u043c\u043e\u04b3",MM:"%d \u043c\u043e\u04b3",y:"\u044f\u043a \u0441\u043e\u043b",yy:"%d \u0441\u043e\u043b"},meridiemParse:/\u0448\u0430\u0431|\u0441\u0443\u0431\u04b3|\u0440\u04ef\u0437|\u0431\u0435\u0433\u043e\u04b3/,meridiemHour:function(y,b){return 12===y&&(y=0),"\u0448\u0430\u0431"===b?y<4?y:y+12:"\u0441\u0443\u0431\u04b3"===b?y:"\u0440\u04ef\u0437"===b?y>=11?y:y+12:"\u0431\u0435\u0433\u043e\u04b3"===b?y+12:void 0},meridiem:function(y,b,k){return y<4?"\u0448\u0430\u0431":y<11?"\u0441\u0443\u0431\u04b3":y<16?"\u0440\u04ef\u0437":y<19?"\u0431\u0435\u0433\u043e\u04b3":"\u0448\u0430\u0431"},dayOfMonthOrdinalParse:/\d{1,2}-(\u0443\u043c|\u044e\u043c)/,ordinal:function(y){return y+(_[y]||_[y%10]||_[y>=100?100:null])},week:{dow:1,doy:7}})}(F(6676))},9325:function(J,Z,F){!function(D){"use strict";D.defineLocale("th",{months:"\u0e21\u0e01\u0e23\u0e32\u0e04\u0e21_\u0e01\u0e38\u0e21\u0e20\u0e32\u0e1e\u0e31\u0e19\u0e18\u0e4c_\u0e21\u0e35\u0e19\u0e32\u0e04\u0e21_\u0e40\u0e21\u0e29\u0e32\u0e22\u0e19_\u0e1e\u0e24\u0e29\u0e20\u0e32\u0e04\u0e21_\u0e21\u0e34\u0e16\u0e38\u0e19\u0e32\u0e22\u0e19_\u0e01\u0e23\u0e01\u0e0e\u0e32\u0e04\u0e21_\u0e2a\u0e34\u0e07\u0e2b\u0e32\u0e04\u0e21_\u0e01\u0e31\u0e19\u0e22\u0e32\u0e22\u0e19_\u0e15\u0e38\u0e25\u0e32\u0e04\u0e21_\u0e1e\u0e24\u0e28\u0e08\u0e34\u0e01\u0e32\u0e22\u0e19_\u0e18\u0e31\u0e19\u0e27\u0e32\u0e04\u0e21".split("_"),monthsShort:"\u0e21.\u0e04._\u0e01.\u0e1e._\u0e21\u0e35.\u0e04._\u0e40\u0e21.\u0e22._\u0e1e.\u0e04._\u0e21\u0e34.\u0e22._\u0e01.\u0e04._\u0e2a.\u0e04._\u0e01.\u0e22._\u0e15.\u0e04._\u0e1e.\u0e22._\u0e18.\u0e04.".split("_"),monthsParseExact:!0,weekdays:"\u0e2d\u0e32\u0e17\u0e34\u0e15\u0e22\u0e4c_\u0e08\u0e31\u0e19\u0e17\u0e23\u0e4c_\u0e2d\u0e31\u0e07\u0e04\u0e32\u0e23_\u0e1e\u0e38\u0e18_\u0e1e\u0e24\u0e2b\u0e31\u0e2a\u0e1a\u0e14\u0e35_\u0e28\u0e38\u0e01\u0e23\u0e4c_\u0e40\u0e2a\u0e32\u0e23\u0e4c".split("_"),weekdaysShort:"\u0e2d\u0e32\u0e17\u0e34\u0e15\u0e22\u0e4c_\u0e08\u0e31\u0e19\u0e17\u0e23\u0e4c_\u0e2d\u0e31\u0e07\u0e04\u0e32\u0e23_\u0e1e\u0e38\u0e18_\u0e1e\u0e24\u0e2b\u0e31\u0e2a_\u0e28\u0e38\u0e01\u0e23\u0e4c_\u0e40\u0e2a\u0e32\u0e23\u0e4c".split("_"),weekdaysMin:"\u0e2d\u0e32._\u0e08._\u0e2d._\u0e1e._\u0e1e\u0e24._\u0e28._\u0e2a.".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"H:mm",LTS:"H:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY \u0e40\u0e27\u0e25\u0e32 H:mm",LLLL:"\u0e27\u0e31\u0e19dddd\u0e17\u0e35\u0e48 D MMMM YYYY \u0e40\u0e27\u0e25\u0e32 H:mm"},meridiemParse:/\u0e01\u0e48\u0e2d\u0e19\u0e40\u0e17\u0e35\u0e48\u0e22\u0e07|\u0e2b\u0e25\u0e31\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e07/,isPM:function(w){return"\u0e2b\u0e25\u0e31\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e07"===w},meridiem:function(w,y,b){return w<12?"\u0e01\u0e48\u0e2d\u0e19\u0e40\u0e17\u0e35\u0e48\u0e22\u0e07":"\u0e2b\u0e25\u0e31\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e07"},calendar:{sameDay:"[\u0e27\u0e31\u0e19\u0e19\u0e35\u0e49 \u0e40\u0e27\u0e25\u0e32] LT",nextDay:"[\u0e1e\u0e23\u0e38\u0e48\u0e07\u0e19\u0e35\u0e49 \u0e40\u0e27\u0e25\u0e32] LT",nextWeek:"dddd[\u0e2b\u0e19\u0e49\u0e32 \u0e40\u0e27\u0e25\u0e32] LT",lastDay:"[\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e27\u0e32\u0e19\u0e19\u0e35\u0e49 \u0e40\u0e27\u0e25\u0e32] LT",lastWeek:"[\u0e27\u0e31\u0e19]dddd[\u0e17\u0e35\u0e48\u0e41\u0e25\u0e49\u0e27 \u0e40\u0e27\u0e25\u0e32] LT",sameElse:"L"},relativeTime:{future:"\u0e2d\u0e35\u0e01 %s",past:"%s\u0e17\u0e35\u0e48\u0e41\u0e25\u0e49\u0e27",s:"\u0e44\u0e21\u0e48\u0e01\u0e35\u0e48\u0e27\u0e34\u0e19\u0e32\u0e17\u0e35",ss:"%d \u0e27\u0e34\u0e19\u0e32\u0e17\u0e35",m:"1 \u0e19\u0e32\u0e17\u0e35",mm:"%d \u0e19\u0e32\u0e17\u0e35",h:"1 \u0e0a\u0e31\u0e48\u0e27\u0e42\u0e21\u0e07",hh:"%d \u0e0a\u0e31\u0e48\u0e27\u0e42\u0e21\u0e07",d:"1 \u0e27\u0e31\u0e19",dd:"%d \u0e27\u0e31\u0e19",w:"1 \u0e2a\u0e31\u0e1b\u0e14\u0e32\u0e2b\u0e4c",ww:"%d \u0e2a\u0e31\u0e1b\u0e14\u0e32\u0e2b\u0e4c",M:"1 \u0e40\u0e14\u0e37\u0e2d\u0e19",MM:"%d \u0e40\u0e14\u0e37\u0e2d\u0e19",y:"1 \u0e1b\u0e35",yy:"%d \u0e1b\u0e35"}})}(F(6676))},3485:function(J,Z,F){!function(D){"use strict";var _={1:"'inji",5:"'inji",8:"'inji",70:"'inji",80:"'inji",2:"'nji",7:"'nji",20:"'nji",50:"'nji",3:"'\xfcnji",4:"'\xfcnji",100:"'\xfcnji",6:"'njy",9:"'unjy",10:"'unjy",30:"'unjy",60:"'ynjy",90:"'ynjy"};D.defineLocale("tk",{months:"\xddanwar_Fewral_Mart_Aprel_Ma\xfd_I\xfdun_I\xfdul_Awgust_Sent\xfdabr_Okt\xfdabr_No\xfdabr_Dekabr".split("_"),monthsShort:"\xddan_Few_Mar_Apr_Ma\xfd_I\xfdn_I\xfdl_Awg_Sen_Okt_No\xfd_Dek".split("_"),weekdays:"\xddek\u015fenbe_Du\u015fenbe_Si\u015fenbe_\xc7ar\u015fenbe_Pen\u015fenbe_Anna_\u015eenbe".split("_"),weekdaysShort:"\xddek_Du\u015f_Si\u015f_\xc7ar_Pen_Ann_\u015een".split("_"),weekdaysMin:"\xddk_D\u015f_S\u015f_\xc7r_Pn_An_\u015en".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd, D MMMM YYYY HH:mm"},calendar:{sameDay:"[bug\xfcn sagat] LT",nextDay:"[ertir sagat] LT",nextWeek:"[indiki] dddd [sagat] LT",lastDay:"[d\xfc\xfdn] LT",lastWeek:"[ge\xe7en] dddd [sagat] LT",sameElse:"L"},relativeTime:{future:"%s so\u0148",past:"%s \xf6\u0148",s:"birn\xe4\xe7e sekunt",m:"bir minut",mm:"%d minut",h:"bir sagat",hh:"%d sagat",d:"bir g\xfcn",dd:"%d g\xfcn",M:"bir a\xfd",MM:"%d a\xfd",y:"bir \xfdyl",yy:"%d \xfdyl"},ordinal:function(y,b){switch(b){case"d":case"D":case"Do":case"DD":return y;default:if(0===y)return y+"'unjy";var k=y%10;return y+(_[k]||_[y%100-k]||_[y>=100?100:null])}},week:{dow:1,doy:7}})}(F(6676))},8148:function(J,Z,F){!function(D){"use strict";D.defineLocale("tl-ph",{months:"Enero_Pebrero_Marso_Abril_Mayo_Hunyo_Hulyo_Agosto_Setyembre_Oktubre_Nobyembre_Disyembre".split("_"),monthsShort:"Ene_Peb_Mar_Abr_May_Hun_Hul_Ago_Set_Okt_Nob_Dis".split("_"),weekdays:"Linggo_Lunes_Martes_Miyerkules_Huwebes_Biyernes_Sabado".split("_"),weekdaysShort:"Lin_Lun_Mar_Miy_Huw_Biy_Sab".split("_"),weekdaysMin:"Li_Lu_Ma_Mi_Hu_Bi_Sab".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"MM/D/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY HH:mm",LLLL:"dddd, MMMM DD, YYYY HH:mm"},calendar:{sameDay:"LT [ngayong araw]",nextDay:"[Bukas ng] LT",nextWeek:"LT [sa susunod na] dddd",lastDay:"LT [kahapon]",lastWeek:"LT [noong nakaraang] dddd",sameElse:"L"},relativeTime:{future:"sa loob ng %s",past:"%s ang nakalipas",s:"ilang segundo",ss:"%d segundo",m:"isang minuto",mm:"%d minuto",h:"isang oras",hh:"%d oras",d:"isang araw",dd:"%d araw",M:"isang buwan",MM:"%d buwan",y:"isang taon",yy:"%d taon"},dayOfMonthOrdinalParse:/\d{1,2}/,ordinal:function(w){return w},week:{dow:1,doy:4}})}(F(6676))},9616:function(J,Z,F){!function(D){"use strict";var _="pagh_wa\u2019_cha\u2019_wej_loS_vagh_jav_Soch_chorgh_Hut".split("_");function b(N,U,ie,De){var He=function k(N){var U=Math.floor(N%1e3/100),ie=Math.floor(N%100/10),De=N%10,He="";return U>0&&(He+=_[U]+"vatlh"),ie>0&&(He+=(""!==He?" ":"")+_[ie]+"maH"),De>0&&(He+=(""!==He?" ":"")+_[De]),""===He?"pagh":He}(N);switch(ie){case"ss":return He+" lup";case"mm":return He+" tup";case"hh":return He+" rep";case"dd":return He+" jaj";case"MM":return He+" jar";case"yy":return He+" DIS"}}D.defineLocale("tlh",{months:"tera\u2019 jar wa\u2019_tera\u2019 jar cha\u2019_tera\u2019 jar wej_tera\u2019 jar loS_tera\u2019 jar vagh_tera\u2019 jar jav_tera\u2019 jar Soch_tera\u2019 jar chorgh_tera\u2019 jar Hut_tera\u2019 jar wa\u2019maH_tera\u2019 jar wa\u2019maH wa\u2019_tera\u2019 jar wa\u2019maH cha\u2019".split("_"),monthsShort:"jar wa\u2019_jar cha\u2019_jar wej_jar loS_jar vagh_jar jav_jar Soch_jar chorgh_jar Hut_jar wa\u2019maH_jar wa\u2019maH wa\u2019_jar wa\u2019maH cha\u2019".split("_"),monthsParseExact:!0,weekdays:"lojmItjaj_DaSjaj_povjaj_ghItlhjaj_loghjaj_buqjaj_ghInjaj".split("_"),weekdaysShort:"lojmItjaj_DaSjaj_povjaj_ghItlhjaj_loghjaj_buqjaj_ghInjaj".split("_"),weekdaysMin:"lojmItjaj_DaSjaj_povjaj_ghItlhjaj_loghjaj_buqjaj_ghInjaj".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd, D MMMM YYYY HH:mm"},calendar:{sameDay:"[DaHjaj] LT",nextDay:"[wa\u2019leS] LT",nextWeek:"LLL",lastDay:"[wa\u2019Hu\u2019] LT",lastWeek:"LLL",sameElse:"L"},relativeTime:{future:function w(N){var U=N;return-1!==N.indexOf("jaj")?U.slice(0,-3)+"leS":-1!==N.indexOf("jar")?U.slice(0,-3)+"waQ":-1!==N.indexOf("DIS")?U.slice(0,-3)+"nem":U+" pIq"},past:function y(N){var U=N;return-1!==N.indexOf("jaj")?U.slice(0,-3)+"Hu\u2019":-1!==N.indexOf("jar")?U.slice(0,-3)+"wen":-1!==N.indexOf("DIS")?U.slice(0,-3)+"ben":U+" ret"},s:"puS lup",ss:b,m:"wa\u2019 tup",mm:b,h:"wa\u2019 rep",hh:b,d:"wa\u2019 jaj",dd:b,M:"wa\u2019 jar",MM:b,y:"wa\u2019 DIS",yy:b},dayOfMonthOrdinalParse:/\d{1,2}\./,ordinal:"%d.",week:{dow:1,doy:4}})}(F(6676))},4040:function(J,Z,F){!function(D){"use strict";var _={1:"'inci",5:"'inci",8:"'inci",70:"'inci",80:"'inci",2:"'nci",7:"'nci",20:"'nci",50:"'nci",3:"'\xfcnc\xfc",4:"'\xfcnc\xfc",100:"'\xfcnc\xfc",6:"'nc\u0131",9:"'uncu",10:"'uncu",30:"'uncu",60:"'\u0131nc\u0131",90:"'\u0131nc\u0131"};D.defineLocale("tr",{months:"Ocak_\u015eubat_Mart_Nisan_May\u0131s_Haziran_Temmuz_A\u011fustos_Eyl\xfcl_Ekim_Kas\u0131m_Aral\u0131k".split("_"),monthsShort:"Oca_\u015eub_Mar_Nis_May_Haz_Tem_A\u011fu_Eyl_Eki_Kas_Ara".split("_"),weekdays:"Pazar_Pazartesi_Sal\u0131_\xc7ar\u015famba_Per\u015fembe_Cuma_Cumartesi".split("_"),weekdaysShort:"Paz_Pzt_Sal_\xc7ar_Per_Cum_Cmt".split("_"),weekdaysMin:"Pz_Pt_Sa_\xc7a_Pe_Cu_Ct".split("_"),meridiem:function(y,b,k){return y<12?k?"\xf6\xf6":"\xd6\xd6":k?"\xf6s":"\xd6S"},meridiemParse:/\xf6\xf6|\xd6\xd6|\xf6s|\xd6S/,isPM:function(y){return"\xf6s"===y||"\xd6S"===y},longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd, D MMMM YYYY HH:mm"},calendar:{sameDay:"[bug\xfcn saat] LT",nextDay:"[yar\u0131n saat] LT",nextWeek:"[gelecek] dddd [saat] LT",lastDay:"[d\xfcn] LT",lastWeek:"[ge\xe7en] dddd [saat] LT",sameElse:"L"},relativeTime:{future:"%s sonra",past:"%s \xf6nce",s:"birka\xe7 saniye",ss:"%d saniye",m:"bir dakika",mm:"%d dakika",h:"bir saat",hh:"%d saat",d:"bir g\xfcn",dd:"%d g\xfcn",w:"bir hafta",ww:"%d hafta",M:"bir ay",MM:"%d ay",y:"bir y\u0131l",yy:"%d y\u0131l"},ordinal:function(y,b){switch(b){case"d":case"D":case"Do":case"DD":return y;default:if(0===y)return y+"'\u0131nc\u0131";var k=y%10;return y+(_[k]||_[y%100-k]||_[y>=100?100:null])}},week:{dow:1,doy:7}})}(F(6676))},594:function(J,Z,F){!function(D){"use strict";function w(y,b,k,P){var N={s:["viensas secunds","'iensas secunds"],ss:[y+" secunds",y+" secunds"],m:["'n m\xedut","'iens m\xedut"],mm:[y+" m\xeduts",y+" m\xeduts"],h:["'n \xfeora","'iensa \xfeora"],hh:[y+" \xfeoras",y+" \xfeoras"],d:["'n ziua","'iensa ziua"],dd:[y+" ziuas",y+" ziuas"],M:["'n mes","'iens mes"],MM:[y+" mesen",y+" mesen"],y:["'n ar","'iens ar"],yy:[y+" ars",y+" ars"]};return P||b?N[k][0]:N[k][1]}D.defineLocale("tzl",{months:"Januar_Fevraglh_Mar\xe7_Avr\xefu_Mai_G\xfcn_Julia_Guscht_Setemvar_Listop\xe4ts_Noemvar_Zecemvar".split("_"),monthsShort:"Jan_Fev_Mar_Avr_Mai_G\xfcn_Jul_Gus_Set_Lis_Noe_Zec".split("_"),weekdays:"S\xfaladi_L\xfane\xe7i_Maitzi_M\xe1rcuri_Xh\xfaadi_Vi\xe9ner\xe7i_S\xe1turi".split("_"),weekdaysShort:"S\xfal_L\xfan_Mai_M\xe1r_Xh\xfa_Vi\xe9_S\xe1t".split("_"),weekdaysMin:"S\xfa_L\xfa_Ma_M\xe1_Xh_Vi_S\xe1".split("_"),longDateFormat:{LT:"HH.mm",LTS:"HH.mm.ss",L:"DD.MM.YYYY",LL:"D. MMMM [dallas] YYYY",LLL:"D. MMMM [dallas] YYYY HH.mm",LLLL:"dddd, [li] D. MMMM [dallas] YYYY HH.mm"},meridiemParse:/d\'o|d\'a/i,isPM:function(y){return"d'o"===y.toLowerCase()},meridiem:function(y,b,k){return y>11?k?"d'o":"D'O":k?"d'a":"D'A"},calendar:{sameDay:"[oxhi \xe0] LT",nextDay:"[dem\xe0 \xe0] LT",nextWeek:"dddd [\xe0] LT",lastDay:"[ieiri \xe0] LT",lastWeek:"[s\xfcr el] dddd [lasteu \xe0] LT",sameElse:"L"},relativeTime:{future:"osprei %s",past:"ja%s",s:w,ss:w,m:w,mm:w,h:w,hh:w,d:w,dd:w,M:w,MM:w,y:w,yy:w},dayOfMonthOrdinalParse:/\d{1,2}\./,ordinal:"%d.",week:{dow:1,doy:4}})}(F(6676))},3226:function(J,Z,F){!function(D){"use strict";D.defineLocale("tzm-latn",{months:"innayr_br\u02e4ayr\u02e4_mar\u02e4s\u02e4_ibrir_mayyw_ywnyw_ywlywz_\u0263w\u0161t_\u0161wtanbir_kt\u02e4wbr\u02e4_nwwanbir_dwjnbir".split("_"),monthsShort:"innayr_br\u02e4ayr\u02e4_mar\u02e4s\u02e4_ibrir_mayyw_ywnyw_ywlywz_\u0263w\u0161t_\u0161wtanbir_kt\u02e4wbr\u02e4_nwwanbir_dwjnbir".split("_"),weekdays:"asamas_aynas_asinas_akras_akwas_asimwas_asi\u1e0dyas".split("_"),weekdaysShort:"asamas_aynas_asinas_akras_akwas_asimwas_asi\u1e0dyas".split("_"),weekdaysMin:"asamas_aynas_asinas_akras_akwas_asimwas_asi\u1e0dyas".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},calendar:{sameDay:"[asdkh g] LT",nextDay:"[aska g] LT",nextWeek:"dddd [g] LT",lastDay:"[assant g] LT",lastWeek:"dddd [g] LT",sameElse:"L"},relativeTime:{future:"dadkh s yan %s",past:"yan %s",s:"imik",ss:"%d imik",m:"minu\u1e0d",mm:"%d minu\u1e0d",h:"sa\u025ba",hh:"%d tassa\u025bin",d:"ass",dd:"%d ossan",M:"ayowr",MM:"%d iyyirn",y:"asgas",yy:"%d isgasn"},week:{dow:6,doy:12}})}(F(6676))},673:function(J,Z,F){!function(D){"use strict";D.defineLocale("tzm",{months:"\u2d49\u2d4f\u2d4f\u2d30\u2d62\u2d54_\u2d31\u2d55\u2d30\u2d62\u2d55_\u2d4e\u2d30\u2d55\u2d5a_\u2d49\u2d31\u2d54\u2d49\u2d54_\u2d4e\u2d30\u2d62\u2d62\u2d53_\u2d62\u2d53\u2d4f\u2d62\u2d53_\u2d62\u2d53\u2d4d\u2d62\u2d53\u2d63_\u2d56\u2d53\u2d5b\u2d5c_\u2d5b\u2d53\u2d5c\u2d30\u2d4f\u2d31\u2d49\u2d54_\u2d3d\u2d5f\u2d53\u2d31\u2d55_\u2d4f\u2d53\u2d61\u2d30\u2d4f\u2d31\u2d49\u2d54_\u2d37\u2d53\u2d4a\u2d4f\u2d31\u2d49\u2d54".split("_"),monthsShort:"\u2d49\u2d4f\u2d4f\u2d30\u2d62\u2d54_\u2d31\u2d55\u2d30\u2d62\u2d55_\u2d4e\u2d30\u2d55\u2d5a_\u2d49\u2d31\u2d54\u2d49\u2d54_\u2d4e\u2d30\u2d62\u2d62\u2d53_\u2d62\u2d53\u2d4f\u2d62\u2d53_\u2d62\u2d53\u2d4d\u2d62\u2d53\u2d63_\u2d56\u2d53\u2d5b\u2d5c_\u2d5b\u2d53\u2d5c\u2d30\u2d4f\u2d31\u2d49\u2d54_\u2d3d\u2d5f\u2d53\u2d31\u2d55_\u2d4f\u2d53\u2d61\u2d30\u2d4f\u2d31\u2d49\u2d54_\u2d37\u2d53\u2d4a\u2d4f\u2d31\u2d49\u2d54".split("_"),weekdays:"\u2d30\u2d59\u2d30\u2d4e\u2d30\u2d59_\u2d30\u2d62\u2d4f\u2d30\u2d59_\u2d30\u2d59\u2d49\u2d4f\u2d30\u2d59_\u2d30\u2d3d\u2d54\u2d30\u2d59_\u2d30\u2d3d\u2d61\u2d30\u2d59_\u2d30\u2d59\u2d49\u2d4e\u2d61\u2d30\u2d59_\u2d30\u2d59\u2d49\u2d39\u2d62\u2d30\u2d59".split("_"),weekdaysShort:"\u2d30\u2d59\u2d30\u2d4e\u2d30\u2d59_\u2d30\u2d62\u2d4f\u2d30\u2d59_\u2d30\u2d59\u2d49\u2d4f\u2d30\u2d59_\u2d30\u2d3d\u2d54\u2d30\u2d59_\u2d30\u2d3d\u2d61\u2d30\u2d59_\u2d30\u2d59\u2d49\u2d4e\u2d61\u2d30\u2d59_\u2d30\u2d59\u2d49\u2d39\u2d62\u2d30\u2d59".split("_"),weekdaysMin:"\u2d30\u2d59\u2d30\u2d4e\u2d30\u2d59_\u2d30\u2d62\u2d4f\u2d30\u2d59_\u2d30\u2d59\u2d49\u2d4f\u2d30\u2d59_\u2d30\u2d3d\u2d54\u2d30\u2d59_\u2d30\u2d3d\u2d61\u2d30\u2d59_\u2d30\u2d59\u2d49\u2d4e\u2d61\u2d30\u2d59_\u2d30\u2d59\u2d49\u2d39\u2d62\u2d30\u2d59".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},calendar:{sameDay:"[\u2d30\u2d59\u2d37\u2d45 \u2d34] LT",nextDay:"[\u2d30\u2d59\u2d3d\u2d30 \u2d34] LT",nextWeek:"dddd [\u2d34] LT",lastDay:"[\u2d30\u2d5a\u2d30\u2d4f\u2d5c \u2d34] LT",lastWeek:"dddd [\u2d34] LT",sameElse:"L"},relativeTime:{future:"\u2d37\u2d30\u2d37\u2d45 \u2d59 \u2d62\u2d30\u2d4f %s",past:"\u2d62\u2d30\u2d4f %s",s:"\u2d49\u2d4e\u2d49\u2d3d",ss:"%d \u2d49\u2d4e\u2d49\u2d3d",m:"\u2d4e\u2d49\u2d4f\u2d53\u2d3a",mm:"%d \u2d4e\u2d49\u2d4f\u2d53\u2d3a",h:"\u2d59\u2d30\u2d44\u2d30",hh:"%d \u2d5c\u2d30\u2d59\u2d59\u2d30\u2d44\u2d49\u2d4f",d:"\u2d30\u2d59\u2d59",dd:"%d o\u2d59\u2d59\u2d30\u2d4f",M:"\u2d30\u2d62o\u2d53\u2d54",MM:"%d \u2d49\u2d62\u2d62\u2d49\u2d54\u2d4f",y:"\u2d30\u2d59\u2d33\u2d30\u2d59",yy:"%d \u2d49\u2d59\u2d33\u2d30\u2d59\u2d4f"},week:{dow:6,doy:12}})}(F(6676))},9580:function(J,Z,F){!function(D){"use strict";D.defineLocale("ug-cn",{months:"\u064a\u0627\u0646\u06cb\u0627\u0631_\u0641\u06d0\u06cb\u0631\u0627\u0644_\u0645\u0627\u0631\u062a_\u0626\u0627\u067e\u0631\u06d0\u0644_\u0645\u0627\u064a_\u0626\u0649\u064a\u06c7\u0646_\u0626\u0649\u064a\u06c7\u0644_\u0626\u0627\u06cb\u063a\u06c7\u0633\u062a_\u0633\u06d0\u0646\u062a\u06d5\u0628\u0649\u0631_\u0626\u06c6\u0643\u062a\u06d5\u0628\u0649\u0631_\u0646\u0648\u064a\u0627\u0628\u0649\u0631_\u062f\u06d0\u0643\u0627\u0628\u0649\u0631".split("_"),monthsShort:"\u064a\u0627\u0646\u06cb\u0627\u0631_\u0641\u06d0\u06cb\u0631\u0627\u0644_\u0645\u0627\u0631\u062a_\u0626\u0627\u067e\u0631\u06d0\u0644_\u0645\u0627\u064a_\u0626\u0649\u064a\u06c7\u0646_\u0626\u0649\u064a\u06c7\u0644_\u0626\u0627\u06cb\u063a\u06c7\u0633\u062a_\u0633\u06d0\u0646\u062a\u06d5\u0628\u0649\u0631_\u0626\u06c6\u0643\u062a\u06d5\u0628\u0649\u0631_\u0646\u0648\u064a\u0627\u0628\u0649\u0631_\u062f\u06d0\u0643\u0627\u0628\u0649\u0631".split("_"),weekdays:"\u064a\u06d5\u0643\u0634\u06d5\u0646\u0628\u06d5_\u062f\u06c8\u0634\u06d5\u0646\u0628\u06d5_\u0633\u06d5\u064a\u0634\u06d5\u0646\u0628\u06d5_\u0686\u0627\u0631\u0634\u06d5\u0646\u0628\u06d5_\u067e\u06d5\u064a\u0634\u06d5\u0646\u0628\u06d5_\u062c\u06c8\u0645\u06d5_\u0634\u06d5\u0646\u0628\u06d5".split("_"),weekdaysShort:"\u064a\u06d5_\u062f\u06c8_\u0633\u06d5_\u0686\u0627_\u067e\u06d5_\u062c\u06c8_\u0634\u06d5".split("_"),weekdaysMin:"\u064a\u06d5_\u062f\u06c8_\u0633\u06d5_\u0686\u0627_\u067e\u06d5_\u062c\u06c8_\u0634\u06d5".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY-MM-DD",LL:"YYYY-\u064a\u0649\u0644\u0649M-\u0626\u0627\u064a\u0646\u0649\u06adD-\u0643\u06c8\u0646\u0649",LLL:"YYYY-\u064a\u0649\u0644\u0649M-\u0626\u0627\u064a\u0646\u0649\u06adD-\u0643\u06c8\u0646\u0649\u060c HH:mm",LLLL:"dddd\u060c YYYY-\u064a\u0649\u0644\u0649M-\u0626\u0627\u064a\u0646\u0649\u06adD-\u0643\u06c8\u0646\u0649\u060c HH:mm"},meridiemParse:/\u064a\u06d0\u0631\u0649\u0645 \u0643\u06d0\u0686\u06d5|\u0633\u06d5\u06be\u06d5\u0631|\u0686\u06c8\u0634\u062a\u0649\u0646 \u0628\u06c7\u0631\u06c7\u0646|\u0686\u06c8\u0634|\u0686\u06c8\u0634\u062a\u0649\u0646 \u0643\u06d0\u064a\u0649\u0646|\u0643\u06d5\u0686/,meridiemHour:function(w,y){return 12===w&&(w=0),"\u064a\u06d0\u0631\u0649\u0645 \u0643\u06d0\u0686\u06d5"===y||"\u0633\u06d5\u06be\u06d5\u0631"===y||"\u0686\u06c8\u0634\u062a\u0649\u0646 \u0628\u06c7\u0631\u06c7\u0646"===y?w:"\u0686\u06c8\u0634\u062a\u0649\u0646 \u0643\u06d0\u064a\u0649\u0646"===y||"\u0643\u06d5\u0686"===y?w+12:w>=11?w:w+12},meridiem:function(w,y,b){var k=100*w+y;return k<600?"\u064a\u06d0\u0631\u0649\u0645 \u0643\u06d0\u0686\u06d5":k<900?"\u0633\u06d5\u06be\u06d5\u0631":k<1130?"\u0686\u06c8\u0634\u062a\u0649\u0646 \u0628\u06c7\u0631\u06c7\u0646":k<1230?"\u0686\u06c8\u0634":k<1800?"\u0686\u06c8\u0634\u062a\u0649\u0646 \u0643\u06d0\u064a\u0649\u0646":"\u0643\u06d5\u0686"},calendar:{sameDay:"[\u0628\u06c8\u06af\u06c8\u0646 \u0633\u0627\u0626\u06d5\u062a] LT",nextDay:"[\u0626\u06d5\u062a\u06d5 \u0633\u0627\u0626\u06d5\u062a] LT",nextWeek:"[\u0643\u06d0\u0644\u06d5\u0631\u0643\u0649] dddd [\u0633\u0627\u0626\u06d5\u062a] LT",lastDay:"[\u062a\u06c6\u0646\u06c8\u06af\u06c8\u0646] LT",lastWeek:"[\u0626\u0627\u0644\u062f\u0649\u0646\u0642\u0649] dddd [\u0633\u0627\u0626\u06d5\u062a] LT",sameElse:"L"},relativeTime:{future:"%s \u0643\u06d0\u064a\u0649\u0646",past:"%s \u0628\u06c7\u0631\u06c7\u0646",s:"\u0646\u06d5\u0686\u0686\u06d5 \u0633\u06d0\u0643\u0648\u0646\u062a",ss:"%d \u0633\u06d0\u0643\u0648\u0646\u062a",m:"\u0628\u0649\u0631 \u0645\u0649\u0646\u06c7\u062a",mm:"%d \u0645\u0649\u0646\u06c7\u062a",h:"\u0628\u0649\u0631 \u0633\u0627\u0626\u06d5\u062a",hh:"%d \u0633\u0627\u0626\u06d5\u062a",d:"\u0628\u0649\u0631 \u0643\u06c8\u0646",dd:"%d \u0643\u06c8\u0646",M:"\u0628\u0649\u0631 \u0626\u0627\u064a",MM:"%d \u0626\u0627\u064a",y:"\u0628\u0649\u0631 \u064a\u0649\u0644",yy:"%d \u064a\u0649\u0644"},dayOfMonthOrdinalParse:/\d{1,2}(-\u0643\u06c8\u0646\u0649|-\u0626\u0627\u064a|-\u06be\u06d5\u067e\u062a\u06d5)/,ordinal:function(w,y){switch(y){case"d":case"D":case"DDD":return w+"-\u0643\u06c8\u0646\u0649";case"w":case"W":return w+"-\u06be\u06d5\u067e\u062a\u06d5";default:return w}},preparse:function(w){return w.replace(/\u060c/g,",")},postformat:function(w){return w.replace(/,/g,"\u060c")},week:{dow:1,doy:7}})}(F(6676))},7270:function(J,Z,F){!function(D){"use strict";function w(P,N,U){return"m"===U?N?"\u0445\u0432\u0438\u043b\u0438\u043d\u0430":"\u0445\u0432\u0438\u043b\u0438\u043d\u0443":"h"===U?N?"\u0433\u043e\u0434\u0438\u043d\u0430":"\u0433\u043e\u0434\u0438\u043d\u0443":P+" "+function _(P,N){var U=P.split("_");return N%10==1&&N%100!=11?U[0]:N%10>=2&&N%10<=4&&(N%100<10||N%100>=20)?U[1]:U[2]}({ss:N?"\u0441\u0435\u043a\u0443\u043d\u0434\u0430_\u0441\u0435\u043a\u0443\u043d\u0434\u0438_\u0441\u0435\u043a\u0443\u043d\u0434":"\u0441\u0435\u043a\u0443\u043d\u0434\u0443_\u0441\u0435\u043a\u0443\u043d\u0434\u0438_\u0441\u0435\u043a\u0443\u043d\u0434",mm:N?"\u0445\u0432\u0438\u043b\u0438\u043d\u0430_\u0445\u0432\u0438\u043b\u0438\u043d\u0438_\u0445\u0432\u0438\u043b\u0438\u043d":"\u0445\u0432\u0438\u043b\u0438\u043d\u0443_\u0445\u0432\u0438\u043b\u0438\u043d\u0438_\u0445\u0432\u0438\u043b\u0438\u043d",hh:N?"\u0433\u043e\u0434\u0438\u043d\u0430_\u0433\u043e\u0434\u0438\u043d\u0438_\u0433\u043e\u0434\u0438\u043d":"\u0433\u043e\u0434\u0438\u043d\u0443_\u0433\u043e\u0434\u0438\u043d\u0438_\u0433\u043e\u0434\u0438\u043d",dd:"\u0434\u0435\u043d\u044c_\u0434\u043d\u0456_\u0434\u043d\u0456\u0432",MM:"\u043c\u0456\u0441\u044f\u0446\u044c_\u043c\u0456\u0441\u044f\u0446\u0456_\u043c\u0456\u0441\u044f\u0446\u0456\u0432",yy:"\u0440\u0456\u043a_\u0440\u043e\u043a\u0438_\u0440\u043e\u043a\u0456\u0432"}[U],+P)}function b(P){return function(){return P+"\u043e"+(11===this.hours()?"\u0431":"")+"] LT"}}D.defineLocale("uk",{months:{format:"\u0441\u0456\u0447\u043d\u044f_\u043b\u044e\u0442\u043e\u0433\u043e_\u0431\u0435\u0440\u0435\u0437\u043d\u044f_\u043a\u0432\u0456\u0442\u043d\u044f_\u0442\u0440\u0430\u0432\u043d\u044f_\u0447\u0435\u0440\u0432\u043d\u044f_\u043b\u0438\u043f\u043d\u044f_\u0441\u0435\u0440\u043f\u043d\u044f_\u0432\u0435\u0440\u0435\u0441\u043d\u044f_\u0436\u043e\u0432\u0442\u043d\u044f_\u043b\u0438\u0441\u0442\u043e\u043f\u0430\u0434\u0430_\u0433\u0440\u0443\u0434\u043d\u044f".split("_"),standalone:"\u0441\u0456\u0447\u0435\u043d\u044c_\u043b\u044e\u0442\u0438\u0439_\u0431\u0435\u0440\u0435\u0437\u0435\u043d\u044c_\u043a\u0432\u0456\u0442\u0435\u043d\u044c_\u0442\u0440\u0430\u0432\u0435\u043d\u044c_\u0447\u0435\u0440\u0432\u0435\u043d\u044c_\u043b\u0438\u043f\u0435\u043d\u044c_\u0441\u0435\u0440\u043f\u0435\u043d\u044c_\u0432\u0435\u0440\u0435\u0441\u0435\u043d\u044c_\u0436\u043e\u0432\u0442\u0435\u043d\u044c_\u043b\u0438\u0441\u0442\u043e\u043f\u0430\u0434_\u0433\u0440\u0443\u0434\u0435\u043d\u044c".split("_")},monthsShort:"\u0441\u0456\u0447_\u043b\u044e\u0442_\u0431\u0435\u0440_\u043a\u0432\u0456\u0442_\u0442\u0440\u0430\u0432_\u0447\u0435\u0440\u0432_\u043b\u0438\u043f_\u0441\u0435\u0440\u043f_\u0432\u0435\u0440_\u0436\u043e\u0432\u0442_\u043b\u0438\u0441\u0442_\u0433\u0440\u0443\u0434".split("_"),weekdays:function y(P,N){var U={nominative:"\u043d\u0435\u0434\u0456\u043b\u044f_\u043f\u043e\u043d\u0435\u0434\u0456\u043b\u043e\u043a_\u0432\u0456\u0432\u0442\u043e\u0440\u043e\u043a_\u0441\u0435\u0440\u0435\u0434\u0430_\u0447\u0435\u0442\u0432\u0435\u0440_\u043f\u2019\u044f\u0442\u043d\u0438\u0446\u044f_\u0441\u0443\u0431\u043e\u0442\u0430".split("_"),accusative:"\u043d\u0435\u0434\u0456\u043b\u044e_\u043f\u043e\u043d\u0435\u0434\u0456\u043b\u043e\u043a_\u0432\u0456\u0432\u0442\u043e\u0440\u043e\u043a_\u0441\u0435\u0440\u0435\u0434\u0443_\u0447\u0435\u0442\u0432\u0435\u0440_\u043f\u2019\u044f\u0442\u043d\u0438\u0446\u044e_\u0441\u0443\u0431\u043e\u0442\u0443".split("_"),genitive:"\u043d\u0435\u0434\u0456\u043b\u0456_\u043f\u043e\u043d\u0435\u0434\u0456\u043b\u043a\u0430_\u0432\u0456\u0432\u0442\u043e\u0440\u043a\u0430_\u0441\u0435\u0440\u0435\u0434\u0438_\u0447\u0435\u0442\u0432\u0435\u0440\u0433\u0430_\u043f\u2019\u044f\u0442\u043d\u0438\u0446\u0456_\u0441\u0443\u0431\u043e\u0442\u0438".split("_")};return!0===P?U.nominative.slice(1,7).concat(U.nominative.slice(0,1)):P?U[/(\[[\u0412\u0432\u0423\u0443]\]) ?dddd/.test(N)?"accusative":/\[?(?:\u043c\u0438\u043d\u0443\u043b\u043e\u0457|\u043d\u0430\u0441\u0442\u0443\u043f\u043d\u043e\u0457)? ?\] ?dddd/.test(N)?"genitive":"nominative"][P.day()]:U.nominative},weekdaysShort:"\u043d\u0434_\u043f\u043d_\u0432\u0442_\u0441\u0440_\u0447\u0442_\u043f\u0442_\u0441\u0431".split("_"),weekdaysMin:"\u043d\u0434_\u043f\u043d_\u0432\u0442_\u0441\u0440_\u0447\u0442_\u043f\u0442_\u0441\u0431".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D MMMM YYYY \u0440.",LLL:"D MMMM YYYY \u0440., HH:mm",LLLL:"dddd, D MMMM YYYY \u0440., HH:mm"},calendar:{sameDay:b("[\u0421\u044c\u043e\u0433\u043e\u0434\u043d\u0456 "),nextDay:b("[\u0417\u0430\u0432\u0442\u0440\u0430 "),lastDay:b("[\u0412\u0447\u043e\u0440\u0430 "),nextWeek:b("[\u0423] dddd ["),lastWeek:function(){switch(this.day()){case 0:case 3:case 5:case 6:return b("[\u041c\u0438\u043d\u0443\u043b\u043e\u0457] dddd [").call(this);case 1:case 2:case 4:return b("[\u041c\u0438\u043d\u0443\u043b\u043e\u0433\u043e] dddd [").call(this)}},sameElse:"L"},relativeTime:{future:"\u0437\u0430 %s",past:"%s \u0442\u043e\u043c\u0443",s:"\u0434\u0435\u043a\u0456\u043b\u044c\u043a\u0430 \u0441\u0435\u043a\u0443\u043d\u0434",ss:w,m:w,mm:w,h:"\u0433\u043e\u0434\u0438\u043d\u0443",hh:w,d:"\u0434\u0435\u043d\u044c",dd:w,M:"\u043c\u0456\u0441\u044f\u0446\u044c",MM:w,y:"\u0440\u0456\u043a",yy:w},meridiemParse:/\u043d\u043e\u0447\u0456|\u0440\u0430\u043d\u043a\u0443|\u0434\u043d\u044f|\u0432\u0435\u0447\u043e\u0440\u0430/,isPM:function(P){return/^(\u0434\u043d\u044f|\u0432\u0435\u0447\u043e\u0440\u0430)$/.test(P)},meridiem:function(P,N,U){return P<4?"\u043d\u043e\u0447\u0456":P<12?"\u0440\u0430\u043d\u043a\u0443":P<17?"\u0434\u043d\u044f":"\u0432\u0435\u0447\u043e\u0440\u0430"},dayOfMonthOrdinalParse:/\d{1,2}-(\u0439|\u0433\u043e)/,ordinal:function(P,N){switch(N){case"M":case"d":case"DDD":case"w":case"W":return P+"-\u0439";case"D":return P+"-\u0433\u043e";default:return P}},week:{dow:1,doy:7}})}(F(6676))},1656:function(J,Z,F){!function(D){"use strict";var _=["\u062c\u0646\u0648\u0631\u06cc","\u0641\u0631\u0648\u0631\u06cc","\u0645\u0627\u0631\u0686","\u0627\u067e\u0631\u06cc\u0644","\u0645\u0626\u06cc","\u062c\u0648\u0646","\u062c\u0648\u0644\u0627\u0626\u06cc","\u0627\u06af\u0633\u062a","\u0633\u062a\u0645\u0628\u0631","\u0627\u06a9\u062a\u0648\u0628\u0631","\u0646\u0648\u0645\u0628\u0631","\u062f\u0633\u0645\u0628\u0631"],w=["\u0627\u062a\u0648\u0627\u0631","\u067e\u06cc\u0631","\u0645\u0646\u06af\u0644","\u0628\u062f\u06be","\u062c\u0645\u0639\u0631\u0627\u062a","\u062c\u0645\u0639\u06c1","\u06c1\u0641\u062a\u06c1"];D.defineLocale("ur",{months:_,monthsShort:_,weekdays:w,weekdaysShort:w,weekdaysMin:w,longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd\u060c D MMMM YYYY HH:mm"},meridiemParse:/\u0635\u0628\u062d|\u0634\u0627\u0645/,isPM:function(b){return"\u0634\u0627\u0645"===b},meridiem:function(b,k,P){return b<12?"\u0635\u0628\u062d":"\u0634\u0627\u0645"},calendar:{sameDay:"[\u0622\u062c \u0628\u0648\u0642\u062a] LT",nextDay:"[\u06a9\u0644 \u0628\u0648\u0642\u062a] LT",nextWeek:"dddd [\u0628\u0648\u0642\u062a] LT",lastDay:"[\u06af\u0630\u0634\u062a\u06c1 \u0631\u0648\u0632 \u0628\u0648\u0642\u062a] LT",lastWeek:"[\u06af\u0630\u0634\u062a\u06c1] dddd [\u0628\u0648\u0642\u062a] LT",sameElse:"L"},relativeTime:{future:"%s \u0628\u0639\u062f",past:"%s \u0642\u0628\u0644",s:"\u0686\u0646\u062f \u0633\u06cc\u06a9\u0646\u0688",ss:"%d \u0633\u06cc\u06a9\u0646\u0688",m:"\u0627\u06cc\u06a9 \u0645\u0646\u0679",mm:"%d \u0645\u0646\u0679",h:"\u0627\u06cc\u06a9 \u06af\u06be\u0646\u0679\u06c1",hh:"%d \u06af\u06be\u0646\u0679\u06d2",d:"\u0627\u06cc\u06a9 \u062f\u0646",dd:"%d \u062f\u0646",M:"\u0627\u06cc\u06a9 \u0645\u0627\u06c1",MM:"%d \u0645\u0627\u06c1",y:"\u0627\u06cc\u06a9 \u0633\u0627\u0644",yy:"%d \u0633\u0627\u0644"},preparse:function(b){return b.replace(/\u060c/g,",")},postformat:function(b){return b.replace(/,/g,"\u060c")},week:{dow:1,doy:4}})}(F(6676))},8744:function(J,Z,F){!function(D){"use strict";D.defineLocale("uz-latn",{months:"Yanvar_Fevral_Mart_Aprel_May_Iyun_Iyul_Avgust_Sentabr_Oktabr_Noyabr_Dekabr".split("_"),monthsShort:"Yan_Fev_Mar_Apr_May_Iyun_Iyul_Avg_Sen_Okt_Noy_Dek".split("_"),weekdays:"Yakshanba_Dushanba_Seshanba_Chorshanba_Payshanba_Juma_Shanba".split("_"),weekdaysShort:"Yak_Dush_Sesh_Chor_Pay_Jum_Shan".split("_"),weekdaysMin:"Ya_Du_Se_Cho_Pa_Ju_Sha".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"D MMMM YYYY, dddd HH:mm"},calendar:{sameDay:"[Bugun soat] LT [da]",nextDay:"[Ertaga] LT [da]",nextWeek:"dddd [kuni soat] LT [da]",lastDay:"[Kecha soat] LT [da]",lastWeek:"[O'tgan] dddd [kuni soat] LT [da]",sameElse:"L"},relativeTime:{future:"Yaqin %s ichida",past:"Bir necha %s oldin",s:"soniya",ss:"%d soniya",m:"bir daqiqa",mm:"%d daqiqa",h:"bir soat",hh:"%d soat",d:"bir kun",dd:"%d kun",M:"bir oy",MM:"%d oy",y:"bir yil",yy:"%d yil"},week:{dow:1,doy:7}})}(F(6676))},8364:function(J,Z,F){!function(D){"use strict";D.defineLocale("uz",{months:"\u044f\u043d\u0432\u0430\u0440_\u0444\u0435\u0432\u0440\u0430\u043b_\u043c\u0430\u0440\u0442_\u0430\u043f\u0440\u0435\u043b_\u043c\u0430\u0439_\u0438\u044e\u043d_\u0438\u044e\u043b_\u0430\u0432\u0433\u0443\u0441\u0442_\u0441\u0435\u043d\u0442\u044f\u0431\u0440_\u043e\u043a\u0442\u044f\u0431\u0440_\u043d\u043e\u044f\u0431\u0440_\u0434\u0435\u043a\u0430\u0431\u0440".split("_"),monthsShort:"\u044f\u043d\u0432_\u0444\u0435\u0432_\u043c\u0430\u0440_\u0430\u043f\u0440_\u043c\u0430\u0439_\u0438\u044e\u043d_\u0438\u044e\u043b_\u0430\u0432\u0433_\u0441\u0435\u043d_\u043e\u043a\u0442_\u043d\u043e\u044f_\u0434\u0435\u043a".split("_"),weekdays:"\u042f\u043a\u0448\u0430\u043d\u0431\u0430_\u0414\u0443\u0448\u0430\u043d\u0431\u0430_\u0421\u0435\u0448\u0430\u043d\u0431\u0430_\u0427\u043e\u0440\u0448\u0430\u043d\u0431\u0430_\u041f\u0430\u0439\u0448\u0430\u043d\u0431\u0430_\u0416\u0443\u043c\u0430_\u0428\u0430\u043d\u0431\u0430".split("_"),weekdaysShort:"\u042f\u043a\u0448_\u0414\u0443\u0448_\u0421\u0435\u0448_\u0427\u043e\u0440_\u041f\u0430\u0439_\u0416\u0443\u043c_\u0428\u0430\u043d".split("_"),weekdaysMin:"\u042f\u043a_\u0414\u0443_\u0421\u0435_\u0427\u043e_\u041f\u0430_\u0416\u0443_\u0428\u0430".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"D MMMM YYYY, dddd HH:mm"},calendar:{sameDay:"[\u0411\u0443\u0433\u0443\u043d \u0441\u043e\u0430\u0442] LT [\u0434\u0430]",nextDay:"[\u042d\u0440\u0442\u0430\u0433\u0430] LT [\u0434\u0430]",nextWeek:"dddd [\u043a\u0443\u043d\u0438 \u0441\u043e\u0430\u0442] LT [\u0434\u0430]",lastDay:"[\u041a\u0435\u0447\u0430 \u0441\u043e\u0430\u0442] LT [\u0434\u0430]",lastWeek:"[\u0423\u0442\u0433\u0430\u043d] dddd [\u043a\u0443\u043d\u0438 \u0441\u043e\u0430\u0442] LT [\u0434\u0430]",sameElse:"L"},relativeTime:{future:"\u042f\u043a\u0438\u043d %s \u0438\u0447\u0438\u0434\u0430",past:"\u0411\u0438\u0440 \u043d\u0435\u0447\u0430 %s \u043e\u043b\u0434\u0438\u043d",s:"\u0444\u0443\u0440\u0441\u0430\u0442",ss:"%d \u0444\u0443\u0440\u0441\u0430\u0442",m:"\u0431\u0438\u0440 \u0434\u0430\u043a\u0438\u043a\u0430",mm:"%d \u0434\u0430\u043a\u0438\u043a\u0430",h:"\u0431\u0438\u0440 \u0441\u043e\u0430\u0442",hh:"%d \u0441\u043e\u0430\u0442",d:"\u0431\u0438\u0440 \u043a\u0443\u043d",dd:"%d \u043a\u0443\u043d",M:"\u0431\u0438\u0440 \u043e\u0439",MM:"%d \u043e\u0439",y:"\u0431\u0438\u0440 \u0439\u0438\u043b",yy:"%d \u0439\u0438\u043b"},week:{dow:1,doy:7}})}(F(6676))},5049:function(J,Z,F){!function(D){"use strict";D.defineLocale("vi",{months:"th\xe1ng 1_th\xe1ng 2_th\xe1ng 3_th\xe1ng 4_th\xe1ng 5_th\xe1ng 6_th\xe1ng 7_th\xe1ng 8_th\xe1ng 9_th\xe1ng 10_th\xe1ng 11_th\xe1ng 12".split("_"),monthsShort:"Thg 01_Thg 02_Thg 03_Thg 04_Thg 05_Thg 06_Thg 07_Thg 08_Thg 09_Thg 10_Thg 11_Thg 12".split("_"),monthsParseExact:!0,weekdays:"ch\u1ee7 nh\u1eadt_th\u1ee9 hai_th\u1ee9 ba_th\u1ee9 t\u01b0_th\u1ee9 n\u0103m_th\u1ee9 s\xe1u_th\u1ee9 b\u1ea3y".split("_"),weekdaysShort:"CN_T2_T3_T4_T5_T6_T7".split("_"),weekdaysMin:"CN_T2_T3_T4_T5_T6_T7".split("_"),weekdaysParseExact:!0,meridiemParse:/sa|ch/i,isPM:function(w){return/^ch$/i.test(w)},meridiem:function(w,y,b){return w<12?b?"sa":"SA":b?"ch":"CH"},longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM [n\u0103m] YYYY",LLL:"D MMMM [n\u0103m] YYYY HH:mm",LLLL:"dddd, D MMMM [n\u0103m] YYYY HH:mm",l:"DD/M/YYYY",ll:"D MMM YYYY",lll:"D MMM YYYY HH:mm",llll:"ddd, D MMM YYYY HH:mm"},calendar:{sameDay:"[H\xf4m nay l\xfac] LT",nextDay:"[Ng\xe0y mai l\xfac] LT",nextWeek:"dddd [tu\u1ea7n t\u1edbi l\xfac] LT",lastDay:"[H\xf4m qua l\xfac] LT",lastWeek:"dddd [tu\u1ea7n tr\u01b0\u1edbc l\xfac] LT",sameElse:"L"},relativeTime:{future:"%s t\u1edbi",past:"%s tr\u01b0\u1edbc",s:"v\xe0i gi\xe2y",ss:"%d gi\xe2y",m:"m\u1ed9t ph\xfat",mm:"%d ph\xfat",h:"m\u1ed9t gi\u1edd",hh:"%d gi\u1edd",d:"m\u1ed9t ng\xe0y",dd:"%d ng\xe0y",w:"m\u1ed9t tu\u1ea7n",ww:"%d tu\u1ea7n",M:"m\u1ed9t th\xe1ng",MM:"%d th\xe1ng",y:"m\u1ed9t n\u0103m",yy:"%d n\u0103m"},dayOfMonthOrdinalParse:/\d{1,2}/,ordinal:function(w){return w},week:{dow:1,doy:4}})}(F(6676))},5106:function(J,Z,F){!function(D){"use strict";D.defineLocale("x-pseudo",{months:"J~\xe1\xf1\xfa\xe1~r\xfd_F~\xe9br\xfa~\xe1r\xfd_~M\xe1rc~h_\xc1p~r\xedl_~M\xe1\xfd_~J\xfa\xf1\xe9~_J\xfal~\xfd_\xc1\xfa~g\xfast~_S\xe9p~t\xe9mb~\xe9r_\xd3~ct\xf3b~\xe9r_\xd1~\xf3v\xe9m~b\xe9r_~D\xe9c\xe9~mb\xe9r".split("_"),monthsShort:"J~\xe1\xf1_~F\xe9b_~M\xe1r_~\xc1pr_~M\xe1\xfd_~J\xfa\xf1_~J\xfal_~\xc1\xfag_~S\xe9p_~\xd3ct_~\xd1\xf3v_~D\xe9c".split("_"),monthsParseExact:!0,weekdays:"S~\xfa\xf1d\xe1~\xfd_M\xf3~\xf1d\xe1\xfd~_T\xfa\xe9~sd\xe1\xfd~_W\xe9d~\xf1\xe9sd~\xe1\xfd_T~h\xfars~d\xe1\xfd_~Fr\xedd~\xe1\xfd_S~\xe1t\xfar~d\xe1\xfd".split("_"),weekdaysShort:"S~\xfa\xf1_~M\xf3\xf1_~T\xfa\xe9_~W\xe9d_~Th\xfa_~Fr\xed_~S\xe1t".split("_"),weekdaysMin:"S~\xfa_M\xf3~_T\xfa_~W\xe9_T~h_Fr~_S\xe1".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"HH:mm",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd, D MMMM YYYY HH:mm"},calendar:{sameDay:"[T~\xf3d\xe1~\xfd \xe1t] LT",nextDay:"[T~\xf3m\xf3~rr\xf3~w \xe1t] LT",nextWeek:"dddd [\xe1t] LT",lastDay:"[\xdd~\xe9st~\xe9rd\xe1~\xfd \xe1t] LT",lastWeek:"[L~\xe1st] dddd [\xe1t] LT",sameElse:"L"},relativeTime:{future:"\xed~\xf1 %s",past:"%s \xe1~g\xf3",s:"\xe1 ~f\xe9w ~s\xe9c\xf3~\xf1ds",ss:"%d s~\xe9c\xf3\xf1~ds",m:"\xe1 ~m\xed\xf1~\xfat\xe9",mm:"%d m~\xed\xf1\xfa~t\xe9s",h:"\xe1~\xf1 h\xf3~\xfar",hh:"%d h~\xf3\xfars",d:"\xe1 ~d\xe1\xfd",dd:"%d d~\xe1\xfds",M:"\xe1 ~m\xf3\xf1~th",MM:"%d m~\xf3\xf1t~hs",y:"\xe1 ~\xfd\xe9\xe1r",yy:"%d \xfd~\xe9\xe1rs"},dayOfMonthOrdinalParse:/\d{1,2}(th|st|nd|rd)/,ordinal:function(w){var y=w%10;return w+(1==~~(w%100/10)?"th":1===y?"st":2===y?"nd":3===y?"rd":"th")},week:{dow:1,doy:4}})}(F(6676))},6199:function(J,Z,F){!function(D){"use strict";D.defineLocale("yo",{months:"S\u1eb9\u0301r\u1eb9\u0301_E\u0300re\u0300le\u0300_\u1eb8r\u1eb9\u0300na\u0300_I\u0300gbe\u0301_E\u0300bibi_O\u0300ku\u0300du_Ag\u1eb9mo_O\u0300gu\u0301n_Owewe_\u1ecc\u0300wa\u0300ra\u0300_Be\u0301lu\u0301_\u1ecc\u0300p\u1eb9\u0300\u0300".split("_"),monthsShort:"S\u1eb9\u0301r_E\u0300rl_\u1eb8rn_I\u0300gb_E\u0300bi_O\u0300ku\u0300_Ag\u1eb9_O\u0300gu\u0301_Owe_\u1ecc\u0300wa\u0300_Be\u0301l_\u1ecc\u0300p\u1eb9\u0300\u0300".split("_"),weekdays:"A\u0300i\u0300ku\u0301_Aje\u0301_I\u0300s\u1eb9\u0301gun_\u1eccj\u1ecd\u0301ru\u0301_\u1eccj\u1ecd\u0301b\u1ecd_\u1eb8ti\u0300_A\u0300ba\u0301m\u1eb9\u0301ta".split("_"),weekdaysShort:"A\u0300i\u0300k_Aje\u0301_I\u0300s\u1eb9\u0301_\u1eccjr_\u1eccjb_\u1eb8ti\u0300_A\u0300ba\u0301".split("_"),weekdaysMin:"A\u0300i\u0300_Aj_I\u0300s_\u1eccr_\u1eccb_\u1eb8t_A\u0300b".split("_"),longDateFormat:{LT:"h:mm A",LTS:"h:mm:ss A",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY h:mm A",LLLL:"dddd, D MMMM YYYY h:mm A"},calendar:{sameDay:"[O\u0300ni\u0300 ni] LT",nextDay:"[\u1ecc\u0300la ni] LT",nextWeek:"dddd [\u1eccs\u1eb9\u0300 to\u0301n'b\u1ecd] [ni] LT",lastDay:"[A\u0300na ni] LT",lastWeek:"dddd [\u1eccs\u1eb9\u0300 to\u0301l\u1ecd\u0301] [ni] LT",sameElse:"L"},relativeTime:{future:"ni\u0301 %s",past:"%s k\u1ecdja\u0301",s:"i\u0300s\u1eb9ju\u0301 aaya\u0301 die",ss:"aaya\u0301 %d",m:"i\u0300s\u1eb9ju\u0301 kan",mm:"i\u0300s\u1eb9ju\u0301 %d",h:"wa\u0301kati kan",hh:"wa\u0301kati %d",d:"\u1ecdj\u1ecd\u0301 kan",dd:"\u1ecdj\u1ecd\u0301 %d",M:"osu\u0300 kan",MM:"osu\u0300 %d",y:"\u1ecddu\u0301n kan",yy:"\u1ecddu\u0301n %d"},dayOfMonthOrdinalParse:/\u1ecdj\u1ecd\u0301\s\d{1,2}/,ordinal:"\u1ecdj\u1ecd\u0301 %d",week:{dow:1,doy:4}})}(F(6676))},7280:function(J,Z,F){!function(D){"use strict";D.defineLocale("zh-cn",{months:"\u4e00\u6708_\u4e8c\u6708_\u4e09\u6708_\u56db\u6708_\u4e94\u6708_\u516d\u6708_\u4e03\u6708_\u516b\u6708_\u4e5d\u6708_\u5341\u6708_\u5341\u4e00\u6708_\u5341\u4e8c\u6708".split("_"),monthsShort:"1\u6708_2\u6708_3\u6708_4\u6708_5\u6708_6\u6708_7\u6708_8\u6708_9\u6708_10\u6708_11\u6708_12\u6708".split("_"),weekdays:"\u661f\u671f\u65e5_\u661f\u671f\u4e00_\u661f\u671f\u4e8c_\u661f\u671f\u4e09_\u661f\u671f\u56db_\u661f\u671f\u4e94_\u661f\u671f\u516d".split("_"),weekdaysShort:"\u5468\u65e5_\u5468\u4e00_\u5468\u4e8c_\u5468\u4e09_\u5468\u56db_\u5468\u4e94_\u5468\u516d".split("_"),weekdaysMin:"\u65e5_\u4e00_\u4e8c_\u4e09_\u56db_\u4e94_\u516d".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY/MM/DD",LL:"YYYY\u5e74M\u6708D\u65e5",LLL:"YYYY\u5e74M\u6708D\u65e5Ah\u70b9mm\u5206",LLLL:"YYYY\u5e74M\u6708D\u65e5ddddAh\u70b9mm\u5206",l:"YYYY/M/D",ll:"YYYY\u5e74M\u6708D\u65e5",lll:"YYYY\u5e74M\u6708D\u65e5 HH:mm",llll:"YYYY\u5e74M\u6708D\u65e5dddd HH:mm"},meridiemParse:/\u51cc\u6668|\u65e9\u4e0a|\u4e0a\u5348|\u4e2d\u5348|\u4e0b\u5348|\u665a\u4e0a/,meridiemHour:function(w,y){return 12===w&&(w=0),"\u51cc\u6668"===y||"\u65e9\u4e0a"===y||"\u4e0a\u5348"===y?w:"\u4e0b\u5348"===y||"\u665a\u4e0a"===y?w+12:w>=11?w:w+12},meridiem:function(w,y,b){var k=100*w+y;return k<600?"\u51cc\u6668":k<900?"\u65e9\u4e0a":k<1130?"\u4e0a\u5348":k<1230?"\u4e2d\u5348":k<1800?"\u4e0b\u5348":"\u665a\u4e0a"},calendar:{sameDay:"[\u4eca\u5929]LT",nextDay:"[\u660e\u5929]LT",nextWeek:function(w){return w.week()!==this.week()?"[\u4e0b]dddLT":"[\u672c]dddLT"},lastDay:"[\u6628\u5929]LT",lastWeek:function(w){return this.week()!==w.week()?"[\u4e0a]dddLT":"[\u672c]dddLT"},sameElse:"L"},dayOfMonthOrdinalParse:/\d{1,2}(\u65e5|\u6708|\u5468)/,ordinal:function(w,y){switch(y){case"d":case"D":case"DDD":return w+"\u65e5";case"M":return w+"\u6708";case"w":case"W":return w+"\u5468";default:return w}},relativeTime:{future:"%s\u540e",past:"%s\u524d",s:"\u51e0\u79d2",ss:"%d \u79d2",m:"1 \u5206\u949f",mm:"%d \u5206\u949f",h:"1 \u5c0f\u65f6",hh:"%d \u5c0f\u65f6",d:"1 \u5929",dd:"%d \u5929",w:"1 \u5468",ww:"%d \u5468",M:"1 \u4e2a\u6708",MM:"%d \u4e2a\u6708",y:"1 \u5e74",yy:"%d \u5e74"},week:{dow:1,doy:4}})}(F(6676))},6860:function(J,Z,F){!function(D){"use strict";D.defineLocale("zh-hk",{months:"\u4e00\u6708_\u4e8c\u6708_\u4e09\u6708_\u56db\u6708_\u4e94\u6708_\u516d\u6708_\u4e03\u6708_\u516b\u6708_\u4e5d\u6708_\u5341\u6708_\u5341\u4e00\u6708_\u5341\u4e8c\u6708".split("_"),monthsShort:"1\u6708_2\u6708_3\u6708_4\u6708_5\u6708_6\u6708_7\u6708_8\u6708_9\u6708_10\u6708_11\u6708_12\u6708".split("_"),weekdays:"\u661f\u671f\u65e5_\u661f\u671f\u4e00_\u661f\u671f\u4e8c_\u661f\u671f\u4e09_\u661f\u671f\u56db_\u661f\u671f\u4e94_\u661f\u671f\u516d".split("_"),weekdaysShort:"\u9031\u65e5_\u9031\u4e00_\u9031\u4e8c_\u9031\u4e09_\u9031\u56db_\u9031\u4e94_\u9031\u516d".split("_"),weekdaysMin:"\u65e5_\u4e00_\u4e8c_\u4e09_\u56db_\u4e94_\u516d".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY/MM/DD",LL:"YYYY\u5e74M\u6708D\u65e5",LLL:"YYYY\u5e74M\u6708D\u65e5 HH:mm",LLLL:"YYYY\u5e74M\u6708D\u65e5dddd HH:mm",l:"YYYY/M/D",ll:"YYYY\u5e74M\u6708D\u65e5",lll:"YYYY\u5e74M\u6708D\u65e5 HH:mm",llll:"YYYY\u5e74M\u6708D\u65e5dddd HH:mm"},meridiemParse:/\u51cc\u6668|\u65e9\u4e0a|\u4e0a\u5348|\u4e2d\u5348|\u4e0b\u5348|\u665a\u4e0a/,meridiemHour:function(w,y){return 12===w&&(w=0),"\u51cc\u6668"===y||"\u65e9\u4e0a"===y||"\u4e0a\u5348"===y?w:"\u4e2d\u5348"===y?w>=11?w:w+12:"\u4e0b\u5348"===y||"\u665a\u4e0a"===y?w+12:void 0},meridiem:function(w,y,b){var k=100*w+y;return k<600?"\u51cc\u6668":k<900?"\u65e9\u4e0a":k<1200?"\u4e0a\u5348":1200===k?"\u4e2d\u5348":k<1800?"\u4e0b\u5348":"\u665a\u4e0a"},calendar:{sameDay:"[\u4eca\u5929]LT",nextDay:"[\u660e\u5929]LT",nextWeek:"[\u4e0b]ddddLT",lastDay:"[\u6628\u5929]LT",lastWeek:"[\u4e0a]ddddLT",sameElse:"L"},dayOfMonthOrdinalParse:/\d{1,2}(\u65e5|\u6708|\u9031)/,ordinal:function(w,y){switch(y){case"d":case"D":case"DDD":return w+"\u65e5";case"M":return w+"\u6708";case"w":case"W":return w+"\u9031";default:return w}},relativeTime:{future:"%s\u5f8c",past:"%s\u524d",s:"\u5e7e\u79d2",ss:"%d \u79d2",m:"1 \u5206\u9418",mm:"%d \u5206\u9418",h:"1 \u5c0f\u6642",hh:"%d \u5c0f\u6642",d:"1 \u5929",dd:"%d \u5929",M:"1 \u500b\u6708",MM:"%d \u500b\u6708",y:"1 \u5e74",yy:"%d \u5e74"}})}(F(6676))},2335:function(J,Z,F){!function(D){"use strict";D.defineLocale("zh-mo",{months:"\u4e00\u6708_\u4e8c\u6708_\u4e09\u6708_\u56db\u6708_\u4e94\u6708_\u516d\u6708_\u4e03\u6708_\u516b\u6708_\u4e5d\u6708_\u5341\u6708_\u5341\u4e00\u6708_\u5341\u4e8c\u6708".split("_"),monthsShort:"1\u6708_2\u6708_3\u6708_4\u6708_5\u6708_6\u6708_7\u6708_8\u6708_9\u6708_10\u6708_11\u6708_12\u6708".split("_"),weekdays:"\u661f\u671f\u65e5_\u661f\u671f\u4e00_\u661f\u671f\u4e8c_\u661f\u671f\u4e09_\u661f\u671f\u56db_\u661f\u671f\u4e94_\u661f\u671f\u516d".split("_"),weekdaysShort:"\u9031\u65e5_\u9031\u4e00_\u9031\u4e8c_\u9031\u4e09_\u9031\u56db_\u9031\u4e94_\u9031\u516d".split("_"),weekdaysMin:"\u65e5_\u4e00_\u4e8c_\u4e09_\u56db_\u4e94_\u516d".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"YYYY\u5e74M\u6708D\u65e5",LLL:"YYYY\u5e74M\u6708D\u65e5 HH:mm",LLLL:"YYYY\u5e74M\u6708D\u65e5dddd HH:mm",l:"D/M/YYYY",ll:"YYYY\u5e74M\u6708D\u65e5",lll:"YYYY\u5e74M\u6708D\u65e5 HH:mm",llll:"YYYY\u5e74M\u6708D\u65e5dddd HH:mm"},meridiemParse:/\u51cc\u6668|\u65e9\u4e0a|\u4e0a\u5348|\u4e2d\u5348|\u4e0b\u5348|\u665a\u4e0a/,meridiemHour:function(w,y){return 12===w&&(w=0),"\u51cc\u6668"===y||"\u65e9\u4e0a"===y||"\u4e0a\u5348"===y?w:"\u4e2d\u5348"===y?w>=11?w:w+12:"\u4e0b\u5348"===y||"\u665a\u4e0a"===y?w+12:void 0},meridiem:function(w,y,b){var k=100*w+y;return k<600?"\u51cc\u6668":k<900?"\u65e9\u4e0a":k<1130?"\u4e0a\u5348":k<1230?"\u4e2d\u5348":k<1800?"\u4e0b\u5348":"\u665a\u4e0a"},calendar:{sameDay:"[\u4eca\u5929] LT",nextDay:"[\u660e\u5929] LT",nextWeek:"[\u4e0b]dddd LT",lastDay:"[\u6628\u5929] LT",lastWeek:"[\u4e0a]dddd LT",sameElse:"L"},dayOfMonthOrdinalParse:/\d{1,2}(\u65e5|\u6708|\u9031)/,ordinal:function(w,y){switch(y){case"d":case"D":case"DDD":return w+"\u65e5";case"M":return w+"\u6708";case"w":case"W":return w+"\u9031";default:return w}},relativeTime:{future:"%s\u5167",past:"%s\u524d",s:"\u5e7e\u79d2",ss:"%d \u79d2",m:"1 \u5206\u9418",mm:"%d \u5206\u9418",h:"1 \u5c0f\u6642",hh:"%d \u5c0f\u6642",d:"1 \u5929",dd:"%d \u5929",M:"1 \u500b\u6708",MM:"%d \u500b\u6708",y:"1 \u5e74",yy:"%d \u5e74"}})}(F(6676))},482:function(J,Z,F){!function(D){"use strict";D.defineLocale("zh-tw",{months:"\u4e00\u6708_\u4e8c\u6708_\u4e09\u6708_\u56db\u6708_\u4e94\u6708_\u516d\u6708_\u4e03\u6708_\u516b\u6708_\u4e5d\u6708_\u5341\u6708_\u5341\u4e00\u6708_\u5341\u4e8c\u6708".split("_"),monthsShort:"1\u6708_2\u6708_3\u6708_4\u6708_5\u6708_6\u6708_7\u6708_8\u6708_9\u6708_10\u6708_11\u6708_12\u6708".split("_"),weekdays:"\u661f\u671f\u65e5_\u661f\u671f\u4e00_\u661f\u671f\u4e8c_\u661f\u671f\u4e09_\u661f\u671f\u56db_\u661f\u671f\u4e94_\u661f\u671f\u516d".split("_"),weekdaysShort:"\u9031\u65e5_\u9031\u4e00_\u9031\u4e8c_\u9031\u4e09_\u9031\u56db_\u9031\u4e94_\u9031\u516d".split("_"),weekdaysMin:"\u65e5_\u4e00_\u4e8c_\u4e09_\u56db_\u4e94_\u516d".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY/MM/DD",LL:"YYYY\u5e74M\u6708D\u65e5",LLL:"YYYY\u5e74M\u6708D\u65e5 HH:mm",LLLL:"YYYY\u5e74M\u6708D\u65e5dddd HH:mm",l:"YYYY/M/D",ll:"YYYY\u5e74M\u6708D\u65e5",lll:"YYYY\u5e74M\u6708D\u65e5 HH:mm",llll:"YYYY\u5e74M\u6708D\u65e5dddd HH:mm"},meridiemParse:/\u51cc\u6668|\u65e9\u4e0a|\u4e0a\u5348|\u4e2d\u5348|\u4e0b\u5348|\u665a\u4e0a/,meridiemHour:function(w,y){return 12===w&&(w=0),"\u51cc\u6668"===y||"\u65e9\u4e0a"===y||"\u4e0a\u5348"===y?w:"\u4e2d\u5348"===y?w>=11?w:w+12:"\u4e0b\u5348"===y||"\u665a\u4e0a"===y?w+12:void 0},meridiem:function(w,y,b){var k=100*w+y;return k<600?"\u51cc\u6668":k<900?"\u65e9\u4e0a":k<1130?"\u4e0a\u5348":k<1230?"\u4e2d\u5348":k<1800?"\u4e0b\u5348":"\u665a\u4e0a"},calendar:{sameDay:"[\u4eca\u5929] LT",nextDay:"[\u660e\u5929] LT",nextWeek:"[\u4e0b]dddd LT",lastDay:"[\u6628\u5929] LT",lastWeek:"[\u4e0a]dddd LT",sameElse:"L"},dayOfMonthOrdinalParse:/\d{1,2}(\u65e5|\u6708|\u9031)/,ordinal:function(w,y){switch(y){case"d":case"D":case"DDD":return w+"\u65e5";case"M":return w+"\u6708";case"w":case"W":return w+"\u9031";default:return w}},relativeTime:{future:"%s\u5f8c",past:"%s\u524d",s:"\u5e7e\u79d2",ss:"%d \u79d2",m:"1 \u5206\u9418",mm:"%d \u5206\u9418",h:"1 \u5c0f\u6642",hh:"%d \u5c0f\u6642",d:"1 \u5929",dd:"%d \u5929",M:"1 \u500b\u6708",MM:"%d \u500b\u6708",y:"1 \u5e74",yy:"%d \u5e74"}})}(F(6676))},6676:function(J,Z,F){(J=F.nmd(J)).exports=function(){"use strict";var D,ci;function _(){return D.apply(null,arguments)}function y(d){return d instanceof Array||"[object Array]"===Object.prototype.toString.call(d)}function b(d){return null!=d&&"[object Object]"===Object.prototype.toString.call(d)}function k(d,m){return Object.prototype.hasOwnProperty.call(d,m)}function P(d){if(Object.getOwnPropertyNames)return 0===Object.getOwnPropertyNames(d).length;var m;for(m in d)if(k(d,m))return!1;return!0}function N(d){return void 0===d}function U(d){return"number"==typeof d||"[object Number]"===Object.prototype.toString.call(d)}function ie(d){return d instanceof Date||"[object Date]"===Object.prototype.toString.call(d)}function De(d,m){var C,T=[],A=d.length;for(C=0;C>>0;for(C=0;C0)for(T=0;T=0?T?"+":"":"-")+Math.pow(10,Math.max(0,m-C.length)).toString().substr(1)+C}var hu=/(\[[^\[]*\])|(\\)?([Hh]mm(ss)?|Mo|MM?M?M?|Do|DDDo|DD?D?D?|ddd?d?|do?|w[o|w]?|W[o|W]?|Qo?|N{1,5}|YYYYYY|YYYYY|YYYY|YY|y{2,4}|yo?|gg(ggg?)?|GG(GGG?)?|e|E|a|A|hh?|HH?|kk?|mm?|ss?|S{1,9}|x|X|zz?|ZZ?|.)/g,Al=/(\[[^\[]*\])|(\\)?(LTS|LT|LL?L?L?|l{1,4})/g,Dt={},qr={};function Me(d,m,T,C){var A=C;"string"==typeof C&&(A=function(){return this[C]()}),d&&(qr[d]=A),m&&(qr[m[0]]=function(){return Cs(A.apply(this,arguments),m[1],m[2])}),T&&(qr[T]=function(){return this.localeData().ordinal(A.apply(this,arguments),d)})}function ef(d){return d.match(/\[[\s\S]/)?d.replace(/^\[|\]$/g,""):d.replace(/\\/g,"")}function Jt(d,m){return d.isValid()?(m=tf(m,d.localeData()),Dt[m]=Dt[m]||function kn(d){var T,C,m=d.match(hu);for(T=0,C=m.length;T=0&&Al.test(d);)d=d.replace(Al,C),Al.lastIndex=0,T-=1;return d}var Ol={};function Xn(d,m){var T=d.toLowerCase();Ol[T]=Ol[T+"s"]=Ol[m]=d}function Di(d){return"string"==typeof d?Ol[d]||Ol[d.toLowerCase()]:void 0}function mu(d){var T,C,m={};for(C in d)k(d,C)&&(T=Di(C))&&(m[T]=d[C]);return m}var Rl={};function Jn(d,m){Rl[d]=m}function Sa(d){return d%4==0&&d%100!=0||d%400==0}function Ui(d){return d<0?Math.ceil(d)||0:Math.floor(d)}function ct(d){var m=+d,T=0;return 0!==m&&isFinite(m)&&(T=Ui(m)),T}function Po(d,m){return function(T){return null!=T?(gu(this,d,T),_.updateOffset(this,m),this):rs(this,d)}}function rs(d,m){return d.isValid()?d._d["get"+(d._isUTC?"UTC":"")+m]():NaN}function gu(d,m,T){d.isValid()&&!isNaN(T)&&("FullYear"===m&&Sa(d.year())&&1===d.month()&&29===d.date()?(T=ct(T),d._d["set"+(d._isUTC?"UTC":"")+m](T,d.month(),Hl(T,d.month()))):d._d["set"+(d._isUTC?"UTC":"")+m](T))}var Ea,sf=/\d/,xi=/\d\d/,rf=/\d{3}/,yu=/\d{4}/,Fl=/[+-]?\d{6}/,Nt=/\d\d?/,af=/\d\d\d\d?/,pg=/\d\d\d\d\d\d?/,Ca=/\d{1,3}/,Nl=/\d{1,4}/,Da=/[+-]?\d{1,6}/,Kr=/\d+/,xa=/[+-]?\d+/,mg=/Z|[+-]\d\d:?\d\d/gi,ka=/Z|[+-]\d\d(?::?\d\d)?/gi,Ao=/[0-9]{0,256}['a-z\u00A0-\u05FF\u0700-\uD7FF\uF900-\uFDCF\uFDF0-\uFF07\uFF10-\uFFEF]{1,256}|[\u0600-\u06FF\/]{1,256}(\s*?[\u0600-\u06FF]{1,256}){1,2}/i;function he(d,m,T){Ea[d]=Ts(m)?m:function(C,A){return C&&T?T:m}}function _g(d,m){return k(Ea,d)?Ea[d](m._strict,m._locale):new RegExp(function gg(d){return ki(d.replace("\\","").replace(/\\(\[)|\\(\])|\[([^\]\[]*)\]|\\(.)/g,function(m,T,C,A,j){return T||C||A||j}))}(d))}function ki(d){return d.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&")}Ea={};var vu={};function xt(d,m){var T,A,C=m;for("string"==typeof d&&(d=[d]),U(m)&&(C=function(j,te){te[m]=ct(j)}),A=d.length,T=0;T68?1900:2e3)};var pf=Po("FullYear",!0);function Yl(d,m,T,C,A,j,te){var Oe;return d<100&&d>=0?(Oe=new Date(d+400,m,T,C,A,j,te),isFinite(Oe.getFullYear())&&Oe.setFullYear(d)):Oe=new Date(d,m,T,C,A,j,te),Oe}function Zt(d){var m,T;return d<100&&d>=0?((T=Array.prototype.slice.call(arguments))[0]=d+400,m=new Date(Date.UTC.apply(null,T)),isFinite(m.getUTCFullYear())&&m.setUTCFullYear(d)):m=new Date(Date.UTC.apply(null,arguments)),m}function Oo(d,m,T){var C=7+m-T;return-(7+Zt(d,0,C).getUTCDay()-m)%7+C-1}function mf(d,m,T,C,A){var X,xe,Oe=1+7*(m-1)+(7+T-C)%7+Oo(d,C,A);return Oe<=0?xe=La(X=d-1)+Oe:Oe>La(d)?(X=d+1,xe=Oe-La(d)):(X=d,xe=Oe),{year:X,dayOfYear:xe}}function ut(d,m,T){var j,te,C=Oo(d.year(),m,T),A=Math.floor((d.dayOfYear()-C-1)/7)+1;return A<1?j=A+Re(te=d.year()-1,m,T):A>Re(d.year(),m,T)?(j=A-Re(d.year(),m,T),te=d.year()+1):(te=d.year(),j=A),{week:j,year:te}}function Re(d,m,T){var C=Oo(d,m,T),A=Oo(d+1,m,T);return(La(d)-C+A)/7}Me("w",["ww",2],"wo","week"),Me("W",["WW",2],"Wo","isoWeek"),Xn("week","w"),Xn("isoWeek","W"),Jn("week",5),Jn("isoWeek",5),he("w",Nt),he("ww",Nt,xi),he("W",Nt),he("WW",Nt,xi),Ia(["w","ww","W","WW"],function(d,m,T,C){m[C.substr(0,1)]=ct(d)});function Du(d,m){return d.slice(m,7).concat(d.slice(0,m))}Me("d",0,"do","day"),Me("dd",0,0,function(d){return this.localeData().weekdaysMin(this,d)}),Me("ddd",0,0,function(d){return this.localeData().weekdaysShort(this,d)}),Me("dddd",0,0,function(d){return this.localeData().weekdays(this,d)}),Me("e",0,0,"weekday"),Me("E",0,0,"isoWeekday"),Xn("day","d"),Xn("weekday","e"),Xn("isoWeekday","E"),Jn("day",11),Jn("weekday",11),Jn("isoWeekday",11),he("d",Nt),he("e",Nt),he("E",Nt),he("dd",function(d,m){return m.weekdaysMinRegex(d)}),he("ddd",function(d,m){return m.weekdaysShortRegex(d)}),he("dddd",function(d,m){return m.weekdaysRegex(d)}),Ia(["dd","ddd","dddd"],function(d,m,T,C){var A=T._locale.weekdaysParse(d,C,T._strict);null!=A?m.d=A:ge(T).invalidWeekday=d}),Ia(["d","e","E"],function(d,m,T,C){m[C]=ct(d)});var wT="Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),gf="Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),Bl="Su_Mo_Tu_We_Th_Fr_Sa".split("_"),Ei=Ao,MT=Ao,Cg=Ao;function CT(d,m,T){var C,A,j,te=d.toLocaleLowerCase();if(!this._weekdaysParse)for(this._weekdaysParse=[],this._shortWeekdaysParse=[],this._minWeekdaysParse=[],C=0;C<7;++C)j=lt([2e3,1]).day(C),this._minWeekdaysParse[C]=this.weekdaysMin(j,"").toLocaleLowerCase(),this._shortWeekdaysParse[C]=this.weekdaysShort(j,"").toLocaleLowerCase(),this._weekdaysParse[C]=this.weekdays(j,"").toLocaleLowerCase();return T?"dddd"===m?-1!==(A=Ht.call(this._weekdaysParse,te))?A:null:"ddd"===m?-1!==(A=Ht.call(this._shortWeekdaysParse,te))?A:null:-1!==(A=Ht.call(this._minWeekdaysParse,te))?A:null:"dddd"===m?-1!==(A=Ht.call(this._weekdaysParse,te))||-1!==(A=Ht.call(this._shortWeekdaysParse,te))||-1!==(A=Ht.call(this._minWeekdaysParse,te))?A:null:"ddd"===m?-1!==(A=Ht.call(this._shortWeekdaysParse,te))||-1!==(A=Ht.call(this._weekdaysParse,te))||-1!==(A=Ht.call(this._minWeekdaysParse,te))?A:null:-1!==(A=Ht.call(this._minWeekdaysParse,te))||-1!==(A=Ht.call(this._weekdaysParse,te))||-1!==(A=Ht.call(this._shortWeekdaysParse,te))?A:null}function yt(){function d(q,K){return K.length-q.length}var j,te,Oe,X,xe,m=[],T=[],C=[],A=[];for(j=0;j<7;j++)te=lt([2e3,1]).day(j),Oe=ki(this.weekdaysMin(te,"")),X=ki(this.weekdaysShort(te,"")),xe=ki(this.weekdays(te,"")),m.push(Oe),T.push(X),C.push(xe),A.push(Oe),A.push(X),A.push(xe);m.sort(d),T.sort(d),C.sort(d),A.sort(d),this._weekdaysRegex=new RegExp("^("+A.join("|")+")","i"),this._weekdaysShortRegex=this._weekdaysRegex,this._weekdaysMinRegex=this._weekdaysRegex,this._weekdaysStrictRegex=new RegExp("^("+C.join("|")+")","i"),this._weekdaysShortStrictRegex=new RegExp("^("+T.join("|")+")","i"),this._weekdaysMinStrictRegex=new RegExp("^("+m.join("|")+")","i")}function yf(){return this.hours()%12||12}function kg(d,m){Me(d,0,0,function(){return this.localeData().meridiem(this.hours(),this.minutes(),m)})}function me(d,m){return m._meridiemParse}Me("H",["HH",2],0,"hour"),Me("h",["hh",2],0,yf),Me("k",["kk",2],0,function IT(){return this.hours()||24}),Me("hmm",0,0,function(){return""+yf.apply(this)+Cs(this.minutes(),2)}),Me("hmmss",0,0,function(){return""+yf.apply(this)+Cs(this.minutes(),2)+Cs(this.seconds(),2)}),Me("Hmm",0,0,function(){return""+this.hours()+Cs(this.minutes(),2)}),Me("Hmmss",0,0,function(){return""+this.hours()+Cs(this.minutes(),2)+Cs(this.seconds(),2)}),kg("a",!0),kg("A",!1),Xn("hour","h"),Jn("hour",13),he("a",me),he("A",me),he("H",Nt),he("h",Nt),he("k",Nt),he("HH",Nt,xi),he("hh",Nt,xi),he("kk",Nt,xi),he("hmm",af),he("hmmss",pg),he("Hmm",af),he("Hmmss",pg),xt(["H","HH"],jt),xt(["k","kk"],function(d,m,T){var C=ct(d);m[jt]=24===C?0:C}),xt(["a","A"],function(d,m,T){T._isPm=T._locale.isPM(d),T._meridiem=d}),xt(["h","hh"],function(d,m,T){m[jt]=ct(d),ge(T).bigHour=!0}),xt("hmm",function(d,m,T){var C=d.length-2;m[jt]=ct(d.substr(0,C)),m[un]=ct(d.substr(C)),ge(T).bigHour=!0}),xt("hmmss",function(d,m,T){var C=d.length-4,A=d.length-2;m[jt]=ct(d.substr(0,C)),m[un]=ct(d.substr(C,2)),m[_r]=ct(d.substr(A)),ge(T).bigHour=!0}),xt("Hmm",function(d,m,T){var C=d.length-2;m[jt]=ct(d.substr(0,C)),m[un]=ct(d.substr(C))}),xt("Hmmss",function(d,m,T){var C=d.length-4,A=d.length-2;m[jt]=ct(d.substr(0,C)),m[un]=ct(d.substr(C,2)),m[_r]=ct(d.substr(A))});var zl=Po("Hours",!0);var yr,xu={calendar:{sameDay:"[Today at] LT",nextDay:"[Tomorrow at] LT",nextWeek:"dddd [at] LT",lastDay:"[Yesterday at] LT",lastWeek:"[Last] dddd [at] LT",sameElse:"L"},longDateFormat:{LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},invalidDate:"Invalid date",ordinal:"%d",dayOfMonthOrdinalParse:/\d{1,2}/,relativeTime:{future:"in %s",past:"%s ago",s:"a few seconds",ss:"%d seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",w:"a week",ww:"%d weeks",M:"a month",MM:"%d months",y:"a year",yy:"%d years"},months:uf,monthsShort:wu,week:{dow:0,doy:6},weekdays:wT,weekdaysMin:Bl,weekdaysShort:gf,meridiemParse:/[ap]\.?m?\.?/i},Wt={},Ro={};function ku(d,m){var T,C=Math.min(d.length,m.length);for(T=0;T0;){if(A=Fo(j.slice(0,T).join("-")))return A;if(C&&C.length>=T&&ku(j,C)>=T-1)break;T--}m++}return yr}(d)}function bf(d){var m,T=d._a;return T&&-2===ge(d).overflow&&(m=T[qs]<0||T[qs]>11?qs:T[Lt]<1||T[Lt]>Hl(T[zt],T[qs])?Lt:T[jt]<0||T[jt]>24||24===T[jt]&&(0!==T[un]||0!==T[_r]||0!==T[Xr])?jt:T[un]<0||T[un]>59?un:T[_r]<0||T[_r]>59?_r:T[Xr]<0||T[Xr]>999?Xr:-1,ge(d)._overflowDayOfYear&&(mLt)&&(m=Lt),ge(d)._overflowWeeks&&-1===m&&(m=vg),ge(d)._overflowWeekday&&-1===m&&(m=bu),ge(d).overflow=m),d}var PT=/^\s*((?:[+-]\d{6}|\d{4})-(?:\d\d-\d\d|W\d\d-\d|W\d\d|\d\d\d|\d\d))(?:(T| )(\d\d(?::\d\d(?::\d\d(?:[.,]\d+)?)?)?)([+-]\d\d(?::?\d\d)?|\s*Z)?)?$/,AT=/^\s*((?:[+-]\d{6}|\d{4})(?:\d\d\d\d|W\d\d\d|W\d\d|\d\d\d|\d\d|))(?:(T| )(\d\d(?:\d\d(?:\d\d(?:[.,]\d+)?)?)?)([+-]\d\d(?::?\d\d)?|\s*Z)?)?$/,Pa=/Z|[+-]\d\d(?::?\d\d)?/,No=[["YYYYYY-MM-DD",/[+-]\d{6}-\d\d-\d\d/],["YYYY-MM-DD",/\d{4}-\d\d-\d\d/],["GGGG-[W]WW-E",/\d{4}-W\d\d-\d/],["GGGG-[W]WW",/\d{4}-W\d\d/,!1],["YYYY-DDD",/\d{4}-\d{3}/],["YYYY-MM",/\d{4}-\d\d/,!1],["YYYYYYMMDD",/[+-]\d{10}/],["YYYYMMDD",/\d{8}/],["GGGG[W]WWE",/\d{4}W\d{3}/],["GGGG[W]WW",/\d{4}W\d{2}/,!1],["YYYYDDD",/\d{7}/],["YYYYMM",/\d{6}/,!1],["YYYY",/\d{4}/,!1]],Ho=[["HH:mm:ss.SSSS",/\d\d:\d\d:\d\d\.\d+/],["HH:mm:ss,SSSS",/\d\d:\d\d:\d\d,\d+/],["HH:mm:ss",/\d\d:\d\d:\d\d/],["HH:mm",/\d\d:\d\d/],["HHmmss.SSSS",/\d\d\d\d\d\d\.\d+/],["HHmmss,SSSS",/\d\d\d\d\d\d,\d+/],["HHmmss",/\d\d\d\d\d\d/],["HHmm",/\d\d\d\d/],["HH",/\d\d/]],Lg=/^\/?Date\((-?\d+)/i,Pg=/^(?:(Mon|Tue|Wed|Thu|Fri|Sat|Sun),?\s)?(\d{1,2})\s(Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec)\s(\d{2,4})\s(\d\d):(\d\d)(?::(\d\d))?\s(?:(UT|GMT|[ECMP][SD]T)|([Zz])|([+-]\d{4}))$/,Ag={UT:0,GMT:0,EDT:-240,EST:-300,CDT:-300,CST:-360,MDT:-360,MST:-420,PDT:-420,PST:-480};function Iu(d){var m,T,j,te,Oe,X,C=d._i,A=PT.exec(C)||AT.exec(C),xe=No.length,q=Ho.length;if(A){for(ge(d).iso=!0,m=0,T=xe;m7)&&(X=!0)):(j=d._locale._week.dow,te=d._locale._week.doy,xe=ut(Pt(),j,te),T=Xs(m.gg,d._a[zt],xe.year),C=Xs(m.w,xe.week),null!=m.d?((A=m.d)<0||A>6)&&(X=!0):null!=m.e?(A=m.e+j,(m.e<0||m.e>6)&&(X=!0)):A=j),C<1||C>Re(T,j,te)?ge(d)._overflowWeeks=!0:null!=X?ge(d)._overflowWeekday=!0:(Oe=mf(T,C,A,j,te),d._a[zt]=Oe.year,d._dayOfYear=Oe.dayOfYear)}(d),null!=d._dayOfYear&&(te=Xs(d._a[zt],A[zt]),(d._dayOfYear>La(te)||0===d._dayOfYear)&&(ge(d)._overflowDayOfYear=!0),T=Zt(te,0,d._dayOfYear),d._a[qs]=T.getUTCMonth(),d._a[Lt]=T.getUTCDate()),m=0;m<3&&null==d._a[m];++m)d._a[m]=C[m]=A[m];for(;m<7;m++)d._a[m]=C[m]=null==d._a[m]?2===m?1:0:d._a[m];24===d._a[jt]&&0===d._a[un]&&0===d._a[_r]&&0===d._a[Xr]&&(d._nextDay=!0,d._a[jt]=0),d._d=(d._useUTC?Zt:Yl).apply(null,C),j=d._useUTC?d._d.getUTCDay():d._d.getDay(),null!=d._tzm&&d._d.setUTCMinutes(d._d.getUTCMinutes()-d._tzm),d._nextDay&&(d._a[jt]=24),d._w&&typeof d._w.d<"u"&&d._w.d!==j&&(ge(d).weekdayMismatch=!0)}}function Au(d){if(d._f!==_.ISO_8601)if(d._f!==_.RFC_2822){d._a=[],ge(d).empty=!0;var T,C,A,j,te,xe,q,m=""+d._i,Oe=m.length,X=0;for(q=(A=tf(d._f,d._locale).match(hu)||[]).length,T=0;T0&&ge(d).unusedInput.push(te),m=m.slice(m.indexOf(C)+C.length),X+=C.length),qr[j]?(C?ge(d).empty=!1:ge(d).unusedTokens.push(j),yg(j,C,d)):d._strict&&!C&&ge(d).unusedTokens.push(j);ge(d).charsLeftOver=Oe-X,m.length>0&&ge(d).unusedInput.push(m),d._a[jt]<=12&&!0===ge(d).bigHour&&d._a[jt]>0&&(ge(d).bigHour=void 0),ge(d).parsedDateParts=d._a.slice(0),ge(d).meridiem=d._meridiem,d._a[jt]=function Ng(d,m,T){var C;return null==T?m:null!=d.meridiemHour?d.meridiemHour(m,T):(null!=d.isPM&&((C=d.isPM(T))&&m<12&&(m+=12),!C&&12===m&&(m=0)),m)}(d._locale,d._a[jt],d._meridiem),null!==(xe=ge(d).era)&&(d._a[zt]=d._locale.erasConvertYear(xe,d._a[zt])),Jr(d),bf(d)}else Lu(d);else Iu(d)}function os(d){var m=d._i,T=d._f;return d._locale=d._locale||vr(d._l),null===m||void 0===T&&""===m?$s({nullInput:!0}):("string"==typeof m&&(d._i=m=d._locale.preparse(m)),ss(m)?new $r(bf(m)):(ie(m)?d._d=m:y(T)?function Js(d){var m,T,C,A,j,te,Oe=!1,X=d._f.length;if(0===X)return ge(d).invalidFormat=!0,void(d._d=new Date(NaN));for(A=0;Athis?this:d:$s()});function xs(d,m){var T,C;if(1===m.length&&y(m[0])&&(m=m[0]),!m.length)return Pt();for(T=m[0],C=1;C=0?new Date(d+400,m,T)-Ba:new Date(d,m,T).valueOf()}function Ul(d,m,T){return d<100&&d>=0?Date.UTC(d+400,m,T)-Ba:Date.UTC(d,m,T)}function Of(d,m){return m.erasAbbrRegex(d)}function Rf(){var A,j,d=[],m=[],T=[],C=[],te=this.eras();for(A=0,j=te.length;A(j=Re(d,C,A))&&(m=j),GT.call(this,d,m,T,C,A))}function GT(d,m,T,C,A){var j=mf(d,m,T,C,A),te=Zt(j.year,0,j.dayOfYear);return this.year(te.getUTCFullYear()),this.month(te.getUTCMonth()),this.date(te.getUTCDate()),this}Me("N",0,0,"eraAbbr"),Me("NN",0,0,"eraAbbr"),Me("NNN",0,0,"eraAbbr"),Me("NNNN",0,0,"eraName"),Me("NNNNN",0,0,"eraNarrow"),Me("y",["y",1],"yo","eraYear"),Me("y",["yy",2],0,"eraYear"),Me("y",["yyy",3],0,"eraYear"),Me("y",["yyyy",4],0,"eraYear"),he("N",Of),he("NN",Of),he("NNN",Of),he("NNNN",function YT(d,m){return m.erasNameRegex(d)}),he("NNNNN",function VT(d,m){return m.erasNarrowRegex(d)}),xt(["N","NN","NNN","NNNN","NNNNN"],function(d,m,T,C){var A=T._locale.erasParse(d,C,T._strict);A?ge(T).era=A:ge(T).invalidEra=d}),he("y",Kr),he("yy",Kr),he("yyy",Kr),he("yyyy",Kr),he("yo",function BT(d,m){return m._eraYearOrdinalRegex||Kr}),xt(["y","yy","yyy","yyyy"],zt),xt(["yo"],function(d,m,T,C){var A;T._locale._eraYearOrdinalRegex&&(A=d.match(T._locale._eraYearOrdinalRegex)),m[zt]=T._locale.eraYearOrdinalParse?T._locale.eraYearOrdinalParse(d,A):parseInt(d,10)}),Me(0,["gg",2],0,function(){return this.weekYear()%100}),Me(0,["GG",2],0,function(){return this.isoWeekYear()%100}),Vu("gggg","weekYear"),Vu("ggggg","weekYear"),Vu("GGGG","isoWeekYear"),Vu("GGGGG","isoWeekYear"),Xn("weekYear","gg"),Xn("isoWeekYear","GG"),Jn("weekYear",1),Jn("isoWeekYear",1),he("G",xa),he("g",xa),he("GG",Nt,xi),he("gg",Nt,xi),he("GGGG",Nl,yu),he("gggg",Nl,yu),he("GGGGG",Da,Fl),he("ggggg",Da,Fl),Ia(["gggg","ggggg","GGGG","GGGGG"],function(d,m,T,C){m[C.substr(0,2)]=ct(d)}),Ia(["gg","GG"],function(d,m,T,C){m[C]=_.parseTwoDigitYear(d)}),Me("Q",0,"Qo","quarter"),Xn("quarter","Q"),Jn("quarter",7),he("Q",sf),xt("Q",function(d,m){m[qs]=3*(ct(d)-1)}),Me("D",["DD",2],"Do","date"),Xn("date","D"),Jn("date",9),he("D",Nt),he("DD",Nt,xi),he("Do",function(d,m){return d?m._dayOfMonthOrdinalParse||m._ordinalParse:m._dayOfMonthOrdinalParseLenient}),xt(["D","DD"],Lt),xt("Do",function(d,m){m[Lt]=ct(d.match(Nt)[0])});var Bu=Po("Date",!0);Me("DDD",["DDDD",3],"DDDo","dayOfYear"),Xn("dayOfYear","DDD"),Jn("dayOfYear",4),he("DDD",Ca),he("DDDD",rf),xt(["DDD","DDDD"],function(d,m,T){T._dayOfYear=ct(d)}),Me("m",["mm",2],0,"minute"),Xn("minute","m"),Jn("minute",14),he("m",Nt),he("mm",Nt,xi),xt(["m","mm"],un);var zu=Po("Minutes",!1);Me("s",["ss",2],0,"second"),Xn("second","s"),Jn("second",15),he("s",Nt),he("ss",Nt,xi),xt(["s","ss"],_r);var Mr,Yf,Hf=Po("Seconds",!1);for(Me("S",0,0,function(){return~~(this.millisecond()/100)}),Me(0,["SS",2],0,function(){return~~(this.millisecond()/10)}),Me(0,["SSS",3],0,"millisecond"),Me(0,["SSSS",4],0,function(){return 10*this.millisecond()}),Me(0,["SSSSS",5],0,function(){return 100*this.millisecond()}),Me(0,["SSSSSS",6],0,function(){return 1e3*this.millisecond()}),Me(0,["SSSSSSS",7],0,function(){return 1e4*this.millisecond()}),Me(0,["SSSSSSSS",8],0,function(){return 1e5*this.millisecond()}),Me(0,["SSSSSSSSS",9],0,function(){return 1e6*this.millisecond()}),Xn("millisecond","ms"),Jn("millisecond",16),he("S",Ca,sf),he("SS",Ca,xi),he("SSS",Ca,rf),Mr="SSSS";Mr.length<=9;Mr+="S")he(Mr,Kr);function ny(d,m){m[Xr]=ct(1e3*("0."+d))}for(Mr="S";Mr.length<=9;Mr+="S")xt(Mr,ny);Yf=Po("Milliseconds",!1),Me("z",0,0,"zoneAbbr"),Me("zz",0,0,"zoneName");var ae=$r.prototype;function ju(d){return d}ae.add=di,ae.calendar=function En(d,m){1===arguments.length&&(arguments[0]?If(arguments[0])?(d=arguments[0],m=void 0):function qg(d){var A,m=b(d)&&!P(d),T=!1,C=["sameDay","nextDay","lastDay","nextWeek","lastWeek","sameElse"];for(A=0;AT.valueOf():T.valueOf()9999?Jt(T,m?"YYYYYY-MM-DD[T]HH:mm:ss.SSS[Z]":"YYYYYY-MM-DD[T]HH:mm:ss.SSSZ"):Ts(Date.prototype.toISOString)?m?this.toDate().toISOString():new Date(this.valueOf()+60*this.utcOffset()*1e3).toISOString().replace("Z",Jt(T,"Z")):Jt(T,m?"YYYY-MM-DD[T]HH:mm:ss.SSS[Z]":"YYYY-MM-DD[T]HH:mm:ss.SSSZ")},ae.inspect=function Ya(){if(!this.isValid())return"moment.invalid(/* "+this._i+" */)";var T,C,d="moment",m="";return this.isLocal()||(d=0===this.utcOffset()?"moment.utc":"moment.parseZone",m="Z"),T="["+d+'("]',C=0<=this.year()&&this.year()<=9999?"YYYY":"YYYYYY",this.format(T+C+"-MM-DD[T]HH:mm:ss.SSS"+m+'[")]')},typeof Symbol<"u"&&null!=Symbol.for&&(ae[Symbol.for("nodejs.util.inspect.custom")]=function(){return"Moment<"+this.format()+">"}),ae.toJSON=function Li(){return this.isValid()?this.toISOString():null},ae.toString=function Qr(){return this.clone().locale("en").format("ddd MMM DD YYYY HH:mm:ss [GMT]ZZ")},ae.unix=function Uo(){return Math.floor(this.valueOf()/1e3)},ae.valueOf=function Gl(){return this._d.valueOf()-6e4*(this._offset||0)},ae.creationData=function $l(){return{input:this._i,format:this._f,locale:this._locale,isUTC:this._isUTC,strict:this._strict}},ae.eraName=function Zg(){var d,m,T,C=this.localeData().eras();for(d=0,m=C.length;dthis.clone().month(0).utcOffset()||this.utcOffset()>this.clone().month(5).utcOffset()},ae.isLocal=function Ne(){return!!this.isValid()&&!this._isUTC},ae.isUtcOffset=function Gg(){return!!this.isValid()&&this._isUTC},ae.isUtc=Ef,ae.isUTC=Ef,ae.zoneAbbr=function qT(){return this._isUTC?"UTC":""},ae.zoneName=function iy(){return this._isUTC?"Coordinated Universal Time":""},ae.dates=ri("dates accessor is deprecated. Use date instead.",Bu),ae.months=ri("months accessor is deprecated. Use month instead",ff),ae.years=ri("years accessor is deprecated. Use year instead",pf),ae.zone=ri("moment().zone is deprecated, use moment().utcOffset instead. http://momentjs.com/guides/#/warnings/zone/",function Vg(d,m){return null!=d?("string"!=typeof d&&(d=-d),this.utcOffset(d,m),this):-this.utcOffset()}),ae.isDSTShifted=ri("isDSTShifted is deprecated. See http://momentjs.com/guides/#/warnings/dst-shifted/ for more information",function Ug(){if(!N(this._isDSTShifted))return this._isDSTShifted;var m,d={};return cu(d,this),(d=os(d))._a?(m=d._isUTC?lt(d._a):Pt(d._a),this._isDSTShifted=this.isValid()&&function Df(d,m,T){var te,C=Math.min(d.length,m.length),A=Math.abs(d.length-m.length),j=0;for(te=0;te0):this._isDSTShifted=!1,this._isDSTShifted});var wt=du.prototype;function Go(d,m,T,C){var A=vr(),j=lt().set(C,m);return A[T](j,d)}function Kl(d,m,T){if(U(d)&&(m=d,d=void 0),d=d||"",null!=m)return Go(d,m,T,"month");var C,A=[];for(C=0;C<12;C++)A[C]=Go(d,C,T,"month");return A}function $o(d,m,T,C){"boolean"==typeof d?(U(m)&&(T=m,m=void 0),m=m||""):(T=m=d,d=!1,U(m)&&(T=m,m=void 0),m=m||"");var te,A=vr(),j=d?A._week.dow:0,Oe=[];if(null!=T)return Go(m,(T+j)%7,C,"day");for(te=0;te<7;te++)Oe[te]=Go(m,(te+j)%7,C,"day");return Oe}wt.calendar=function Qh(d,m,T){var C=this._calendar[d]||this._calendar.sameElse;return Ts(C)?C.call(m,T):C},wt.longDateFormat=function fu(d){var m=this._longDateFormat[d],T=this._longDateFormat[d.toUpperCase()];return m||!T?m:(this._longDateFormat[d]=T.match(hu).map(function(C){return"MMMM"===C||"MM"===C||"DD"===C||"dddd"===C?C.slice(1):C}).join(""),this._longDateFormat[d])},wt.invalidDate=function pu(){return this._invalidDate},wt.ordinal=function hg(d){return this._ordinal.replace("%d",d)},wt.preparse=ju,wt.postformat=ju,wt.relativeTime=function yT(d,m,T,C){var A=this._relativeTime[T];return Ts(A)?A(d,m,T,C):A.replace(/%d/i,d)},wt.pastFuture=function vT(d,m){var T=this._relativeTime[d>0?"future":"past"];return Ts(T)?T(m):T.replace(/%s/i,m)},wt.set=function uu(d){var m,T;for(T in d)k(d,T)&&(Ts(m=d[T])?this[T]=m:this["_"+T]=m);this._config=d,this._dayOfMonthOrdinalParseLenient=new RegExp((this._dayOfMonthOrdinalParse.source||this._ordinalParse.source)+"|"+/\d{1,2}/.source)},wt.eras=function ds(d,m){var T,C,A,j=this._eras||vr("en")._eras;for(T=0,C=j.length;T=0)return j[C]},wt.erasConvertYear=function Jg(d,m){var T=d.since<=d.until?1:-1;return void 0===m?_(d.since).year():_(d.since).year()+(m-d.offset)*T},wt.erasAbbrRegex=function NT(d){return k(this,"_erasAbbrRegex")||Rf.call(this),d?this._erasAbbrRegex:this._erasRegex},wt.erasNameRegex=function FT(d){return k(this,"_erasNameRegex")||Rf.call(this),d?this._erasNameRegex:this._erasRegex},wt.erasNarrowRegex=function HT(d){return k(this,"_erasNarrowRegex")||Rf.call(this),d?this._erasNarrowRegex:this._erasRegex},wt.months=function Mg(d,m){return d?y(this._months)?this._months[d.month()]:this._months[(this._months.isFormat||df).test(m)?"format":"standalone"][d.month()]:y(this._months)?this._months:this._months.standalone},wt.monthsShort=function hf(d,m){return d?y(this._monthsShort)?this._monthsShort[d.month()]:this._monthsShort[df.test(m)?"format":"standalone"][d.month()]:y(this._monthsShort)?this._monthsShort:this._monthsShort.standalone},wt.monthsParse=function Sg(d,m,T){var C,A,j;if(this._monthsParseExact)return Tg.call(this,d,m,T);for(this._monthsParse||(this._monthsParse=[],this._longMonthsParse=[],this._shortMonthsParse=[]),C=0;C<12;C++){if(A=lt([2e3,C]),T&&!this._longMonthsParse[C]&&(this._longMonthsParse[C]=new RegExp("^"+this.months(A,"").replace(".","")+"$","i"),this._shortMonthsParse[C]=new RegExp("^"+this.monthsShort(A,"").replace(".","")+"$","i")),!T&&!this._monthsParse[C]&&(j="^"+this.months(A,"")+"|^"+this.monthsShort(A,""),this._monthsParse[C]=new RegExp(j.replace(".",""),"i")),T&&"MMMM"===m&&this._longMonthsParse[C].test(d))return C;if(T&&"MMM"===m&&this._shortMonthsParse[C].test(d))return C;if(!T&&this._monthsParse[C].test(d))return C}},wt.monthsRegex=function Tu(d){return this._monthsParseExact?(k(this,"_monthsRegex")||Gi.call(this),d?this._monthsStrictRegex:this._monthsRegex):(k(this,"_monthsRegex")||(this._monthsRegex=wg),this._monthsStrictRegex&&d?this._monthsStrictRegex:this._monthsRegex)},wt.monthsShortRegex=function Mu(d){return this._monthsParseExact?(k(this,"_monthsRegex")||Gi.call(this),d?this._monthsShortStrictRegex:this._monthsShortRegex):(k(this,"_monthsShortRegex")||(this._monthsShortRegex=bg),this._monthsShortStrictRegex&&d?this._monthsShortStrictRegex:this._monthsShortRegex)},wt.week=function Su(d){return ut(d,this._week.dow,this._week.doy).week},wt.firstDayOfYear=function _f(){return this._week.doy},wt.firstDayOfWeek=function bT(){return this._week.dow},wt.weekdays=function TT(d,m){var T=y(this._weekdays)?this._weekdays:this._weekdays[d&&!0!==d&&this._weekdays.isFormat.test(m)?"format":"standalone"];return!0===d?Du(T,this._week.dow):d?T[d.day()]:T},wt.weekdaysMin=function ST(d){return!0===d?Du(this._weekdaysMin,this._week.dow):d?this._weekdaysMin[d.day()]:this._weekdaysMin},wt.weekdaysShort=function gr(d){return!0===d?Du(this._weekdaysShort,this._week.dow):d?this._weekdaysShort[d.day()]:this._weekdaysShort},wt.weekdaysParse=function DT(d,m,T){var C,A,j;if(this._weekdaysParseExact)return CT.call(this,d,m,T);for(this._weekdaysParse||(this._weekdaysParse=[],this._minWeekdaysParse=[],this._shortWeekdaysParse=[],this._fullWeekdaysParse=[]),C=0;C<7;C++){if(A=lt([2e3,1]).day(C),T&&!this._fullWeekdaysParse[C]&&(this._fullWeekdaysParse[C]=new RegExp("^"+this.weekdays(A,"").replace(".","\\.?")+"$","i"),this._shortWeekdaysParse[C]=new RegExp("^"+this.weekdaysShort(A,"").replace(".","\\.?")+"$","i"),this._minWeekdaysParse[C]=new RegExp("^"+this.weekdaysMin(A,"").replace(".","\\.?")+"$","i")),this._weekdaysParse[C]||(j="^"+this.weekdays(A,"")+"|^"+this.weekdaysShort(A,"")+"|^"+this.weekdaysMin(A,""),this._weekdaysParse[C]=new RegExp(j.replace(".",""),"i")),T&&"dddd"===m&&this._fullWeekdaysParse[C].test(d))return C;if(T&&"ddd"===m&&this._shortWeekdaysParse[C].test(d))return C;if(T&&"dd"===m&&this._minWeekdaysParse[C].test(d))return C;if(!T&&this._weekdaysParse[C].test(d))return C}},wt.weekdaysRegex=function xg(d){return this._weekdaysParseExact?(k(this,"_weekdaysRegex")||yt.call(this),d?this._weekdaysStrictRegex:this._weekdaysRegex):(k(this,"_weekdaysRegex")||(this._weekdaysRegex=Ei),this._weekdaysStrictRegex&&d?this._weekdaysStrictRegex:this._weekdaysRegex)},wt.weekdaysShortRegex=function ET(d){return this._weekdaysParseExact?(k(this,"_weekdaysRegex")||yt.call(this),d?this._weekdaysShortStrictRegex:this._weekdaysShortRegex):(k(this,"_weekdaysShortRegex")||(this._weekdaysShortRegex=MT),this._weekdaysShortStrictRegex&&d?this._weekdaysShortStrictRegex:this._weekdaysShortRegex)},wt.weekdaysMinRegex=function $i(d){return this._weekdaysParseExact?(k(this,"_weekdaysRegex")||yt.call(this),d?this._weekdaysMinStrictRegex:this._weekdaysMinRegex):(k(this,"_weekdaysMinRegex")||(this._weekdaysMinRegex=Cg),this._weekdaysMinStrictRegex&&d?this._weekdaysMinStrictRegex:this._weekdaysMinRegex)},wt.isPM=function LT(d){return"p"===(d+"").toLowerCase().charAt(0)},wt.meridiem=function Eg(d,m,T){return d>11?T?"pm":"PM":T?"am":"AM"},Ks("en",{eras:[{since:"0001-01-01",until:1/0,offset:1,name:"Anno Domini",narrow:"AD",abbr:"AD"},{since:"0000-12-31",until:-1/0,offset:1,name:"Before Christ",narrow:"BC",abbr:"BC"}],dayOfMonthOrdinalParse:/\d{1,2}(th|st|nd|rd)/,ordinal:function(d){var m=d%10;return d+(1===ct(d%100/10)?"th":1===m?"st":2===m?"nd":3===m?"rd":"th")}}),_.lang=ri("moment.lang is deprecated. Use moment.locale instead.",Ks),_.langData=ri("moment.langData is deprecated. Use moment.localeData instead.",vr);var qi=Math.abs;function ay(d,m,T,C){var A=as(m,T);return d._milliseconds+=C*A._milliseconds,d._days+=C*A._days,d._months+=C*A._months,d._bubble()}function Uu(d){return d<0?Math.floor(d):Math.ceil(d)}function zf(d){return 4800*d/146097}function In(d){return 146097*d/4800}function Qs(d){return function(){return this.as(d)}}var Wf=Qs("ms"),Uf=Qs("s"),uy=Qs("m"),Gu=Qs("h"),dy=Qs("d"),Es=Qs("w"),Gf=Qs("M"),$f=Qs("Q"),Yt=Qs("y");function yn(d){return function(){return this.isValid()?this._data[d]:NaN}}var fy=yn("milliseconds"),qf=yn("seconds"),qo=yn("minutes"),Pi=yn("hours"),py=yn("days"),my=yn("months"),_y=yn("years");var Is=Math.round,Ko={ss:44,s:45,m:45,h:22,d:26,w:null,M:11};function Kf(d,m,T,C,A){return A.relativeTime(m||1,!!T,d,C)}var Jl=Math.abs;function ja(d){return(d>0)-(d<0)||+d}function Zl(){if(!this.isValid())return this.localeData().invalidDate();var C,A,j,te,X,xe,q,K,d=Jl(this._milliseconds)/1e3,m=Jl(this._days),T=Jl(this._months),Oe=this.asSeconds();return Oe?(C=Ui(d/60),A=Ui(C/60),d%=60,C%=60,j=Ui(T/12),T%=12,te=d?d.toFixed(3).replace(/\.?0+$/,""):"",X=Oe<0?"-":"",xe=ja(this._months)!==ja(Oe)?"-":"",q=ja(this._days)!==ja(Oe)?"-":"",K=ja(this._milliseconds)!==ja(Oe)?"-":"",X+"P"+(j?xe+j+"Y":"")+(T?xe+T+"M":"")+(m?q+m+"D":"")+(A||C||d?"T":"")+(A?K+A+"H":"")+(C?K+C+"M":"")+(d?K+te+"S":"")):"P0D"}var _t=Fa.prototype;return _t.isValid=function Cf(){return this._isValid},_t.abs=function oy(){var d=this._data;return this._milliseconds=qi(this._milliseconds),this._days=qi(this._days),this._months=qi(this._months),d.milliseconds=qi(d.milliseconds),d.seconds=qi(d.seconds),d.minutes=qi(d.minutes),d.hours=qi(d.hours),d.months=qi(d.months),d.years=qi(d.years),this},_t.add=function XT(d,m){return ay(this,d,m,1)},_t.subtract=function Bf(d,m){return ay(this,d,m,-1)},_t.as=function jf(d){if(!this.isValid())return NaN;var m,T,C=this._milliseconds;if("month"===(d=Di(d))||"quarter"===d||"year"===d)switch(m=this._days+C/864e5,T=this._months+zf(m),d){case"month":return T;case"quarter":return T/3;case"year":return T/12}else switch(m=this._days+Math.round(In(this._months)),d){case"week":return m/7+C/6048e5;case"day":return m+C/864e5;case"hour":return 24*m+C/36e5;case"minute":return 1440*m+C/6e4;case"second":return 86400*m+C/1e3;case"millisecond":return Math.floor(864e5*m)+C;default:throw new Error("Unknown unit "+d)}},_t.asMilliseconds=Wf,_t.asSeconds=Uf,_t.asMinutes=uy,_t.asHours=Gu,_t.asDays=dy,_t.asWeeks=Es,_t.asMonths=Gf,_t.asQuarters=$f,_t.asYears=Yt,_t.valueOf=function cy(){return this.isValid()?this._milliseconds+864e5*this._days+this._months%12*2592e6+31536e6*ct(this._months/12):NaN},_t._bubble=function ly(){var A,j,te,Oe,X,d=this._milliseconds,m=this._days,T=this._months,C=this._data;return d>=0&&m>=0&&T>=0||d<=0&&m<=0&&T<=0||(d+=864e5*Uu(In(T)+m),m=0,T=0),C.milliseconds=d%1e3,A=Ui(d/1e3),C.seconds=A%60,j=Ui(A/60),C.minutes=j%60,te=Ui(j/60),C.hours=te%24,m+=Ui(te/24),T+=X=Ui(zf(m)),m-=Uu(In(X)),Oe=Ui(T/12),T%=12,C.days=m,C.months=T,C.years=Oe,this},_t.clone=function hy(){return as(this)},_t.get=function Xl(d){return d=Di(d),this.isValid()?this[d+"s"]():NaN},_t.milliseconds=fy,_t.seconds=qf,_t.minutes=qo,_t.hours=Pi,_t.days=py,_t.weeks=function Tr(){return Ui(this.days()/7)},_t.months=my,_t.years=_y,_t.humanize=function je(d,m){if(!this.isValid())return this.localeData().invalidDate();var A,j,T=!1,C=Ko;return"object"==typeof d&&(m=d,d=!1),"boolean"==typeof d&&(T=d),"object"==typeof m&&(C=Object.assign({},Ko,m),null!=m.s&&null==m.ss&&(C.ss=m.s-1)),j=function Xf(d,m,T,C){var A=as(d).abs(),j=Is(A.as("s")),te=Is(A.as("m")),Oe=Is(A.as("h")),X=Is(A.as("d")),xe=Is(A.as("M")),q=Is(A.as("w")),K=Is(A.as("y")),Ut=j<=T.ss&&["s",j]||j0,Ut[4]=C,Kf.apply(null,Ut)}(this,!T,C,A=this.localeData()),T&&(j=A.pastFuture(+this,j)),A.postformat(j)},_t.toISOString=Zl,_t.toString=Zl,_t.toJSON=Zl,_t.locale=cs,_t.localeData=Nu,_t.toIsoString=ri("toIsoString() is deprecated. Please use toISOString() instead (notice the capitals)",Zl),_t.lang=Wo,Me("X",0,0,"unix"),Me("x",0,0,"valueOf"),he("x",xa),he("X",/[+-]?\d+(\.\d{1,3})?/),xt("X",function(d,m,T){T._d=new Date(1e3*parseFloat(d))}),xt("x",function(d,m,T){T._d=new Date(ct(d))}),_.version="2.29.4",function w(d){D=d}(Pt),_.fn=ae,_.min=function Oa(){return xs("isBefore",[].slice.call(arguments,0))},_.max=function Mf(){return xs("isAfter",[].slice.call(arguments,0))},_.now=function(){return Date.now?Date.now():+new Date},_.utc=lt,_.unix=function ql(d){return Pt(1e3*d)},_.months=function sy(d,m){return Kl(d,m,"months")},_.isDate=ie,_.locale=Ks,_.invalid=$s,_.duration=as,_.isMoment=ss,_.weekdays=function Vf(d,m,T){return $o(d,m,T,"weekdays")},_.parseZone=function Fn(){return Pt.apply(null,arguments).parseZone()},_.localeData=vr,_.isDuration=Na,_.monthsShort=function KT(d,m){return Kl(d,m,"monthsShort")},_.weekdaysMin=function ry(d,m,T){return $o(d,m,T,"weekdaysMin")},_.defineLocale=Zn,_.updateLocale=function vf(d,m){if(null!=m){var T,C,A=xu;null!=Wt[d]&&null!=Wt[d].parentLocale?Wt[d].set(Ss(Wt[d]._config,m)):(null!=(C=Fo(d))&&(A=C._config),m=Ss(A,m),null==C&&(m.abbr=d),(T=new du(m)).parentLocale=Wt[d],Wt[d]=T),Ks(d)}else null!=Wt[d]&&(null!=Wt[d].parentLocale?(Wt[d]=Wt[d].parentLocale,d===Ks()&&Ks(d)):null!=Wt[d]&&delete Wt[d]);return Wt[d]},_.locales=function Ft(){return Pl(Wt)},_.weekdaysShort=function Wu(d,m,T){return $o(d,m,T,"weekdaysShort")},_.normalizeUnits=Di,_.relativeTimeRounding=function Jf(d){return void 0===d?Is:"function"==typeof d&&(Is=d,!0)},_.relativeTimeThreshold=function gy(d,m){return void 0!==Ko[d]&&(void 0===m?Ko[d]:(Ko[d]=m,"s"===d&&(Ko.ss=m-1),!0))},_.calendarFormat=function Kg(d,m){var T=d.diff(m,"days",!0);return T<-6?"sameElse":T<-1?"lastWeek":T<0?"lastDay":T<1?"sameDay":T<2?"nextDay":T<7?"nextWeek":"sameElse"},_.prototype=ae,_.HTML5_FMT={DATETIME_LOCAL:"YYYY-MM-DDTHH:mm",DATETIME_LOCAL_SECONDS:"YYYY-MM-DDTHH:mm:ss",DATETIME_LOCAL_MS:"YYYY-MM-DDTHH:mm:ss.SSS",DATE:"YYYY-MM-DD",TIME:"HH:mm",TIME_SECONDS:"HH:mm:ss",TIME_MS:"HH:mm:ss.SSS",WEEK:"GGGG-[W]WW",MONTH:"YYYY-MM"},_}()},6700:(J,Z,F)=>{var D={"./af":3274,"./af.js":3274,"./ar":2097,"./ar-dz":1867,"./ar-dz.js":1867,"./ar-kw":7078,"./ar-kw.js":7078,"./ar-ly":7776,"./ar-ly.js":7776,"./ar-ma":6789,"./ar-ma.js":6789,"./ar-sa":6897,"./ar-sa.js":6897,"./ar-tn":1585,"./ar-tn.js":1585,"./ar.js":2097,"./az":5611,"./az.js":5611,"./be":2459,"./be.js":2459,"./bg":1825,"./bg.js":1825,"./bm":5918,"./bm.js":5918,"./bn":4065,"./bn-bd":9683,"./bn-bd.js":9683,"./bn.js":4065,"./bo":1034,"./bo.js":1034,"./br":7671,"./br.js":7671,"./bs":8153,"./bs.js":8153,"./ca":4287,"./ca.js":4287,"./cs":2616,"./cs.js":2616,"./cv":7049,"./cv.js":7049,"./cy":9172,"./cy.js":9172,"./da":605,"./da.js":605,"./de":4013,"./de-at":3395,"./de-at.js":3395,"./de-ch":9835,"./de-ch.js":9835,"./de.js":4013,"./dv":4570,"./dv.js":4570,"./el":1859,"./el.js":1859,"./en-au":5785,"./en-au.js":5785,"./en-ca":3792,"./en-ca.js":3792,"./en-gb":7651,"./en-gb.js":7651,"./en-ie":1929,"./en-ie.js":1929,"./en-il":9818,"./en-il.js":9818,"./en-in":6612,"./en-in.js":6612,"./en-nz":4900,"./en-nz.js":4900,"./en-sg":2721,"./en-sg.js":2721,"./eo":5159,"./eo.js":5159,"./es":1954,"./es-do":1780,"./es-do.js":1780,"./es-mx":3468,"./es-mx.js":3468,"./es-us":4938,"./es-us.js":4938,"./es.js":1954,"./et":1453,"./et.js":1453,"./eu":4697,"./eu.js":4697,"./fa":2900,"./fa.js":2900,"./fi":9775,"./fi.js":9775,"./fil":4282,"./fil.js":4282,"./fo":4236,"./fo.js":4236,"./fr":9361,"./fr-ca":2830,"./fr-ca.js":2830,"./fr-ch":1412,"./fr-ch.js":1412,"./fr.js":9361,"./fy":6984,"./fy.js":6984,"./ga":3961,"./ga.js":3961,"./gd":8849,"./gd.js":8849,"./gl":4273,"./gl.js":4273,"./gom-deva":623,"./gom-deva.js":623,"./gom-latn":2696,"./gom-latn.js":2696,"./gu":6928,"./gu.js":6928,"./he":4804,"./he.js":4804,"./hi":3015,"./hi.js":3015,"./hr":7134,"./hr.js":7134,"./hu":670,"./hu.js":670,"./hy-am":4523,"./hy-am.js":4523,"./id":9233,"./id.js":9233,"./is":4693,"./is.js":4693,"./it":3936,"./it-ch":8118,"./it-ch.js":8118,"./it.js":3936,"./ja":6871,"./ja.js":6871,"./jv":8710,"./jv.js":8710,"./ka":7125,"./ka.js":7125,"./kk":2461,"./kk.js":2461,"./km":7399,"./km.js":7399,"./kn":8720,"./kn.js":8720,"./ko":5306,"./ko.js":5306,"./ku":2995,"./ku.js":2995,"./ky":8779,"./ky.js":8779,"./lb":2057,"./lb.js":2057,"./lo":7192,"./lo.js":7192,"./lt":5430,"./lt.js":5430,"./lv":3363,"./lv.js":3363,"./me":2939,"./me.js":2939,"./mi":8212,"./mi.js":8212,"./mk":9718,"./mk.js":9718,"./ml":561,"./ml.js":561,"./mn":8929,"./mn.js":8929,"./mr":4880,"./mr.js":4880,"./ms":3193,"./ms-my":2074,"./ms-my.js":2074,"./ms.js":3193,"./mt":4082,"./mt.js":4082,"./my":2261,"./my.js":2261,"./nb":5273,"./nb.js":5273,"./ne":9874,"./ne.js":9874,"./nl":1667,"./nl-be":1484,"./nl-be.js":1484,"./nl.js":1667,"./nn":7262,"./nn.js":7262,"./oc-lnc":9679,"./oc-lnc.js":9679,"./pa-in":6830,"./pa-in.js":6830,"./pl":3616,"./pl.js":3616,"./pt":5138,"./pt-br":2751,"./pt-br.js":2751,"./pt.js":5138,"./ro":7968,"./ro.js":7968,"./ru":1828,"./ru.js":1828,"./sd":2188,"./sd.js":2188,"./se":6562,"./se.js":6562,"./si":7172,"./si.js":7172,"./sk":9966,"./sk.js":9966,"./sl":7520,"./sl.js":7520,"./sq":5291,"./sq.js":5291,"./sr":450,"./sr-cyrl":7603,"./sr-cyrl.js":7603,"./sr.js":450,"./ss":383,"./ss.js":383,"./sv":7221,"./sv.js":7221,"./sw":1743,"./sw.js":1743,"./ta":6351,"./ta.js":6351,"./te":9620,"./te.js":9620,"./tet":6278,"./tet.js":6278,"./tg":6987,"./tg.js":6987,"./th":9325,"./th.js":9325,"./tk":3485,"./tk.js":3485,"./tl-ph":8148,"./tl-ph.js":8148,"./tlh":9616,"./tlh.js":9616,"./tr":4040,"./tr.js":4040,"./tzl":594,"./tzl.js":594,"./tzm":673,"./tzm-latn":3226,"./tzm-latn.js":3226,"./tzm.js":673,"./ug-cn":9580,"./ug-cn.js":9580,"./uk":7270,"./uk.js":7270,"./ur":1656,"./ur.js":1656,"./uz":8364,"./uz-latn":8744,"./uz-latn.js":8744,"./uz.js":8364,"./vi":5049,"./vi.js":5049,"./x-pseudo":5106,"./x-pseudo.js":5106,"./yo":6199,"./yo.js":6199,"./zh-cn":7280,"./zh-cn.js":7280,"./zh-hk":6860,"./zh-hk.js":6860,"./zh-mo":2335,"./zh-mo.js":2335,"./zh-tw":482,"./zh-tw.js":482};function _(y){var b=w(y);return F(b)}function w(y){if(!F.o(D,y)){var b=new Error("Cannot find module '"+y+"'");throw b.code="MODULE_NOT_FOUND",b}return D[y]}_.keys=function(){return Object.keys(D)},_.resolve=w,J.exports=_,_.id=6700}},J=>{J(J.s=8925)}]); \ No newline at end of file diff --git a/main.0cce9d792b2a8202.js.br b/main.0cce9d792b2a8202.js.br new file mode 100644 index 0000000..c689d5f Binary files /dev/null and b/main.0cce9d792b2a8202.js.br differ diff --git a/main.0cce9d792b2a8202.js.gz b/main.0cce9d792b2a8202.js.gz new file mode 100644 index 0000000..b377874 Binary files /dev/null and b/main.0cce9d792b2a8202.js.gz differ diff --git a/polyfills.315fefdcc45f5d18.js b/polyfills.315fefdcc45f5d18.js new file mode 100644 index 0000000..6d6f47c --- /dev/null +++ b/polyfills.315fefdcc45f5d18.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkpublic_pool_ui=self.webpackChunkpublic_pool_ui||[]).push([[429],{8332:()=>{!function(e){const n=e.performance;function i(M){n&&n.mark&&n.mark(M)}function o(M,T){n&&n.measure&&n.measure(M,T)}i("Zone");const c=e.__Zone_symbol_prefix||"__zone_symbol__";function a(M){return c+M}const y=!0===e[a("forceDuplicateZoneCheck")];if(e.Zone){if(y||"function"!=typeof e.Zone.__symbol__)throw new Error("Zone already loaded.");return e.Zone}let d=(()=>{class M{static assertZonePatched(){if(e.Promise!==oe.ZoneAwarePromise)throw new Error("Zone.js has detected that ZoneAwarePromise `(window|global).Promise` has been overwritten.\nMost likely cause is that a Promise polyfill has been loaded after Zone.js (Polyfilling Promise api is not necessary when zone.js is loaded. If you must load one, do so before loading zone.js.)")}static get root(){let t=M.current;for(;t.parent;)t=t.parent;return t}static get current(){return U.zone}static get currentTask(){return re}static __load_patch(t,r,k=!1){if(oe.hasOwnProperty(t)){if(!k&&y)throw Error("Already loaded patch: "+t)}else if(!e["__Zone_disable_"+t]){const C="Zone:"+t;i(C),oe[t]=r(e,M,z),o(C,C)}}get parent(){return this._parent}get name(){return this._name}constructor(t,r){this._parent=t,this._name=r?r.name||"unnamed":"",this._properties=r&&r.properties||{},this._zoneDelegate=new v(this,this._parent&&this._parent._zoneDelegate,r)}get(t){const r=this.getZoneWith(t);if(r)return r._properties[t]}getZoneWith(t){let r=this;for(;r;){if(r._properties.hasOwnProperty(t))return r;r=r._parent}return null}fork(t){if(!t)throw new Error("ZoneSpec required!");return this._zoneDelegate.fork(this,t)}wrap(t,r){if("function"!=typeof t)throw new Error("Expecting function got: "+t);const k=this._zoneDelegate.intercept(this,t,r),C=this;return function(){return C.runGuarded(k,this,arguments,r)}}run(t,r,k,C){U={parent:U,zone:this};try{return this._zoneDelegate.invoke(this,t,r,k,C)}finally{U=U.parent}}runGuarded(t,r=null,k,C){U={parent:U,zone:this};try{try{return this._zoneDelegate.invoke(this,t,r,k,C)}catch($){if(this._zoneDelegate.handleError(this,$))throw $}}finally{U=U.parent}}runTask(t,r,k){if(t.zone!=this)throw new Error("A task can only be run in the zone of creation! (Creation: "+(t.zone||J).name+"; Execution: "+this.name+")");if(t.state===x&&(t.type===Q||t.type===P))return;const C=t.state!=E;C&&t._transitionTo(E,A),t.runCount++;const $=re;re=t,U={parent:U,zone:this};try{t.type==P&&t.data&&!t.data.isPeriodic&&(t.cancelFn=void 0);try{return this._zoneDelegate.invokeTask(this,t,r,k)}catch(l){if(this._zoneDelegate.handleError(this,l))throw l}}finally{t.state!==x&&t.state!==h&&(t.type==Q||t.data&&t.data.isPeriodic?C&&t._transitionTo(A,E):(t.runCount=0,this._updateTaskCount(t,-1),C&&t._transitionTo(x,E,x))),U=U.parent,re=$}}scheduleTask(t){if(t.zone&&t.zone!==this){let k=this;for(;k;){if(k===t.zone)throw Error(`can not reschedule task to ${this.name} which is descendants of the original zone ${t.zone.name}`);k=k.parent}}t._transitionTo(X,x);const r=[];t._zoneDelegates=r,t._zone=this;try{t=this._zoneDelegate.scheduleTask(this,t)}catch(k){throw t._transitionTo(h,X,x),this._zoneDelegate.handleError(this,k),k}return t._zoneDelegates===r&&this._updateTaskCount(t,1),t.state==X&&t._transitionTo(A,X),t}scheduleMicroTask(t,r,k,C){return this.scheduleTask(new p(I,t,r,k,C,void 0))}scheduleMacroTask(t,r,k,C,$){return this.scheduleTask(new p(P,t,r,k,C,$))}scheduleEventTask(t,r,k,C,$){return this.scheduleTask(new p(Q,t,r,k,C,$))}cancelTask(t){if(t.zone!=this)throw new Error("A task can only be cancelled in the zone of creation! (Creation: "+(t.zone||J).name+"; Execution: "+this.name+")");if(t.state===A||t.state===E){t._transitionTo(G,A,E);try{this._zoneDelegate.cancelTask(this,t)}catch(r){throw t._transitionTo(h,G),this._zoneDelegate.handleError(this,r),r}return this._updateTaskCount(t,-1),t._transitionTo(x,G),t.runCount=0,t}}_updateTaskCount(t,r){const k=t._zoneDelegates;-1==r&&(t._zoneDelegates=null);for(let C=0;CM.hasTask(t,r),onScheduleTask:(M,T,t,r)=>M.scheduleTask(t,r),onInvokeTask:(M,T,t,r,k,C)=>M.invokeTask(t,r,k,C),onCancelTask:(M,T,t,r)=>M.cancelTask(t,r)};class v{constructor(T,t,r){this._taskCounts={microTask:0,macroTask:0,eventTask:0},this.zone=T,this._parentDelegate=t,this._forkZS=r&&(r&&r.onFork?r:t._forkZS),this._forkDlgt=r&&(r.onFork?t:t._forkDlgt),this._forkCurrZone=r&&(r.onFork?this.zone:t._forkCurrZone),this._interceptZS=r&&(r.onIntercept?r:t._interceptZS),this._interceptDlgt=r&&(r.onIntercept?t:t._interceptDlgt),this._interceptCurrZone=r&&(r.onIntercept?this.zone:t._interceptCurrZone),this._invokeZS=r&&(r.onInvoke?r:t._invokeZS),this._invokeDlgt=r&&(r.onInvoke?t:t._invokeDlgt),this._invokeCurrZone=r&&(r.onInvoke?this.zone:t._invokeCurrZone),this._handleErrorZS=r&&(r.onHandleError?r:t._handleErrorZS),this._handleErrorDlgt=r&&(r.onHandleError?t:t._handleErrorDlgt),this._handleErrorCurrZone=r&&(r.onHandleError?this.zone:t._handleErrorCurrZone),this._scheduleTaskZS=r&&(r.onScheduleTask?r:t._scheduleTaskZS),this._scheduleTaskDlgt=r&&(r.onScheduleTask?t:t._scheduleTaskDlgt),this._scheduleTaskCurrZone=r&&(r.onScheduleTask?this.zone:t._scheduleTaskCurrZone),this._invokeTaskZS=r&&(r.onInvokeTask?r:t._invokeTaskZS),this._invokeTaskDlgt=r&&(r.onInvokeTask?t:t._invokeTaskDlgt),this._invokeTaskCurrZone=r&&(r.onInvokeTask?this.zone:t._invokeTaskCurrZone),this._cancelTaskZS=r&&(r.onCancelTask?r:t._cancelTaskZS),this._cancelTaskDlgt=r&&(r.onCancelTask?t:t._cancelTaskDlgt),this._cancelTaskCurrZone=r&&(r.onCancelTask?this.zone:t._cancelTaskCurrZone),this._hasTaskZS=null,this._hasTaskDlgt=null,this._hasTaskDlgtOwner=null,this._hasTaskCurrZone=null;const k=r&&r.onHasTask;(k||t&&t._hasTaskZS)&&(this._hasTaskZS=k?r:b,this._hasTaskDlgt=t,this._hasTaskDlgtOwner=this,this._hasTaskCurrZone=T,r.onScheduleTask||(this._scheduleTaskZS=b,this._scheduleTaskDlgt=t,this._scheduleTaskCurrZone=this.zone),r.onInvokeTask||(this._invokeTaskZS=b,this._invokeTaskDlgt=t,this._invokeTaskCurrZone=this.zone),r.onCancelTask||(this._cancelTaskZS=b,this._cancelTaskDlgt=t,this._cancelTaskCurrZone=this.zone))}fork(T,t){return this._forkZS?this._forkZS.onFork(this._forkDlgt,this.zone,T,t):new d(T,t)}intercept(T,t,r){return this._interceptZS?this._interceptZS.onIntercept(this._interceptDlgt,this._interceptCurrZone,T,t,r):t}invoke(T,t,r,k,C){return this._invokeZS?this._invokeZS.onInvoke(this._invokeDlgt,this._invokeCurrZone,T,t,r,k,C):t.apply(r,k)}handleError(T,t){return!this._handleErrorZS||this._handleErrorZS.onHandleError(this._handleErrorDlgt,this._handleErrorCurrZone,T,t)}scheduleTask(T,t){let r=t;if(this._scheduleTaskZS)this._hasTaskZS&&r._zoneDelegates.push(this._hasTaskDlgtOwner),r=this._scheduleTaskZS.onScheduleTask(this._scheduleTaskDlgt,this._scheduleTaskCurrZone,T,t),r||(r=t);else if(t.scheduleFn)t.scheduleFn(t);else{if(t.type!=I)throw new Error("Task is missing scheduleFn.");R(t)}return r}invokeTask(T,t,r,k){return this._invokeTaskZS?this._invokeTaskZS.onInvokeTask(this._invokeTaskDlgt,this._invokeTaskCurrZone,T,t,r,k):t.callback.apply(r,k)}cancelTask(T,t){let r;if(this._cancelTaskZS)r=this._cancelTaskZS.onCancelTask(this._cancelTaskDlgt,this._cancelTaskCurrZone,T,t);else{if(!t.cancelFn)throw Error("Task is not cancelable");r=t.cancelFn(t)}return r}hasTask(T,t){try{this._hasTaskZS&&this._hasTaskZS.onHasTask(this._hasTaskDlgt,this._hasTaskCurrZone,T,t)}catch(r){this.handleError(T,r)}}_updateTaskCount(T,t){const r=this._taskCounts,k=r[T],C=r[T]=k+t;if(C<0)throw new Error("More tasks executed then were scheduled.");0!=k&&0!=C||this.hasTask(this.zone,{microTask:r.microTask>0,macroTask:r.macroTask>0,eventTask:r.eventTask>0,change:T})}}class p{constructor(T,t,r,k,C,$){if(this._zone=null,this.runCount=0,this._zoneDelegates=null,this._state="notScheduled",this.type=T,this.source=t,this.data=k,this.scheduleFn=C,this.cancelFn=$,!r)throw new Error("callback is not defined");this.callback=r;const l=this;this.invoke=T===Q&&k&&k.useG?p.invokeTask:function(){return p.invokeTask.call(e,l,this,arguments)}}static invokeTask(T,t,r){T||(T=this),ee++;try{return T.runCount++,T.zone.runTask(T,t,r)}finally{1==ee&&_(),ee--}}get zone(){return this._zone}get state(){return this._state}cancelScheduleRequest(){this._transitionTo(x,X)}_transitionTo(T,t,r){if(this._state!==t&&this._state!==r)throw new Error(`${this.type} '${this.source}': can not transition to '${T}', expecting state '${t}'${r?" or '"+r+"'":""}, was '${this._state}'.`);this._state=T,T==x&&(this._zoneDelegates=null)}toString(){return this.data&&typeof this.data.handleId<"u"?this.data.handleId.toString():Object.prototype.toString.call(this)}toJSON(){return{type:this.type,state:this.state,source:this.source,zone:this.zone.name,runCount:this.runCount}}}const L=a("setTimeout"),O=a("Promise"),N=a("then");let K,B=[],H=!1;function q(M){if(K||e[O]&&(K=e[O].resolve(0)),K){let T=K[N];T||(T=K.then),T.call(K,M)}else e[L](M,0)}function R(M){0===ee&&0===B.length&&q(_),M&&B.push(M)}function _(){if(!H){for(H=!0;B.length;){const M=B;B=[];for(let T=0;TU,onUnhandledError:W,microtaskDrainDone:W,scheduleMicroTask:R,showUncaughtError:()=>!d[a("ignoreConsoleErrorUncaughtError")],patchEventTarget:()=>[],patchOnProperties:W,patchMethod:()=>W,bindArguments:()=>[],patchThen:()=>W,patchMacroTask:()=>W,patchEventPrototype:()=>W,isIEOrEdge:()=>!1,getGlobalObjects:()=>{},ObjectDefineProperty:()=>W,ObjectGetOwnPropertyDescriptor:()=>{},ObjectCreate:()=>{},ArraySlice:()=>[],patchClass:()=>W,wrapWithCurrentZone:()=>W,filterProperties:()=>[],attachOriginToPatched:()=>W,_redefineProperty:()=>W,patchCallbacks:()=>W,nativeScheduleMicroTask:q};let U={parent:null,zone:new d(null,null)},re=null,ee=0;function W(){}o("Zone","Zone"),e.Zone=d}(typeof window<"u"&&window||typeof self<"u"&&self||global);const ue=Object.getOwnPropertyDescriptor,pe=Object.defineProperty,ve=Object.getPrototypeOf,Se=Object.create,it=Array.prototype.slice,Ze="addEventListener",De="removeEventListener",Oe=Zone.__symbol__(Ze),Ne=Zone.__symbol__(De),ie="true",ce="false",me=Zone.__symbol__("");function Ie(e,n){return Zone.current.wrap(e,n)}function Me(e,n,i,o,c){return Zone.current.scheduleMacroTask(e,n,i,o,c)}const j=Zone.__symbol__,be=typeof window<"u",_e=be?window:void 0,Y=be&&_e||"object"==typeof self&&self||global,ct="removeAttribute";function Le(e,n){for(let i=e.length-1;i>=0;i--)"function"==typeof e[i]&&(e[i]=Ie(e[i],n+"_"+i));return e}function Ve(e){return!e||!1!==e.writable&&!("function"==typeof e.get&&typeof e.set>"u")}const Fe=typeof WorkerGlobalScope<"u"&&self instanceof WorkerGlobalScope,Pe=!("nw"in Y)&&typeof Y.process<"u"&&"[object process]"==={}.toString.call(Y.process),Ae=!Pe&&!Fe&&!(!be||!_e.HTMLElement),Be=typeof Y.process<"u"&&"[object process]"==={}.toString.call(Y.process)&&!Fe&&!(!be||!_e.HTMLElement),we={},Ue=function(e){if(!(e=e||Y.event))return;let n=we[e.type];n||(n=we[e.type]=j("ON_PROPERTY"+e.type));const i=this||e.target||Y,o=i[n];let c;return Ae&&i===_e&&"error"===e.type?(c=o&&o.call(this,e.message,e.filename,e.lineno,e.colno,e.error),!0===c&&e.preventDefault()):(c=o&&o.apply(this,arguments),null!=c&&!c&&e.preventDefault()),c};function We(e,n,i){let o=ue(e,n);if(!o&&i&&ue(i,n)&&(o={enumerable:!0,configurable:!0}),!o||!o.configurable)return;const c=j("on"+n+"patched");if(e.hasOwnProperty(c)&&e[c])return;delete o.writable,delete o.value;const a=o.get,y=o.set,d=n.slice(2);let b=we[d];b||(b=we[d]=j("ON_PROPERTY"+d)),o.set=function(v){let p=this;!p&&e===Y&&(p=Y),p&&("function"==typeof p[b]&&p.removeEventListener(d,Ue),y&&y.call(p,null),p[b]=v,"function"==typeof v&&p.addEventListener(d,Ue,!1))},o.get=function(){let v=this;if(!v&&e===Y&&(v=Y),!v)return null;const p=v[b];if(p)return p;if(a){let L=a.call(this);if(L)return o.set.call(this,L),"function"==typeof v[ct]&&v.removeAttribute(n),L}return null},pe(e,n,o),e[c]=!0}function qe(e,n,i){if(n)for(let o=0;ofunction(y,d){const b=i(y,d);return b.cbIdx>=0&&"function"==typeof d[b.cbIdx]?Me(b.name,d[b.cbIdx],b,c):a.apply(y,d)})}function le(e,n){e[j("OriginalDelegate")]=n}let Xe=!1,je=!1;function ft(){if(Xe)return je;Xe=!0;try{const e=_e.navigator.userAgent;(-1!==e.indexOf("MSIE ")||-1!==e.indexOf("Trident/")||-1!==e.indexOf("Edge/"))&&(je=!0)}catch{}return je}Zone.__load_patch("ZoneAwarePromise",(e,n,i)=>{const o=Object.getOwnPropertyDescriptor,c=Object.defineProperty,y=i.symbol,d=[],b=!0===e[y("DISABLE_WRAPPING_UNCAUGHT_PROMISE_REJECTION")],v=y("Promise"),p=y("then"),L="__creationTrace__";i.onUnhandledError=l=>{if(i.showUncaughtError()){const u=l&&l.rejection;u?console.error("Unhandled Promise rejection:",u instanceof Error?u.message:u,"; Zone:",l.zone.name,"; Task:",l.task&&l.task.source,"; Value:",u,u instanceof Error?u.stack:void 0):console.error(l)}},i.microtaskDrainDone=()=>{for(;d.length;){const l=d.shift();try{l.zone.runGuarded(()=>{throw l.throwOriginal?l.rejection:l})}catch(u){N(u)}}};const O=y("unhandledPromiseRejectionHandler");function N(l){i.onUnhandledError(l);try{const u=n[O];"function"==typeof u&&u.call(this,l)}catch{}}function B(l){return l&&l.then}function H(l){return l}function K(l){return t.reject(l)}const q=y("state"),R=y("value"),_=y("finally"),J=y("parentPromiseValue"),x=y("parentPromiseState"),X="Promise.then",A=null,E=!0,G=!1,h=0;function I(l,u){return s=>{try{z(l,u,s)}catch(f){z(l,!1,f)}}}const P=function(){let l=!1;return function(s){return function(){l||(l=!0,s.apply(null,arguments))}}},Q="Promise resolved with itself",oe=y("currentTaskTrace");function z(l,u,s){const f=P();if(l===s)throw new TypeError(Q);if(l[q]===A){let g=null;try{("object"==typeof s||"function"==typeof s)&&(g=s&&s.then)}catch(w){return f(()=>{z(l,!1,w)})(),l}if(u!==G&&s instanceof t&&s.hasOwnProperty(q)&&s.hasOwnProperty(R)&&s[q]!==A)re(s),z(l,s[q],s[R]);else if(u!==G&&"function"==typeof g)try{g.call(s,f(I(l,u)),f(I(l,!1)))}catch(w){f(()=>{z(l,!1,w)})()}else{l[q]=u;const w=l[R];if(l[R]=s,l[_]===_&&u===E&&(l[q]=l[x],l[R]=l[J]),u===G&&s instanceof Error){const m=n.currentTask&&n.currentTask.data&&n.currentTask.data[L];m&&c(s,oe,{configurable:!0,enumerable:!1,writable:!0,value:m})}for(let m=0;m{try{const S=l[R],Z=!!s&&_===s[_];Z&&(s[J]=S,s[x]=w);const D=u.run(m,void 0,Z&&m!==K&&m!==H?[]:[S]);z(s,!0,D)}catch(S){z(s,!1,S)}},s)}const M=function(){},T=e.AggregateError;class t{static toString(){return"function ZoneAwarePromise() { [native code] }"}static resolve(u){return z(new this(null),E,u)}static reject(u){return z(new this(null),G,u)}static any(u){if(!u||"function"!=typeof u[Symbol.iterator])return Promise.reject(new T([],"All promises were rejected"));const s=[];let f=0;try{for(let m of u)f++,s.push(t.resolve(m))}catch{return Promise.reject(new T([],"All promises were rejected"))}if(0===f)return Promise.reject(new T([],"All promises were rejected"));let g=!1;const w=[];return new t((m,S)=>{for(let Z=0;Z{g||(g=!0,m(D))},D=>{w.push(D),f--,0===f&&(g=!0,S(new T(w,"All promises were rejected")))})})}static race(u){let s,f,g=new this((S,Z)=>{s=S,f=Z});function w(S){s(S)}function m(S){f(S)}for(let S of u)B(S)||(S=this.resolve(S)),S.then(w,m);return g}static all(u){return t.allWithCallback(u)}static allSettled(u){return(this&&this.prototype instanceof t?this:t).allWithCallback(u,{thenCallback:f=>({status:"fulfilled",value:f}),errorCallback:f=>({status:"rejected",reason:f})})}static allWithCallback(u,s){let f,g,w=new this((D,V)=>{f=D,g=V}),m=2,S=0;const Z=[];for(let D of u){B(D)||(D=this.resolve(D));const V=S;try{D.then(F=>{Z[V]=s?s.thenCallback(F):F,m--,0===m&&f(Z)},F=>{s?(Z[V]=s.errorCallback(F),m--,0===m&&f(Z)):g(F)})}catch(F){g(F)}m++,S++}return m-=2,0===m&&f(Z),w}constructor(u){const s=this;if(!(s instanceof t))throw new Error("Must be an instanceof Promise.");s[q]=A,s[R]=[];try{const f=P();u&&u(f(I(s,E)),f(I(s,G)))}catch(f){z(s,!1,f)}}get[Symbol.toStringTag](){return"Promise"}get[Symbol.species](){return t}then(u,s){let f=this.constructor?.[Symbol.species];(!f||"function"!=typeof f)&&(f=this.constructor||t);const g=new f(M),w=n.current;return this[q]==A?this[R].push(w,g,u,s):ee(this,w,g,u,s),g}catch(u){return this.then(null,u)}finally(u){let s=this.constructor?.[Symbol.species];(!s||"function"!=typeof s)&&(s=t);const f=new s(M);f[_]=_;const g=n.current;return this[q]==A?this[R].push(g,f,u,u):ee(this,g,f,u,u),f}}t.resolve=t.resolve,t.reject=t.reject,t.race=t.race,t.all=t.all;const r=e[v]=e.Promise;e.Promise=t;const k=y("thenPatched");function C(l){const u=l.prototype,s=o(u,"then");if(s&&(!1===s.writable||!s.configurable))return;const f=u.then;u[p]=f,l.prototype.then=function(g,w){return new t((S,Z)=>{f.call(this,S,Z)}).then(g,w)},l[k]=!0}return i.patchThen=C,r&&(C(r),ae(e,"fetch",l=>function $(l){return function(u,s){let f=l.apply(u,s);if(f instanceof t)return f;let g=f.constructor;return g[k]||C(g),f}}(l))),Promise[n.__symbol__("uncaughtPromiseErrors")]=d,t}),Zone.__load_patch("toString",e=>{const n=Function.prototype.toString,i=j("OriginalDelegate"),o=j("Promise"),c=j("Error"),a=function(){if("function"==typeof this){const v=this[i];if(v)return"function"==typeof v?n.call(v):Object.prototype.toString.call(v);if(this===Promise){const p=e[o];if(p)return n.call(p)}if(this===Error){const p=e[c];if(p)return n.call(p)}}return n.call(this)};a[i]=n,Function.prototype.toString=a;const y=Object.prototype.toString;Object.prototype.toString=function(){return"function"==typeof Promise&&this instanceof Promise?"[object Promise]":y.call(this)}});let Ee=!1;if(typeof window<"u")try{const e=Object.defineProperty({},"passive",{get:function(){Ee=!0}});window.addEventListener("test",e,e),window.removeEventListener("test",e,e)}catch{Ee=!1}const ht={useG:!0},te={},ze={},Ye=new RegExp("^"+me+"(\\w+)(true|false)$"),$e=j("propagationStopped");function Je(e,n){const i=(n?n(e):e)+ce,o=(n?n(e):e)+ie,c=me+i,a=me+o;te[e]={},te[e][ce]=c,te[e][ie]=a}function dt(e,n,i,o){const c=o&&o.add||Ze,a=o&&o.rm||De,y=o&&o.listeners||"eventListeners",d=o&&o.rmAll||"removeAllListeners",b=j(c),v="."+c+":",p="prependListener",L="."+p+":",O=function(R,_,J){if(R.isRemoved)return;const x=R.callback;let X;"object"==typeof x&&x.handleEvent&&(R.callback=E=>x.handleEvent(E),R.originalDelegate=x);try{R.invoke(R,_,[J])}catch(E){X=E}const A=R.options;return A&&"object"==typeof A&&A.once&&_[a].call(_,J.type,R.originalDelegate?R.originalDelegate:R.callback,A),X};function N(R,_,J){if(!(_=_||e.event))return;const x=R||_.target||e,X=x[te[_.type][J?ie:ce]];if(X){const A=[];if(1===X.length){const E=O(X[0],x,_);E&&A.push(E)}else{const E=X.slice();for(let G=0;G{throw G})}}}const B=function(R){return N(this,R,!1)},H=function(R){return N(this,R,!0)};function K(R,_){if(!R)return!1;let J=!0;_&&void 0!==_.useG&&(J=_.useG);const x=_&&_.vh;let X=!0;_&&void 0!==_.chkDup&&(X=_.chkDup);let A=!1;_&&void 0!==_.rt&&(A=_.rt);let E=R;for(;E&&!E.hasOwnProperty(c);)E=ve(E);if(!E&&R[c]&&(E=R),!E||E[b])return!1;const G=_&&_.eventNameToString,h={},I=E[b]=E[c],P=E[j(a)]=E[a],Q=E[j(y)]=E[y],oe=E[j(d)]=E[d];let z;_&&_.prepend&&(z=E[j(_.prepend)]=E[_.prepend]);const t=J?function(s){if(!h.isExisting)return I.call(h.target,h.eventName,h.capture?H:B,h.options)}:function(s){return I.call(h.target,h.eventName,s.invoke,h.options)},r=J?function(s){if(!s.isRemoved){const f=te[s.eventName];let g;f&&(g=f[s.capture?ie:ce]);const w=g&&s.target[g];if(w)for(let m=0;mfunction(c,a){c[$e]=!0,o&&o.apply(c,a)})}function Et(e,n,i,o,c){const a=Zone.__symbol__(o);if(n[a])return;const y=n[a]=n[o];n[o]=function(d,b,v){return b&&b.prototype&&c.forEach(function(p){const L=`${i}.${o}::`+p,O=b.prototype;try{if(O.hasOwnProperty(p)){const N=e.ObjectGetOwnPropertyDescriptor(O,p);N&&N.value?(N.value=e.wrapWithCurrentZone(N.value,L),e._redefineProperty(b.prototype,p,N)):O[p]&&(O[p]=e.wrapWithCurrentZone(O[p],L))}else O[p]&&(O[p]=e.wrapWithCurrentZone(O[p],L))}catch{}}),y.call(n,d,b,v)},e.attachOriginToPatched(n[o],y)}function Qe(e,n,i){if(!i||0===i.length)return n;const o=i.filter(a=>a.target===e);if(!o||0===o.length)return n;const c=o[0].ignoreProperties;return n.filter(a=>-1===c.indexOf(a))}function et(e,n,i,o){e&&qe(e,Qe(e,n,i),o)}function He(e){return Object.getOwnPropertyNames(e).filter(n=>n.startsWith("on")&&n.length>2).map(n=>n.substring(2))}Zone.__load_patch("util",(e,n,i)=>{const o=He(e);i.patchOnProperties=qe,i.patchMethod=ae,i.bindArguments=Le,i.patchMacroTask=lt;const c=n.__symbol__("BLACK_LISTED_EVENTS"),a=n.__symbol__("UNPATCHED_EVENTS");e[a]&&(e[c]=e[a]),e[c]&&(n[c]=n[a]=e[c]),i.patchEventPrototype=_t,i.patchEventTarget=dt,i.isIEOrEdge=ft,i.ObjectDefineProperty=pe,i.ObjectGetOwnPropertyDescriptor=ue,i.ObjectCreate=Se,i.ArraySlice=it,i.patchClass=ge,i.wrapWithCurrentZone=Ie,i.filterProperties=Qe,i.attachOriginToPatched=le,i._redefineProperty=Object.defineProperty,i.patchCallbacks=Et,i.getGlobalObjects=()=>({globalSources:ze,zoneSymbolEventNames:te,eventNames:o,isBrowser:Ae,isMix:Be,isNode:Pe,TRUE_STR:ie,FALSE_STR:ce,ZONE_SYMBOL_PREFIX:me,ADD_EVENT_LISTENER_STR:Ze,REMOVE_EVENT_LISTENER_STR:De})});const Re=j("zoneTask");function Te(e,n,i,o){let c=null,a=null;i+=o;const y={};function d(v){const p=v.data;return p.args[0]=function(){return v.invoke.apply(this,arguments)},p.handleId=c.apply(e,p.args),v}function b(v){return a.call(e,v.data.handleId)}c=ae(e,n+=o,v=>function(p,L){if("function"==typeof L[0]){const O={isPeriodic:"Interval"===o,delay:"Timeout"===o||"Interval"===o?L[1]||0:void 0,args:L},N=L[0];L[0]=function(){try{return N.apply(this,arguments)}finally{O.isPeriodic||("number"==typeof O.handleId?delete y[O.handleId]:O.handleId&&(O.handleId[Re]=null))}};const B=Me(n,L[0],O,d,b);if(!B)return B;const H=B.data.handleId;return"number"==typeof H?y[H]=B:H&&(H[Re]=B),H&&H.ref&&H.unref&&"function"==typeof H.ref&&"function"==typeof H.unref&&(B.ref=H.ref.bind(H),B.unref=H.unref.bind(H)),"number"==typeof H||H?H:B}return v.apply(e,L)}),a=ae(e,i,v=>function(p,L){const O=L[0];let N;"number"==typeof O?N=y[O]:(N=O&&O[Re],N||(N=O)),N&&"string"==typeof N.type?"notScheduled"!==N.state&&(N.cancelFn&&N.data.isPeriodic||0===N.runCount)&&("number"==typeof O?delete y[O]:O&&(O[Re]=null),N.zone.cancelTask(N)):v.apply(e,L)})}Zone.__load_patch("legacy",e=>{const n=e[Zone.__symbol__("legacyPatch")];n&&n()}),Zone.__load_patch("timers",e=>{const n="set",i="clear";Te(e,n,i,"Timeout"),Te(e,n,i,"Interval"),Te(e,n,i,"Immediate")}),Zone.__load_patch("requestAnimationFrame",e=>{Te(e,"request","cancel","AnimationFrame"),Te(e,"mozRequest","mozCancel","AnimationFrame"),Te(e,"webkitRequest","webkitCancel","AnimationFrame")}),Zone.__load_patch("blocking",(e,n)=>{const i=["alert","prompt","confirm"];for(let o=0;ofunction(b,v){return n.current.run(a,e,v,d)})}),Zone.__load_patch("EventTarget",(e,n,i)=>{(function gt(e,n){n.patchEventPrototype(e,n)})(e,i),function mt(e,n){if(Zone[n.symbol("patchEventTarget")])return;const{eventNames:i,zoneSymbolEventNames:o,TRUE_STR:c,FALSE_STR:a,ZONE_SYMBOL_PREFIX:y}=n.getGlobalObjects();for(let b=0;b{ge("MutationObserver"),ge("WebKitMutationObserver")}),Zone.__load_patch("IntersectionObserver",(e,n,i)=>{ge("IntersectionObserver")}),Zone.__load_patch("FileReader",(e,n,i)=>{ge("FileReader")}),Zone.__load_patch("on_property",(e,n,i)=>{!function Tt(e,n){if(Pe&&!Be||Zone[e.symbol("patchEvents")])return;const i=n.__Zone_ignore_on_properties;let o=[];if(Ae){const c=window;o=o.concat(["Document","SVGElement","Element","HTMLElement","HTMLBodyElement","HTMLMediaElement","HTMLFrameSetElement","HTMLFrameElement","HTMLIFrameElement","HTMLMarqueeElement","Worker"]);const a=function ut(){try{const e=_e.navigator.userAgent;if(-1!==e.indexOf("MSIE ")||-1!==e.indexOf("Trident/"))return!0}catch{}return!1}()?[{target:c,ignoreProperties:["error"]}]:[];et(c,He(c),i&&i.concat(a),ve(c))}o=o.concat(["XMLHttpRequest","XMLHttpRequestEventTarget","IDBIndex","IDBRequest","IDBOpenDBRequest","IDBDatabase","IDBTransaction","IDBCursor","WebSocket"]);for(let c=0;c{!function pt(e,n){const{isBrowser:i,isMix:o}=n.getGlobalObjects();(i||o)&&e.customElements&&"customElements"in e&&n.patchCallbacks(n,e.customElements,"customElements","define",["connectedCallback","disconnectedCallback","adoptedCallback","attributeChangedCallback"])}(e,i)}),Zone.__load_patch("XHR",(e,n)=>{!function b(v){const p=v.XMLHttpRequest;if(!p)return;const L=p.prototype;let N=L[Oe],B=L[Ne];if(!N){const h=v.XMLHttpRequestEventTarget;if(h){const I=h.prototype;N=I[Oe],B=I[Ne]}}const H="readystatechange",K="scheduled";function q(h){const I=h.data,P=I.target;P[a]=!1,P[d]=!1;const Q=P[c];N||(N=P[Oe],B=P[Ne]),Q&&B.call(P,H,Q);const oe=P[c]=()=>{if(P.readyState===P.DONE)if(!I.aborted&&P[a]&&h.state===K){const U=P[n.__symbol__("loadfalse")];if(0!==P.status&&U&&U.length>0){const re=h.invoke;h.invoke=function(){const ee=P[n.__symbol__("loadfalse")];for(let W=0;Wfunction(h,I){return h[o]=0==I[2],h[y]=I[1],J.apply(h,I)}),X=j("fetchTaskAborting"),A=j("fetchTaskScheduling"),E=ae(L,"send",()=>function(h,I){if(!0===n.current[A]||h[o])return E.apply(h,I);{const P={target:h,url:h[y],isPeriodic:!1,args:I,aborted:!1},Q=Me("XMLHttpRequest.send",R,P,q,_);h&&!0===h[d]&&!P.aborted&&Q.state===K&&Q.invoke()}}),G=ae(L,"abort",()=>function(h,I){const P=function O(h){return h[i]}(h);if(P&&"string"==typeof P.type){if(null==P.cancelFn||P.data&&P.data.aborted)return;P.zone.cancelTask(P)}else if(!0===n.current[X])return G.apply(h,I)})}(e);const i=j("xhrTask"),o=j("xhrSync"),c=j("xhrListener"),a=j("xhrScheduled"),y=j("xhrURL"),d=j("xhrErrorBeforeScheduled")}),Zone.__load_patch("geolocation",e=>{e.navigator&&e.navigator.geolocation&&function at(e,n){const i=e.constructor.name;for(let o=0;o{const b=function(){return d.apply(this,Le(arguments,i+"."+c))};return le(b,d),b})(a)}}}(e.navigator.geolocation,["getCurrentPosition","watchPosition"])}),Zone.__load_patch("PromiseRejectionEvent",(e,n)=>{function i(o){return function(c){Ke(e,o).forEach(y=>{const d=e.PromiseRejectionEvent;if(d){const b=new d(o,{promise:c.promise,reason:c.rejection});y.invoke(b)}})}}e.PromiseRejectionEvent&&(n[j("unhandledPromiseRejectionHandler")]=i("unhandledrejection"),n[j("rejectionHandledHandler")]=i("rejectionhandled"))}),Zone.__load_patch("queueMicrotask",(e,n,i)=>{!function yt(e,n){n.patchMethod(e,"queueMicrotask",i=>function(o,c){Zone.current.scheduleMicroTask("queueMicrotask",c[0])})}(e,i)})}},ue=>{ue(ue.s=8332)}]); \ No newline at end of file diff --git a/polyfills.315fefdcc45f5d18.js.br b/polyfills.315fefdcc45f5d18.js.br new file mode 100644 index 0000000..f162301 Binary files /dev/null and b/polyfills.315fefdcc45f5d18.js.br differ diff --git a/polyfills.315fefdcc45f5d18.js.gz b/polyfills.315fefdcc45f5d18.js.gz new file mode 100644 index 0000000..f628a23 Binary files /dev/null and b/polyfills.315fefdcc45f5d18.js.gz differ diff --git a/primeicons.0112589c5695a9ed.ttf b/primeicons.0112589c5695a9ed.ttf new file mode 100644 index 0000000..4fd92dc Binary files /dev/null and b/primeicons.0112589c5695a9ed.ttf differ diff --git a/primeicons.0112589c5695a9ed.ttf.br b/primeicons.0112589c5695a9ed.ttf.br new file mode 100644 index 0000000..78349f1 Binary files /dev/null and b/primeicons.0112589c5695a9ed.ttf.br differ diff --git a/primeicons.0112589c5695a9ed.ttf.gz b/primeicons.0112589c5695a9ed.ttf.gz new file mode 100644 index 0000000..05d2d16 Binary files /dev/null and b/primeicons.0112589c5695a9ed.ttf.gz differ diff --git a/primeicons.943ab24c43224d29.svg b/primeicons.943ab24c43224d29.svg new file mode 100644 index 0000000..eea3f4a --- /dev/null +++ b/primeicons.943ab24c43224d29.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/primeicons.943ab24c43224d29.svg.br b/primeicons.943ab24c43224d29.svg.br new file mode 100644 index 0000000..73a950b Binary files /dev/null and b/primeicons.943ab24c43224d29.svg.br differ diff --git a/primeicons.943ab24c43224d29.svg.gz b/primeicons.943ab24c43224d29.svg.gz new file mode 100644 index 0000000..2c5d4d8 Binary files /dev/null and b/primeicons.943ab24c43224d29.svg.gz differ diff --git a/primeicons.ba3f916dfb64be8c.woff2 b/primeicons.ba3f916dfb64be8c.woff2 new file mode 100644 index 0000000..093ccee Binary files /dev/null and b/primeicons.ba3f916dfb64be8c.woff2 differ diff --git a/primeicons.ba3f916dfb64be8c.woff2.br b/primeicons.ba3f916dfb64be8c.woff2.br new file mode 100644 index 0000000..a06b0b2 Binary files /dev/null and b/primeicons.ba3f916dfb64be8c.woff2.br differ diff --git a/primeicons.ba3f916dfb64be8c.woff2.gz b/primeicons.ba3f916dfb64be8c.woff2.gz new file mode 100644 index 0000000..f976af7 Binary files /dev/null and b/primeicons.ba3f916dfb64be8c.woff2.gz differ diff --git a/primeicons.f8b9e8a4e401b603.woff b/primeicons.f8b9e8a4e401b603.woff new file mode 100644 index 0000000..8dfdf0e Binary files /dev/null and b/primeicons.f8b9e8a4e401b603.woff differ diff --git a/primeicons.f8b9e8a4e401b603.woff.br b/primeicons.f8b9e8a4e401b603.woff.br new file mode 100644 index 0000000..67efc16 Binary files /dev/null and b/primeicons.f8b9e8a4e401b603.woff.br differ diff --git a/primeicons.f8b9e8a4e401b603.woff.gz b/primeicons.f8b9e8a4e401b603.woff.gz new file mode 100644 index 0000000..f0f396e Binary files /dev/null and b/primeicons.f8b9e8a4e401b603.woff.gz differ diff --git a/primeicons.ffecb2549ad1765a.eot b/primeicons.ffecb2549ad1765a.eot new file mode 100644 index 0000000..9de56ff Binary files /dev/null and b/primeicons.ffecb2549ad1765a.eot differ diff --git a/primeicons.ffecb2549ad1765a.eot.br b/primeicons.ffecb2549ad1765a.eot.br new file mode 100644 index 0000000..d2e35f0 Binary files /dev/null and b/primeicons.ffecb2549ad1765a.eot.br differ diff --git a/primeicons.ffecb2549ad1765a.eot.gz b/primeicons.ffecb2549ad1765a.eot.gz new file mode 100644 index 0000000..8a29f19 Binary files /dev/null and b/primeicons.ffecb2549ad1765a.eot.gz differ diff --git a/runtime.69a46451081d025b.js b/runtime.69a46451081d025b.js new file mode 100644 index 0000000..aa7432a --- /dev/null +++ b/runtime.69a46451081d025b.js @@ -0,0 +1 @@ +(()=>{"use strict";var e,_={},p={};function a(e){var n=p[e];if(void 0!==n)return n.exports;var r=p[e]={id:e,loaded:!1,exports:{}};return _[e].call(r.exports,r,r.exports,a),r.loaded=!0,r.exports}a.m=_,e=[],a.O=(n,r,c,f)=>{if(!r){var o=1/0;for(l=0;l=f)&&Object.keys(a.O).every(h=>a.O[h](r[t]))?r.splice(t--,1):(s=!1,f0&&e[l-1][2]>f;l--)e[l]=e[l-1];e[l]=[r,c,f]},a.n=e=>{var n=e&&e.__esModule?()=>e.default:()=>e;return a.d(n,{a:n}),n},a.d=(e,n)=>{for(var r in n)a.o(n,r)&&!a.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:n[r]})},a.o=(e,n)=>Object.prototype.hasOwnProperty.call(e,n),a.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),(()=>{var e={666:0};a.O.j=c=>0===e[c];var n=(c,f)=>{var t,u,[l,o,s]=f,i=0;if(l.some(d=>0!==e[d])){for(t in o)a.o(o,t)&&(a.m[t]=o[t]);if(s)var v=s(a)}for(c&&c(f);ir({chart:t,initial:e.initial,numSteps:a,currentStep:Math.min(i-e.start,a)}))}_refresh(){this._request||(this._running=!0,this._request=pn.call(window,()=>{this._update(),this._request=null,this._running&&this._refresh()}))}_update(t=Date.now()){let e=0;this._charts.forEach((i,s)=>{if(!i.running||!i.items.length)return;const o=i.items;let l,a=o.length-1,r=!1;for(;a>=0;--a)l=o[a],l._active?(l._total>i.duration&&(i.duration=l._total),l.tick(t),r=!0):(o[a]=o[o.length-1],o.pop());r&&(s.draw(),this._notify(s,i,t,"progress")),o.length||(i.running=!1,this._notify(s,i,t,"complete"),i.initial=!1),e+=o.length}),this._lastDate=t,0===e&&(this._running=!1)}_getAnims(t){const e=this._charts;let i=e.get(t);return i||(i={running:!1,initial:!0,items:[],listeners:{complete:[],progress:[]}},e.set(t,i)),i}listen(t,e,i){this._getAnims(t).listeners[e].push(i)}add(t,e){!e||!e.length||this._getAnims(t).items.push(...e)}has(t){return this._getAnims(t).items.length>0}start(t){const e=this._charts.get(t);e&&(e.running=!0,e.start=Date.now(),e.duration=e.items.reduce((i,s)=>Math.max(i,s._duration),0),this._refresh())}running(t){if(!this._running)return!1;const e=this._charts.get(t);return!(!e||!e.running||!e.items.length)}stop(t){const e=this._charts.get(t);if(!e||!e.items.length)return;const i=e.items;let s=i.length-1;for(;s>=0;--s)i[s].cancel();e.items=[],this._notify(t,e,Date.now(),"complete")}remove(t){return this._charts.delete(t)}}var it=new Gn;const gi="transparent",qn={boolean:(n,t,e)=>e>.5?t:n,color(n,t,e){const i=Ue(n||gi),s=i.valid&&Ue(t||gi);return s&&s.valid?s.mix(i,e).hexString():t},number:(n,t,e)=>n+(t-n)*e};class pi{constructor(t,e,i,s){const o=e[i];s=Tt([t.to,s,o,t.from]);const a=Tt([t.from,o,s]);this._active=!0,this._fn=t.fn||qn[t.type||typeof a],this._easing=$e[t.easing]||$e.linear,this._start=Math.floor(Date.now()+(t.delay||0)),this._duration=this._total=Math.floor(t.duration),this._loop=!!t.loop,this._target=e,this._prop=i,this._from=a,this._to=s,this._promises=void 0}active(){return this._active}update(t,e,i){if(this._active){this._notify(!1);const s=this._target[this._prop],o=i-this._start,a=this._duration-o;this._start=i,this._duration=Math.floor(Math.max(a,t.duration)),this._total+=o,this._loop=!!t.loop,this._to=Tt([t.to,e,s,t.from]),this._from=Tt([t.from,s,e])}}cancel(){this._active&&(this.tick(Date.now()),this._active=!1,this._notify(!1))}tick(t){const e=t-this._start,i=this._duration,s=this._prop,o=this._from,a=this._loop,r=this._to;let l;if(this._active=o!==r&&(a||e1?2-l:l,l=this._easing(Math.min(1,Math.max(0,l))),this._target[s]=this._fn(o,r,l))}wait(){const t=this._promises||(this._promises=[]);return new Promise((e,i)=>{t.push({res:e,rej:i})})}_notify(t){const e=t?"res":"rej",i=this._promises||[];for(let s=0;s{const o=t[s];if(!z(o))return;const a={};for(const r of e)a[r]=o[r];(X(o.properties)&&o.properties||[s]).forEach(r=>{(r===s||!i.has(r))&&i.set(r,a)})})}_animateOptions(t,e){const i=e.options,s=Zn(t,i);if(!s)return[];const o=this._createAnimations(s,i);return i.$shared&&Jn(t.options.$animations,i).then(()=>{t.options=i},()=>{}),o}_createAnimations(t,e){const i=this._properties,s=[],o=t.$animations||(t.$animations={}),a=Object.keys(e),r=Date.now();let l;for(l=a.length-1;l>=0;--l){const c=a[l];if("$"===c.charAt(0))continue;if("options"===c){s.push(...this._animateOptions(t,e));continue}const h=e[c];let d=o[c];const u=i.get(c);if(d){if(u&&d.active()){d.update(u,h,r);continue}d.cancel()}u&&u.duration?(o[c]=d=new pi(u,t,c,h),s.push(d)):t[c]=h}return s}update(t,e){if(0===this._properties.size)return void Object.assign(t,e);const i=this._createAnimations(t,e);return i.length?(it.add(this._chart,i),!0):void 0}}function Jn(n,t){const e=[],i=Object.keys(t);for(let s=0;s0||!e&&o<0)return s.index}return null}function vi(n,t){const{chart:e,_cachedMeta:i}=n,s=e._stacks||(e._stacks={}),{iScale:o,vScale:a,index:r}=i,l=o.axis,c=a.axis,h=io(o,a,i),d=t.length;let u;for(let f=0;fe[i].axis===t).shift()}function oo(n,t){return ft(n,{active:!1,dataset:void 0,datasetIndex:t,index:t,mode:"default",type:"dataset"})}function ao(n,t,e){return ft(n,{active:!1,dataIndex:t,parsed:void 0,raw:void 0,element:e,index:t,mode:"default",type:"data"})}function Bt(n,t){const e=n.controller.index,i=n.vScale&&n.vScale.axis;if(i){t=t||n._parsed;for(const s of t){const o=s._stacks;if(!o||void 0===o[i]||void 0===o[i][e])return;delete o[i][e],void 0!==o[i]._visualValues&&void 0!==o[i]._visualValues[e]&&delete o[i]._visualValues[e]}}}const we=n=>"reset"===n||"none"===n,ki=(n,t)=>t?n:Object.assign({},n),ro=(n,t,e)=>n&&!t.hidden&&t._stacked&&{keys:bi(e,!0),values:null};class rt{static defaults={};static datasetElementType=null;static dataElementType=null;constructor(t,e){this.chart=t,this._ctx=t.ctx,this.index=e,this._cachedDataOpts={},this._cachedMeta=this.getMeta(),this._type=this._cachedMeta.type,this.options=void 0,this._parsing=!1,this._data=void 0,this._objectData=void 0,this._sharedOptions=void 0,this._drawStart=void 0,this._drawCount=void 0,this.enableOptionSharing=!1,this.supportsDecimation=!1,this.$context=void 0,this._syncList=[],this.datasetElementType=new.target.datasetElementType,this.dataElementType=new.target.dataElementType,this.initialize()}initialize(){const t=this._cachedMeta;this.configure(),this.linkScales(),t._stacked=_i(t.vScale,t),this.addElements(),this.options.fill&&!this.chart.isPluginEnabled("filler")&&console.warn("Tried to use the 'fill' option without the 'Filler' plugin enabled. Please import and register the 'Filler' plugin and make sure it is not disabled in the options")}updateIndex(t){this.index!==t&&Bt(this._cachedMeta),this.index=t}linkScales(){const t=this.chart,e=this._cachedMeta,i=this.getDataset(),s=(d,u,f,g)=>"x"===d?u:"r"===d?g:f,o=e.xAxisID=C(i.xAxisID,Se(t,"x")),a=e.yAxisID=C(i.yAxisID,Se(t,"y")),r=e.rAxisID=C(i.rAxisID,Se(t,"r")),l=e.indexAxis,c=e.iAxisID=s(l,o,a,r),h=e.vAxisID=s(l,a,o,r);e.xScale=this.getScaleForId(o),e.yScale=this.getScaleForId(a),e.rScale=this.getScaleForId(r),e.iScale=this.getScaleForId(c),e.vScale=this.getScaleForId(h)}getDataset(){return this.chart.data.datasets[this.index]}getMeta(){return this.chart.getDatasetMeta(this.index)}getScaleForId(t){return this.chart.scales[t]}_getOtherScale(t){const e=this._cachedMeta;return t===e.iScale?e.vScale:e.iScale}reset(){this._update("reset")}_destroy(){const t=this._cachedMeta;this._data&&Ye(this._data,this),t._stacked&&Bt(t)}_dataCheck(){const t=this.getDataset(),e=t.data||(t.data=[]),i=this._data;if(z(e))this._data=eo(e);else if(i!==e){if(i){Ye(i,this);const s=this._cachedMeta;Bt(s),s._parsed=[]}e&&Object.isExtensible(e)&&mn(e,this),this._syncList=[],this._data=e}}addElements(){const t=this._cachedMeta;this._dataCheck(),this.datasetElementType&&(t.dataset=new this.datasetElementType)}buildOrUpdateElements(t){const e=this._cachedMeta,i=this.getDataset();let s=!1;this._dataCheck();const o=e._stacked;e._stacked=_i(e.vScale,e),e.stack!==i.stack&&(s=!0,Bt(e),e.stack=i.stack),this._resyncElements(t),(s||o!==e._stacked)&&vi(this,e._parsed)}configure(){const t=this.chart.config,e=t.datasetScopeKeys(this._type),i=t.getOptionScopes(this.getDataset(),e,!0);this.options=t.createResolver(i,this.getContext()),this._parsing=this.options.parsing,this._cachedDataOpts={}}parse(t,e){const{_cachedMeta:i,_data:s}=this,{iScale:o,_stacked:a}=i,r=o.axis;let h,d,u,l=0===t&&e===s.length||i._sorted,c=t>0&&i._parsed[t-1];if(!1===this._parsing)i._parsed=s,i._sorted=!0,u=s;else{u=X(s[t])?this.parseArrayData(i,s,t,e):z(s[t])?this.parseObjectData(i,s,t,e):this.parsePrimitiveData(i,s,t,e);const f=()=>null===d[r]||c&&d[r]p||d=0;--u)if(!g()){this.updateRangeFromParsed(c,t,f,l);break}return c}getAllParsedValues(t){const e=this._cachedMeta._parsed,i=[];let s,o,a;for(s=0,o=e.length;s=0&&tthis.getContext(i,s,e),d);return p.$shared&&(p.$shared=l,o[a]=Object.freeze(ki(p,l))),p}_resolveAnimations(t,e,i){const s=this.chart,o=this._cachedDataOpts,a=`animation-${e}`,r=o[a];if(r)return r;let l;if(!1!==s.options.animation){const h=this.chart.config,d=h.datasetAnimationScopeKeys(this._type,e),u=h.getOptionScopes(this.getDataset(),d);l=h.createResolver(u,this.getContext(t,i,e))}const c=new Me(s,l&&l.animations);return l&&l._cacheable&&(o[a]=Object.freeze(c)),c}getSharedOptions(t){if(t.$shared)return this._sharedOptions||(this._sharedOptions=Object.assign({},t))}includeOptions(t,e){return!e||we(t)||this.chart._animationsDisabled}_getSharedOptions(t,e){const i=this.resolveDataElementOptions(t,e),s=this._sharedOptions,o=this.getSharedOptions(i),a=this.includeOptions(e,o)||o!==s;return this.updateSharedOptions(o,e,i),{sharedOptions:o,includeOptions:a}}updateElement(t,e,i,s){we(s)?Object.assign(t,i):this._resolveAnimations(e,s).update(t,i)}updateSharedOptions(t,e,i){t&&!we(e)&&this._resolveAnimations(void 0,e).update(t,i)}_setStyle(t,e,i,s){t.active=s;const o=this.getStyle(e,s);this._resolveAnimations(e,i,s).update(t,{options:!s&&this.getSharedOptions(o)||o})}removeHoverStyle(t,e,i){this._setStyle(t,i,"active",!1)}setHoverStyle(t,e,i){this._setStyle(t,i,"active",!0)}_removeDatasetHoverStyle(){const t=this._cachedMeta.dataset;t&&this._setStyle(t,void 0,"active",!1)}_setDatasetHoverStyle(){const t=this._cachedMeta.dataset;t&&this._setStyle(t,void 0,"active",!0)}_resyncElements(t){const e=this._data,i=this._cachedMeta.data;for(const[r,l,c]of this._syncList)this[r](l,c);this._syncList=[];const s=i.length,o=e.length,a=Math.min(o,s);a&&this.parse(0,a),o>s?this._insertElements(s,o-s,t):o{for(c.length+=e,r=c.length-1;r>=a;r--)c[r]=c[r-e]};for(l(o),r=t;rs-o))}return n._cache.$bar}function co(n){const t=n.iScale,e=lo(t,n.type);let s,o,a,r,i=t._length;const l=()=>{32767===a||-32768===a||(Et(r)&&(i=Math.min(i,Math.abs(a-r)||i)),r=a)};for(s=0,o=e.length;s0?s[n-1]:null,r=nMath.abs(r)&&(l=r,c=a),t[e.axis]=c,t._custom={barStart:l,barEnd:c,start:s,end:o,min:a,max:r}}function Mi(n,t,e,i){return X(n)?fo(n,t,e,i):t[e.axis]=e.parse(n,i),t}function Si(n,t,e,i){const s=n.iScale,o=n.vScale,a=s.getLabels(),r=s===o,l=[];let c,h,d,u;for(c=e,h=e+i;c=e?1:-1)}function po(n){let t,e,i,s,o;return n.horizontal?(t=n.base>n.x,e="left",i="right"):(t=n.basel.controller.options.grouped),o=i.options.stacked,a=[],r=l=>{const c=l.controller.getParsed(e),h=c&&c[l.vScale.axis];if(L(h)||isNaN(h))return!0};for(const l of s)if((void 0===e||!r(l))&&((!1===o||-1===a.indexOf(l.stack)||void 0===o&&void 0===l.stack)&&a.push(l.stack),l.index===t))break;return a.length||a.push(void 0),a}_getStackCount(t){return this._getStacks(void 0,t).length}_getStackIndex(t,e,i){const s=this._getStacks(t,i),o=void 0!==e?s.indexOf(e):-1;return-1===o?s.length-1:o}_getRuler(){const t=this.options,e=this._cachedMeta,i=e.iScale,s=[];let o,a;for(o=0,a=e.data.length;o=0;--i)e=Math.max(e,t[i].size(this.resolveDataElementOptions(i))/2);return e>0&&e}getLabelAndValue(t){const e=this._cachedMeta,i=this.chart.data.labels||[],{xScale:s,yScale:o}=e,a=this.getParsed(t),r=s.getLabelForValue(a.x),l=o.getLabelForValue(a.y),c=a._custom;return{label:i[t]||"",value:"("+r+", "+l+(c?", "+c:"")+")"}}update(t){const e=this._cachedMeta.data;this.updateElements(e,0,e.length,t)}updateElements(t,e,i,s){const o="reset"===s,{iScale:a,vScale:r}=this._cachedMeta,{sharedOptions:l,includeOptions:c}=this._getSharedOptions(e,s),h=a.axis,d=r.axis;for(let u=e;uJt(v,r,l,!0)?1:Math.max(y,y*e,_,_*e),g=(v,y,_)=>Jt(v,r,l,!0)?-1:Math.min(y,y*e,_,_*e),p=f(0,c,d),b=f(Z,h,u),m=g(ot,c,d),x=g(ot+Z,h,u);i=(p-m)/2,s=(b-x)/2,o=-(p+m)/2,a=-(b+x)/2}return{ratioX:i,ratioY:s,offsetX:o,offsetY:a}}class ne extends rt{static id="doughnut";static defaults={datasetElementType:!1,dataElementType:"arc",animation:{animateRotate:!0,animateScale:!1},animations:{numbers:{type:"number",properties:["circumference","endAngle","innerRadius","outerRadius","startAngle","x","y","offset","borderWidth","spacing"]}},cutout:"50%",rotation:0,circumference:360,radius:"100%",spacing:0,indexAxis:"r"};static descriptors={_scriptable:t=>"spacing"!==t,_indexable:t=>"spacing"!==t&&!t.startsWith("borderDash")&&!t.startsWith("hoverBorderDash")};static overrides={aspectRatio:1,plugins:{legend:{labels:{generateLabels(t){const e=t.data;if(e.labels.length&&e.datasets.length){const{labels:{pointStyle:i,color:s}}=t.legend.options;return e.labels.map((o,a)=>{const l=t.getDatasetMeta(0).controller.getStyle(a);return{text:o,fillStyle:l.backgroundColor,strokeStyle:l.borderColor,fontColor:s,lineWidth:l.borderWidth,pointStyle:i,hidden:!t.getDataVisibility(a),index:a}})}return[]}},onClick(t,e,i){i.chart.toggleDataVisibility(e.index),i.chart.update()}}}};constructor(t,e){super(t,e),this.enableOptionSharing=!0,this.innerRadius=void 0,this.outerRadius=void 0,this.offsetX=void 0,this.offsetY=void 0}linkScales(){}parse(t,e){const i=this.getDataset().data,s=this._cachedMeta;if(!1===this._parsing)s._parsed=i;else{let a,r,o=l=>+i[l];if(z(i[t])){const{key:l="value"}=this._parsing;o=c=>+Mt(i[c],l)}for(a=t,r=t+e;a0&&!isNaN(t)?U*(Math.abs(t)/e):0}getLabelAndValue(t){const i=this.chart,s=i.data.labels||[],o=qt(this._cachedMeta._parsed[t],i.options.locale);return{label:s[t]||"",value:o}}getMaxBorderWidth(t){let e=0;const i=this.chart;let s,o,a,r,l;if(!t)for(s=0,o=i.data.datasets.length;s0&&this.getParsed(e-1);for(let _=0;_=x){M.skip=!0;continue}const S=this.getParsed(_),w=L(S[f]),D=M[u]=a.getPixelForValue(S[u],_),P=M[f]=o||w?r.getBasePixel():r.getPixelForValue(l?this.applyStack(r,S,l):S[f],_);M.skip=isNaN(D)||isNaN(P)||w,M.stop=_>0&&Math.abs(S[u]-y[u])>b,p&&(M.parsed=S,M.raw=c.data[_]),d&&(M.options=h||this.resolveDataElementOptions(_,k.active?"active":s)),m||this.updateElement(k,_,M,s),y=S}}getMaxOverflow(){const t=this._cachedMeta,e=t.dataset,i=e.options&&e.options.borderWidth||0,s=t.data||[];if(!s.length)return i;const o=s[0].size(this.resolveDataElementOptions(0)),a=s[s.length-1].size(this.resolveDataElementOptions(s.length-1));return Math.max(i,o,a)/2}draw(){const t=this._cachedMeta;t.dataset.updateControlPoints(this.chart.chartArea,t.iScale.axis),super.draw()}}class Pe extends rt{static id="polarArea";static defaults={dataElementType:"arc",animation:{animateRotate:!0,animateScale:!0},animations:{numbers:{type:"number",properties:["x","y","startAngle","endAngle","innerRadius","outerRadius"]}},indexAxis:"r",startAngle:0};static overrides={aspectRatio:1,plugins:{legend:{labels:{generateLabels(t){const e=t.data;if(e.labels.length&&e.datasets.length){const{labels:{pointStyle:i,color:s}}=t.legend.options;return e.labels.map((o,a)=>{const l=t.getDatasetMeta(0).controller.getStyle(a);return{text:o,fillStyle:l.backgroundColor,strokeStyle:l.borderColor,fontColor:s,lineWidth:l.borderWidth,pointStyle:i,hidden:!t.getDataVisibility(a),index:a}})}return[]}},onClick(t,e,i){i.chart.toggleDataVisibility(e.index),i.chart.update()}}},scales:{r:{type:"radialLinear",angleLines:{display:!1},beginAtZero:!0,grid:{circular:!0},pointLabels:{display:!1},startAngle:0}}};constructor(t,e){super(t,e),this.innerRadius=void 0,this.outerRadius=void 0}getLabelAndValue(t){const i=this.chart,s=i.data.labels||[],o=qt(this._cachedMeta._parsed[t].r,i.options.locale);return{label:s[t]||"",value:o}}parseObjectData(t,e,i,s){return qe.bind(this)(t,e,i,s)}update(t){const e=this._cachedMeta.data;this._updateRadius(),this.updateElements(e,0,e.length,t)}getMinMax(){const e={min:Number.POSITIVE_INFINITY,max:Number.NEGATIVE_INFINITY};return this._cachedMeta.data.forEach((i,s)=>{const o=this.getParsed(s).r;!isNaN(o)&&this.chart.getDataVisibility(s)&&(oe.max&&(e.max=o))}),e}_updateRadius(){const t=this.chart,e=t.chartArea,i=t.options,s=Math.min(e.right-e.left,e.bottom-e.top),o=Math.max(s/2,0),r=(o-Math.max(i.cutoutPercentage?o/100*i.cutoutPercentage:1,0))/t.getVisibleDatasetCount();this.outerRadius=o-r*this.index,this.innerRadius=this.outerRadius-r}updateElements(t,e,i,s){const o="reset"===s,a=this.chart,l=a.options.animation,c=this._cachedMeta.rScale,h=c.xCenter,d=c.yCenter,u=c.getIndexAngle(0)-.5*ot;let g,f=u;const p=360/this.countVisibleElements();for(g=0;g{!isNaN(this.getParsed(s).r)&&this.chart.getDataVisibility(s)&&e++}),e}_computeAngle(t,e,i){return this.chart.getDataVisibility(t)?tt(this.resolveDataElementOptions(t,e).angle||i):0}}class Li extends ne{static id="pie";static defaults={cutout:0,rotation:0,circumference:360,radius:"100%"}}class Oi extends rt{static id="radar";static defaults={datasetElementType:"line",dataElementType:"point",indexAxis:"r",showLine:!0,elements:{line:{fill:"start"}}};static overrides={aspectRatio:1,scales:{r:{type:"radialLinear"}}};getLabelAndValue(t){const e=this._cachedMeta.vScale,i=this.getParsed(t);return{label:e.getLabels()[t],value:""+e.getLabelForValue(i[e.axis])}}parseObjectData(t,e,i,s){return qe.bind(this)(t,e,i,s)}update(t){const e=this._cachedMeta,i=e.dataset,s=e.data||[],o=e.iScale.getLabels();if(i.points=s,"resize"!==t){const a=this.resolveDatasetElementOptions(t);this.options.showLine||(a.borderWidth=0),this.updateElement(i,void 0,{_loop:!0,_fullLoop:o.length===s.length,options:a},t)}this.updateElements(s,0,s.length,t)}updateElements(t,e,i,s){const o=this._cachedMeta.rScale,a="reset"===s;for(let r=e;r0&&this.getParsed(e-1);for(let y=e;y0&&Math.abs(k[f]-v[f])>m,b&&(M.parsed=k,M.raw=c.data[y]),u&&(M.options=d||this.resolveDataElementOptions(y,_.active?"active":s)),x||this.updateElement(_,y,M,s),v=k}this.updateSharedOptions(d,s,h)}getMaxOverflow(){const t=this._cachedMeta,e=t.data||[];if(!this.options.showLine){let r=0;for(let l=e.length-1;l>=0;--l)r=Math.max(r,e[l].size(this.resolveDataElementOptions(l))/2);return r>0&&r}const i=t.dataset,s=i.options&&i.options.borderWidth||0;if(!e.length)return s;const o=e[0].size(this.resolveDataElementOptions(0)),a=e[e.length-1].size(this.resolveDataElementOptions(e.length-1));return Math.max(s,o,a)/2}}var Ei=Object.freeze({__proto__:null,BarController:Pi,BubbleController:Ci,DoughnutController:ne,LineController:Ai,PieController:Li,PolarAreaController:Pe,RadarController:Oi,ScatterController:Ti});function _t(){throw new Error("This method is not implemented: Check that a complete date adapter is provided.")}class je{static override(t){Object.assign(je.prototype,t)}options;constructor(t){this.options=t||{}}init(){}formats(){return _t()}parse(){return _t()}format(){return _t()}add(){return _t()}diff(){return _t()}startOf(){return _t()}endOf(){return _t()}}var Ri={_date:je};function yo(n,t,e,i){const{controller:s,data:o,_sorted:a}=n,r=s._cachedMeta.iScale;if(r&&t===r.axis&&"r"!==t&&a&&o.length){const l=r._reversePixels?_n:Rt;if(!i)return l(o,t,e);if(s._sharedOptions){const c=o[0],h="function"==typeof c.getRange&&c.getRange(t);if(h){const d=l(o,t,e-h),u=l(o,t,e+h);return{lo:d.lo,hi:u.hi}}}}return{lo:0,hi:o.length-1}}function Vt(n,t,e,i,s){const o=n.getSortedVisibleDatasetMetas(),a=e[t];for(let r=0,l=o.length;r{l[a](t[e],s)&&(o.push({element:l,datasetIndex:c,index:h}),r=r||l.inRange(t.x,t.y,s))}),i&&!r?[]:o}var Fi={evaluateInteractionItems:Vt,modes:{index(n,t,e,i){const s=gt(t,n),o=e.axis||"x",a=e.includeInvisible||!1,r=e.intersect?Ce(n,s,o,i,a):Ae(n,s,o,!1,i,a),l=[];return r.length?(n.getSortedVisibleDatasetMetas().forEach(c=>{const h=r[0].index,d=c.data[h];d&&!d.skip&&l.push({element:d,datasetIndex:c.index,index:h})}),l):[]},dataset(n,t,e,i){const s=gt(t,n),o=e.axis||"xy",a=e.includeInvisible||!1;let r=e.intersect?Ce(n,s,o,i,a):Ae(n,s,o,!1,i,a);if(r.length>0){const l=r[0].datasetIndex,c=n.getDatasetMeta(l).data;r=[];for(let h=0;hCe(n,gt(t,n),e.axis||"xy",i,e.includeInvisible||!1),nearest:(n,t,e,i)=>Ae(n,gt(t,n),e.axis||"xy",e.intersect,i,e.includeInvisible||!1),x:(n,t,e,i)=>zi(n,gt(t,n),"x",e.intersect,i),y:(n,t,e,i)=>zi(n,gt(t,n),"y",e.intersect,i)}};const Ii=["left","top","right","bottom"];function Nt(n,t){return n.filter(e=>e.pos===t)}function Bi(n,t){return n.filter(e=>-1===Ii.indexOf(e.pos)&&e.box.axis===t)}function Ht(n,t){return n.sort((e,i)=>{const s=t?i:e,o=t?e:i;return s.weight===o.weight?s.index-o.index:s.weight-o.weight})}function So(n){const t=[];let e,i,s,o,a,r;for(e=0,i=(n||[]).length;ec.box.fullSize),!0),i=Ht(Nt(t,"left"),!0),s=Ht(Nt(t,"right")),o=Ht(Nt(t,"top"),!0),a=Ht(Nt(t,"bottom")),r=Bi(t,"x"),l=Bi(t,"y");return{fullSize:e,leftAndTop:i.concat(o),rightAndBottom:s.concat(l).concat(a).concat(r),chartArea:Nt(t,"chartArea"),vertical:i.concat(s).concat(l),horizontal:o.concat(a).concat(r)}}function Vi(n,t,e,i){return Math.max(n[e],t[e])+Math.max(n[i],t[i])}function Ni(n,t){n.top=Math.max(n.top,t.top),n.left=Math.max(n.left,t.left),n.bottom=Math.max(n.bottom,t.bottom),n.right=Math.max(n.right,t.right)}function Co(n,t,e,i){const{pos:s,box:o}=e,a=n.maxPadding;if(!z(s)){e.size&&(n[s]-=e.size);const d=i[e.stack]||{size:0,count:1};d.size=Math.max(d.size,e.horizontal?o.height:o.width),e.size=d.size/d.count,n[s]+=e.size}o.getPadding&&Ni(a,o.getPadding());const r=Math.max(0,t.outerWidth-Vi(a,n,"left","right")),l=Math.max(0,t.outerHeight-Vi(a,n,"top","bottom")),c=r!==n.w,h=l!==n.h;return n.w=r,n.h=l,e.horizontal?{same:c,other:h}:{same:h,other:c}}function Ao(n){const t=n.maxPadding;function e(i){const s=Math.max(t[i]-n[i],0);return n[i]+=s,s}n.y+=e("top"),n.x+=e("left"),e("right"),e("bottom")}function Lo(n,t){const e=t.maxPadding;return function i(s){const o={left:0,top:0,right:0,bottom:0};return s.forEach(a=>{o[a]=Math.max(t[a],e[a])}),o}(n?["left","right"]:["top","bottom"])}function Wt(n,t,e,i){const s=[];let o,a,r,l,c,h;for(o=0,a=n.length,c=0;o{"function"==typeof p.beforeLayout&&p.beforeLayout()});const h=l.reduce((p,b)=>b.box.options&&!1===b.box.options.display?p:p+1,0)||1,d=Object.freeze({outerWidth:t,outerHeight:e,padding:s,availableWidth:o,availableHeight:a,vBoxMaxWidth:o/2/h,hBoxMaxHeight:a/2}),u=Object.assign({},s);Ni(u,j(i));const f=Object.assign({maxPadding:u,w:o,h:a,x:s.left,y:s.top},s),g=Do(l.concat(c),d);Wt(r.fullSize,f,d,g),Wt(l,f,d,g),Wt(c,f,d,g)&&Wt(l,f,d,g),Ao(f),Hi(r.leftAndTop,f,d,g),f.x+=f.w,f.y+=f.h,Hi(r.rightAndBottom,f,d,g),n.chartArea={left:f.left,top:f.top,right:f.left+f.w,bottom:f.top+f.h,height:f.h,width:f.w},O(r.chartArea,p=>{const b=p.box;Object.assign(b,n.chartArea),b.update(f.w,f.h,{left:0,top:0,right:0,bottom:0})})}};class Le{acquireContext(t,e){}releaseContext(t){return!1}addEventListener(t,e,i){}removeEventListener(t,e,i){}getDevicePixelRatio(){return 1}getMaximumSize(t,e,i,s){return e=Math.max(0,e||t.width),i=i||t.height,{width:e,height:Math.max(0,s?Math.floor(e/s):i)}}isAttached(t){return!0}updateConfig(t){}}class Wi extends Le{acquireContext(t){return t&&t.getContext&&t.getContext("2d")||null}updateConfig(t){t.options.animation=!1}}const ae="$chartjs",Oo={touchstart:"mousedown",touchmove:"mousemove",touchend:"mouseup",pointerenter:"mouseenter",pointerdown:"mousedown",pointermove:"mousemove",pointerup:"mouseup",pointerleave:"mouseout",pointerout:"mouseout"},ji=n=>null===n||""===n;function To(n,t){const e=n.style,i=n.getAttribute("height"),s=n.getAttribute("width");if(n[ae]={initial:{height:i,width:s,style:{display:e.display,height:e.height,width:e.width}}},e.display=e.display||"block",e.boxSizing=e.boxSizing||"border-box",ji(s)){const o=Qe(n,"width");void 0!==o&&(n.width=o)}if(ji(i))if(""===n.style.height)n.height=n.width/(t||2);else{const o=Qe(n,"height");void 0!==o&&(n.height=o)}return n}const $i=!!vn&&{passive:!0};function Eo(n,t,e){n.addEventListener(t,e,$i)}function Ro(n,t,e){n.canvas.removeEventListener(t,e,$i)}function zo(n,t){const e=Oo[n.type]||n.type,{x:i,y:s}=gt(n,t);return{type:e,chart:t,native:n,x:void 0!==i?i:null,y:void 0!==s?s:null}}function re(n,t){for(const e of n)if(e===t||e.contains(t))return!0}function Fo(n,t,e){const i=n.canvas,s=new MutationObserver(o=>{let a=!1;for(const r of o)a=a||re(r.addedNodes,i),a=a&&!re(r.removedNodes,i);a&&e()});return s.observe(document,{childList:!0,subtree:!0}),s}function Io(n,t,e){const i=n.canvas,s=new MutationObserver(o=>{let a=!1;for(const r of o)a=a||re(r.removedNodes,i),a=a&&!re(r.addedNodes,i);a&&e()});return s.observe(document,{childList:!0,subtree:!0}),s}const jt=new Map;let Ui=0;function Yi(){const n=window.devicePixelRatio;n!==Ui&&(Ui=n,jt.forEach((t,e)=>{e.currentDevicePixelRatio!==n&&t()}))}function Bo(n,t){jt.size||window.addEventListener("resize",Yi),jt.set(n,t)}function Vo(n){jt.delete(n),jt.size||window.removeEventListener("resize",Yi)}function No(n,t,e){const i=n.canvas,s=i&&Ze(i);if(!s)return;const o=ti((r,l)=>{const c=s.clientWidth;e(r,l),c{const l=r[0],c=l.contentRect.width,h=l.contentRect.height;0===c&&0===h||o(c,h)});return a.observe(s),Bo(n,o),a}function Oe(n,t,e){e&&e.disconnect(),"resize"===t&&Vo(n)}function Ho(n,t,e){const i=n.canvas,s=ti(o=>{null!==n.ctx&&e(zo(o,n))},n);return Eo(i,t,s),s}class Xi extends Le{acquireContext(t,e){const i=t&&t.getContext&&t.getContext("2d");return i&&i.canvas===t?(To(t,e),i):null}releaseContext(t){const e=t.canvas;if(!e[ae])return!1;const i=e[ae].initial;["height","width"].forEach(o=>{const a=i[o];L(a)?e.removeAttribute(o):e.setAttribute(o,a)});const s=i.style||{};return Object.keys(s).forEach(o=>{e.style[o]=s[o]}),e.width=e.width,delete e[ae],!0}addEventListener(t,e,i){this.removeEventListener(t,e),(t.$proxies||(t.$proxies={}))[e]=({attach:Fo,detach:Io,resize:No}[e]||Ho)(t,e,i)}removeEventListener(t,e){const i=t.$proxies||(t.$proxies={}),s=i[e];s&&(({attach:Oe,detach:Oe,resize:Oe}[e]||Ro)(t,e,s),i[e]=void 0)}getDevicePixelRatio(){return window.devicePixelRatio}getMaximumSize(t,e,i,s){return yn(t,e,i,s)}isAttached(t){const e=Ze(t);return!(!e||!e.isConnected)}}function Ki(n){return!ei()||typeof OffscreenCanvas<"u"&&n instanceof OffscreenCanvas?Wi:Xi}class st{static defaults={};static defaultRoutes=void 0;x;y;active=!1;options;$animations;tooltipPosition(t){const{x:e,y:i}=this.getProps(["x","y"],t);return{x:e,y:i}}hasValue(){return St(this.x)&&St(this.y)}getProps(t,e){const i=this.$animations;if(!e||!i)return this;const s={};return t.forEach(o=>{s[o]=i[o]&&i[o].active()?i[o]._to:this[o]}),s}}function Wo(n,t){const e=n.options.ticks,i=jo(n),s=Math.min(e.maxTicksLimit||i,i),o=e.major.enabled?Uo(t):[],a=o.length,r=o[0],l=o[a-1],c=[];if(a>s)return Yo(t,c,o,a/s),c;const h=$o(o,t,s);if(a>0){let d,u;const f=a>1?Math.round((l-r)/(a-1)):null;for(le(t,c,h,L(f)?0:r-f,r),d=0,u=a-1;ds)return l}return Math.max(s,1)}function Uo(n){const t=[];let e,i;for(e=0,i=n.length;e"left"===n?"right":"right"===n?"left":n,Gi=(n,t,e)=>"top"===t||"left"===t?n[t]+e:n[t]-e,qi=(n,t)=>Math.min(t||n,n);function Ji(n,t){const e=[],i=n.length/t,s=n.length;let o=0;for(;oa+r)))return l}function qo(n,t){O(n,e=>{const i=e.gc,s=i.length/2;let o;if(s>t){for(o=0;oi?i:e,i=s&&e>i?e:i,{min:J(e,J(i,e)),max:J(i,J(e,i))}}getPadding(){return{left:this.paddingLeft||0,top:this.paddingTop||0,right:this.paddingRight||0,bottom:this.paddingBottom||0}}getTicks(){return this.ticks}getLabels(){const t=this.chart.data;return this.options.labels||(this.isHorizontal()?t.xLabels:t.yLabels)||t.labels||[]}getLabelItems(t=this.chart.chartArea){return this._labelItems||(this._labelItems=this._computeLabelItems(t))}beforeLayout(){this._cache={},this._dataLimitsCached=!1}beforeUpdate(){E(this.options.beforeUpdate,[this])}update(t,e,i){const{beginAtZero:s,grace:o,ticks:a}=this.options,r=a.sampleSize;this.beforeUpdate(),this.maxWidth=t,this.maxHeight=e,this._margins=i=Object.assign({left:0,right:0,top:0,bottom:0},i),this.ticks=null,this._labelSizes=null,this._gridLineItems=null,this._labelItems=null,this.beforeSetDimensions(),this.setDimensions(),this.afterSetDimensions(),this._maxLength=this.isHorizontal()?this.width+i.left+i.right:this.height+i.top+i.bottom,this._dataLimitsCached||(this.beforeDataLimits(),this.determineDataLimits(),this.afterDataLimits(),this._range=Mn(this,o,s),this._dataLimitsCached=!0),this.beforeBuildTicks(),this.ticks=this.buildTicks()||[],this.afterBuildTicks();const l=r=o||i<=1||!this.isHorizontal())return void(this.labelRotation=s);const h=this._getLabelSizes(),d=h.widest.width,u=h.highest.height,f=Y(this.chart.width-d,0,this.maxWidth);r=t.offset?this.maxWidth/i:f/(i-1),d+6>r&&(r=f/(i-(t.offset?.5:1)),l=this.maxHeight-$t(t.grid)-e.padding-Zi(t.title,this.chart.options.font),c=Math.sqrt(d*d+u*u),a=_e(Math.min(Math.asin(Y((h.highest.height+6)/r,-1,1)),Math.asin(Y(l/c,-1,1))-Math.asin(Y(u/c,-1,1)))),a=Math.max(s,Math.min(o,a))),this.labelRotation=a}afterCalculateLabelRotation(){E(this.options.afterCalculateLabelRotation,[this])}afterAutoSkip(){}beforeFit(){E(this.options.beforeFit,[this])}fit(){const t={width:0,height:0},{chart:e,options:{ticks:i,title:s,grid:o}}=this,a=this._isVisible(),r=this.isHorizontal();if(a){const l=Zi(s,e.options.font);if(r?(t.width=this.maxWidth,t.height=$t(o)+l):(t.height=this.maxHeight,t.width=$t(o)+l),i.display&&this.ticks.length){const{first:c,last:h,widest:d,highest:u}=this._getLabelSizes(),f=2*i.padding,g=tt(this.labelRotation),p=Math.cos(g),b=Math.sin(g);r?t.height=Math.min(this.maxHeight,t.height+(i.mirror?0:b*d.width+p*u.height)+f):t.width=Math.min(this.maxWidth,t.width+(i.mirror?0:p*d.width+b*u.height)+f),this._calculatePadding(c,h,b,p)}}this._handleMargins(),r?(this.width=this._length=e.width-this._margins.left-this._margins.right,this.height=t.height):(this.width=t.width,this.height=this._length=e.height-this._margins.top-this._margins.bottom)}_calculatePadding(t,e,i,s){const{ticks:{align:o,padding:a},position:r}=this.options,l=0!==this.labelRotation,c="top"!==r&&"x"===this.axis;if(this.isHorizontal()){const h=this.getPixelForTick(0)-this.left,d=this.right-this.getPixelForTick(this.ticks.length-1);let u=0,f=0;l?c?(u=s*t.width,f=i*e.height):(u=i*t.height,f=s*e.width):"start"===o?f=e.width:"end"===o?u=t.width:"inner"!==o&&(u=t.width/2,f=e.width/2),this.paddingLeft=Math.max((u-h+a)*this.width/(this.width-h),0),this.paddingRight=Math.max((f-d+a)*this.width/(this.width-d),0)}else{let h=e.height/2,d=t.height/2;"start"===o?(h=0,d=t.height):"end"===o&&(h=e.height,d=0),this.paddingTop=h+a,this.paddingBottom=d+a}}_handleMargins(){this._margins&&(this._margins.left=Math.max(this.paddingLeft,this._margins.left),this._margins.top=Math.max(this.paddingTop,this._margins.top),this._margins.right=Math.max(this.paddingRight,this._margins.right),this._margins.bottom=Math.max(this.paddingBottom,this._margins.bottom))}afterFit(){E(this.options.afterFit,[this])}isHorizontal(){const{axis:t,position:e}=this.options;return"top"===e||"bottom"===e||"x"===t}isFullSize(){return this.options.fullSize}_convertTicksToLabels(t){let e,i;for(this.beforeTickToLabelConversion(),this.generateTickLabels(t),e=0,i=t.length;e({width:a[w]||0,height:r[w]||0});return{first:S(0),last:S(e-1),widest:S(k),highest:S(M),widths:a,heights:r}}getLabelForValue(t){return t}getPixelForValue(t,e){return NaN}getValueForPixel(t){}getPixelForTick(t){const e=this.ticks;return t<0||t>e.length-1?null:this.getPixelForValue(e[t].value)}getPixelForDecimal(t){this._reversePixels&&(t=1-t);const e=this._startPixel+t*this._length;return Sn(this._alignToPixels?mt(this.chart,e,0):e)}getDecimalForPixel(t){const e=(t-this._startPixel)/this._length;return this._reversePixels?1-e:e}getBasePixel(){return this.getPixelForValue(this.getBaseValue())}getBaseValue(){const{min:t,max:e}=this;return t<0&&e<0?e:t>0&&e>0?t:0}getContext(t){const e=this.ticks||[];if(t>=0&&tr*s?r/i:l/s:l*s0}_computeGridLineItems(t){const e=this.axis,i=this.chart,s=this.options,{grid:o,position:a,border:r}=s,l=o.offset,c=this.isHorizontal(),d=this.ticks.length+(l?1:0),u=$t(o),f=[],g=r.setContext(this.getContext()),p=g.display?g.width:0,b=p/2,m=function(R){return mt(i,R,p)};let x,v,y,_,k,M,S,w,D,P,A,N;if("top"===a)x=m(this.bottom),M=this.bottom-u,w=x-b,P=m(t.top)+b,N=t.bottom;else if("bottom"===a)x=m(this.top),P=t.top,N=m(t.bottom)-b,M=x+b,w=this.top+u;else if("left"===a)x=m(this.right),k=this.right-u,S=x-b,D=m(t.left)+b,A=t.right;else if("right"===a)x=m(this.left),D=t.left,A=m(t.right)-b,k=x+b,S=this.left+u;else if("x"===e){if("center"===a)x=m((t.top+t.bottom)/2+.5);else if(z(a)){const R=Object.keys(a)[0];x=m(this.chart.scales[R].getPixelForValue(a[R]))}P=t.top,N=t.bottom,M=x+b,w=M+u}else if("y"===e){if("center"===a)x=m((t.left+t.right)/2);else if(z(a)){const R=Object.keys(a)[0];x=m(this.chart.scales[R].getPixelForValue(a[R]))}k=x-b,S=k-u,D=t.left,A=t.right}const q=C(s.ticks.maxTicksLimit,d),T=Math.max(1,Math.ceil(d/q));for(v=0;vo.value===t);return s>=0?e.setContext(this.getContext(s)).lineWidth:0}drawGrid(t){const e=this.options.grid,i=this.ctx,s=this._gridLineItems||(this._gridLineItems=this._computeGridLineItems(t));let o,a;const r=(l,c,h)=>{!h.width||!h.color||(i.save(),i.lineWidth=h.width,i.strokeStyle=h.color,i.setLineDash(h.borderDash||[]),i.lineDashOffset=h.borderDashOffset,i.beginPath(),i.moveTo(l.x,l.y),i.lineTo(c.x,c.y),i.stroke(),i.restore())};if(e.display)for(o=0,a=s.length;o{this.drawBackground(),this.drawGrid(o),this.drawTitle()}},{z:s,draw:()=>{this.drawBorder()}},{z:e,draw:o=>{this.drawLabels(o)}}]:[{z:e,draw:o=>{this.draw(o)}}]}getMatchingVisibleMetas(t){const e=this.chart.getSortedVisibleDatasetMetas(),i=this.axis+"AxisID",s=[];let o,a;for(o=0,a=e.length;o{const i=e.split("."),s=i.pop(),o=[n].concat(i).join("."),a=t[e].split("."),r=a.pop(),l=a.join(".");F.route(o,s,l,r)})}function sa(n){return"id"in n&&"defaults"in n}class na{constructor(){this.controllers=new ce(rt,"datasets",!0),this.elements=new ce(st,"elements"),this.plugins=new ce(Object,"plugins"),this.scales=new ce(ut,"scales"),this._typedRegistries=[this.controllers,this.scales,this.elements]}add(...t){this._each("register",t)}remove(...t){this._each("unregister",t)}addControllers(...t){this._each("register",t,this.controllers)}addElements(...t){this._each("register",t,this.elements)}addPlugins(...t){this._each("register",t,this.plugins)}addScales(...t){this._each("register",t,this.scales)}getController(t){return this._get(t,this.controllers,"controller")}getElement(t){return this._get(t,this.elements,"element")}getPlugin(t){return this._get(t,this.plugins,"plugin")}getScale(t){return this._get(t,this.scales,"scale")}removeControllers(...t){this._each("unregister",t,this.controllers)}removeElements(...t){this._each("unregister",t,this.elements)}removePlugins(...t){this._each("unregister",t,this.plugins)}removeScales(...t){this._each("unregister",t,this.scales)}_each(t,e,i){[...e].forEach(s=>{const o=i||this._getRegistryForType(s);i||o.isForType(s)||o===this.plugins&&s.id?this._exec(t,o,s):O(s,a=>{const r=i||this._getRegistryForType(a);this._exec(t,r,a)})})}_exec(t,e,i){const s=Dn(t);E(i["before"+s],[],i),e[t](i),E(i["after"+s],[],i)}_getRegistryForType(t){for(let e=0;eo.filter(r=>!a.some(l=>r.plugin.id===l.plugin.id));this._notify(s(e,i),t,"stop"),this._notify(s(i,e),t,"start")}}function aa(n){const t={},e=[],i=Object.keys(et.plugins.items);for(let o=0;o1&&Qi(n[0].toLowerCase());if(i)return i}throw new Error(`Cannot determine type of '${n}' axis. Please provide 'axis' or 'position' option.`)}function ts(n,t,e){if(e[t+"AxisID"]===n)return{axis:t}}function fa(n,t){if(t.data&&t.data.datasets){const e=t.data.datasets.filter(i=>i.xAxisID===n||i.yAxisID===n);if(e.length)return ts(n,"x",e[0])||ts(n,"y",e[0])}return{}}function ga(n,t){const e=wt[n.type]||{scales:{}},i=t.scales||{},s=Te(n.type,t),o=Object.create(null);return Object.keys(i).forEach(a=>{const r=i[a];if(!z(r))return console.error(`Invalid scale configuration for scale: ${a}`);if(r._proxy)return console.warn(`Ignoring resolver passed as options for scale: ${a}`);const l=Ee(a,r,fa(a,n),F.scales[r.type]),c=da(l,s),h=e.scales||{};o[a]=ee(Object.create(null),[{axis:l},r,h[l],h[c]])}),n.data.datasets.forEach(a=>{const r=a.type||n.type,l=a.indexAxis||Te(r,t),h=(wt[r]||{}).scales||{};Object.keys(h).forEach(d=>{const u=ha(d,l),f=a[u+"AxisID"]||u;o[f]=o[f]||Object.create(null),ee(o[f],[{axis:u},i[f],h[d]])})}),Object.keys(o).forEach(a=>{const r=o[a];ee(r,[F.scales[r.type],F.scale])}),o}function es(n){const t=n.options||(n.options={});t.plugins=C(t.plugins,{}),t.scales=ga(n,t)}function is(n){return(n=n||{}).datasets=n.datasets||[],n.labels=n.labels||[],n}function pa(n){return(n=n||{}).data=is(n.data),es(n),n}const ss=new Map,ns=new Set;function he(n,t){let e=ss.get(n);return e||(e=t(),ss.set(n,e),ns.add(e)),e}const Ut=(n,t,e)=>{const i=Mt(t,e);void 0!==i&&n.add(i)};class ma{constructor(t){this._config=pa(t),this._scopeCache=new Map,this._resolverCache=new Map}get platform(){return this._config.platform}get type(){return this._config.type}set type(t){this._config.type=t}get data(){return this._config.data}set data(t){this._config.data=is(t)}get options(){return this._config.options}set options(t){this._config.options=t}get plugins(){return this._config.plugins}update(){const t=this._config;this.clearCache(),es(t)}clearCache(){this._scopeCache.clear(),this._resolverCache.clear()}datasetScopeKeys(t){return he(t,()=>[[`datasets.${t}`,""]])}datasetAnimationScopeKeys(t,e){return he(`${t}.transition.${e}`,()=>[[`datasets.${t}.transitions.${e}`,`transitions.${e}`],[`datasets.${t}`,""]])}datasetElementScopeKeys(t,e){return he(`${t}-${e}`,()=>[[`datasets.${t}.elements.${e}`,`datasets.${t}`,`elements.${e}`,""]])}pluginScopeKeys(t){const e=t.id;return he(`${this.type}-plugin-${e}`,()=>[[`plugins.${e}`,...t.additionalOptionScopes||[]]])}_cachedScopes(t,e){const i=this._scopeCache;let s=i.get(t);return(!s||e)&&(s=new Map,i.set(t,s)),s}getOptionScopes(t,e,i){const{options:s,type:o}=this,a=this._cachedScopes(t,i),r=a.get(e);if(r)return r;const l=new Set;e.forEach(h=>{t&&(l.add(t),h.forEach(d=>Ut(l,t,d))),h.forEach(d=>Ut(l,s,d)),h.forEach(d=>Ut(l,wt[o]||{},d)),h.forEach(d=>Ut(l,F,d)),h.forEach(d=>Ut(l,si,d))});const c=Array.from(l);return 0===c.length&&c.push(Object.create(null)),ns.has(e)&&a.set(e,c),c}chartOptionScopes(){const{options:t,type:e}=this;return[t,wt[e]||{},F.datasets[e]||{},{type:e},F,si]}resolveNamedOptions(t,e,i,s=[""]){const o={$shared:!0},{resolver:a,subPrefixes:r}=os(this._resolverCache,t,s);let l=a;if(xa(a,e)){o.$shared=!1,i=te(i)?i():i;const c=this.createResolver(t,i,r);l=ni(a,i,c)}for(const c of e)o[c]=l[c];return o}createResolver(t,e,i=[""],s){const{resolver:o}=os(this._resolverCache,t,i);return z(e)?ni(o,e,void 0,s):o}}function os(n,t,e){let i=n.get(t);i||(i=new Map,n.set(t,i));const s=e.join();let o=i.get(s);return o||(o={resolver:Pn(t,e),subPrefixes:e.filter(r=>!r.toLowerCase().includes("hover"))},i.set(s,o)),o}const ba=n=>z(n)&&Object.getOwnPropertyNames(n).reduce((t,e)=>t||te(n[e]),!1);function xa(n,t){const{isScriptable:e,isIndexable:i}=Cn(n);for(const s of t){const o=e(s),a=i(s),r=(a||o)&&n[s];if(o&&(te(r)||ba(r))||a&&X(r))return!0}return!1}var _a="4.3.0";const ya=["top","bottom","left","right","chartArea"];function as(n,t){return"top"===n||"bottom"===n||-1===ya.indexOf(n)&&"x"===t}function rs(n,t){return function(e,i){return e[n]===i[n]?e[t]-i[t]:e[n]-i[n]}}function ls(n){const t=n.chart,e=t.options.animation;t.notifyPlugins("afterRender"),E(e&&e.onComplete,[n],t)}function va(n){const t=n.chart,e=t.options.animation;E(e&&e.onProgress,[n],t)}function cs(n){return ei()&&"string"==typeof n?n=document.getElementById(n):n&&n.length&&(n=n[0]),n&&n.canvas&&(n=n.canvas),n}const de={},hs=n=>{const t=cs(n);return Object.values(de).filter(e=>e.canvas===t).pop()};function ka(n,t,e){const i=Object.keys(n);for(const s of i){const o=+s;if(o>=t){const a=n[s];delete n[s],(e>0||o>t)&&(n[o+e]=a)}}}function Ma(n,t,e,i){return e&&"mouseout"!==n.type?i?t:n:null}function Sa(n){const{xScale:t,yScale:e}=n;if(t&&e)return{left:t.left,right:t.right,top:e.top,bottom:e.bottom}}class ds{static defaults=F;static instances=de;static overrides=wt;static registry=et;static version=_a;static getChart=hs;static register(...t){et.add(...t),us()}static unregister(...t){et.remove(...t),us()}constructor(t,e){const i=this.config=new ma(e),s=cs(t),o=hs(s);if(o)throw new Error("Canvas is already in use. Chart with ID '"+o.id+"' must be destroyed before the canvas with ID '"+o.canvas.id+"' can be reused.");const a=i.createResolver(i.chartOptionScopes(),this.getContext());this.platform=new(i.platform||Ki(s)),this.platform.updateConfig(i);const r=this.platform.acquireContext(s,a.aspectRatio),l=r&&r.canvas,c=l&&l.height,h=l&&l.width;this.id=An(),this.ctx=r,this.canvas=l,this.width=h,this.height=c,this._options=a,this._aspectRatio=this.aspectRatio,this._layers=[],this._metasets=[],this._stacks=void 0,this.boxes=[],this.currentDevicePixelRatio=void 0,this.chartArea=void 0,this._active=[],this._lastEvent=void 0,this._listeners={},this._responsiveListeners=void 0,this._sortedMetasets=[],this.scales={},this._plugins=new oa,this.$proxies={},this._hiddenIndices={},this.attached=!1,this._animationsDisabled=void 0,this.$context=void 0,this._doResize=Ln(d=>this.update(d),a.resizeDelay||0),this._dataChanges=[],de[this.id]=this,r&&l?(it.listen(this,"complete",ls),it.listen(this,"progress",va),this._initialize(),this.attached&&this.update()):console.error("Failed to create chart: can't acquire context from the given item")}get aspectRatio(){const{options:{aspectRatio:t,maintainAspectRatio:e},width:i,height:s,_aspectRatio:o}=this;return L(t)?e&&o?o:s?i/s:null:t}get data(){return this.config.data}set data(t){this.config.data=t}get options(){return this._options}set options(t){this.config.options=t}get registry(){return et}_initialize(){return this.notifyPlugins("beforeInit"),this.options.responsive?this.resize():oi(this,this.options.devicePixelRatio),this.bindEvents(),this.notifyPlugins("afterInit"),this}clear(){return ai(this.canvas,this.ctx),this}stop(){return it.stop(this),this}resize(t,e){it.running(this)?this._resizeBeforeDraw={width:t,height:e}:this._resize(t,e)}_resize(t,e){const i=this.options,a=this.platform.getMaximumSize(this.canvas,t,e,i.maintainAspectRatio&&this.aspectRatio),r=i.devicePixelRatio||this.platform.getDevicePixelRatio(),l=this.width?"resize":"attach";this.width=a.width,this.height=a.height,this._aspectRatio=this.aspectRatio,oi(this,r,!0)&&(this.notifyPlugins("resize",{size:a}),E(i.onResize,[this,a],this),this.attached&&this._doResize(l)&&this.render())}ensureScalesHaveIDs(){O(this.options.scales||{},(i,s)=>{i.id=s})}buildOrUpdateScales(){const t=this.options,e=t.scales,i=this.scales,s=Object.keys(i).reduce((a,r)=>(a[r]=!1,a),{});let o=[];e&&(o=o.concat(Object.keys(e).map(a=>{const r=e[a],l=Ee(a,r),c="r"===l,h="x"===l;return{options:r,dposition:c?"chartArea":h?"bottom":"left",dtype:c?"radialLinear":h?"category":"linear"}}))),O(o,a=>{const r=a.options,l=r.id,c=Ee(l,r),h=C(r.type,a.dtype);(void 0===r.position||as(r.position,c)!==as(a.dposition))&&(r.position=a.dposition),s[l]=!0;let d=null;l in i&&i[l].type===h?d=i[l]:(d=new(et.getScale(h))({id:l,type:h,ctx:this.ctx,chart:this}),i[d.id]=d),d.init(r,t)}),O(s,(a,r)=>{a||delete i[r]}),O(i,a=>{H.configure(this,a,a.options),H.addBox(this,a)})}_updateMetasets(){const t=this._metasets,e=this.data.datasets.length,i=t.length;if(t.sort((s,o)=>s.index-o.index),i>e){for(let s=e;se.length&&delete this._stacks,t.forEach((i,s)=>{0===e.filter(o=>o===i._dataset).length&&this._destroyDatasetMeta(s)})}buildOrUpdateControllers(){const t=[],e=this.data.datasets;let i,s;for(this._removeUnreferencedMetasets(),i=0,s=e.length;i{this.getDatasetMeta(e).controller.reset()},this)}reset(){this._resetElements(),this.notifyPlugins("reset")}update(t){const e=this.config;e.update();const i=this._options=e.createResolver(e.chartOptionScopes(),this.getContext()),s=this._animationsDisabled=!i.animation;if(this._updateScales(),this._checkEventBindings(),this._updateHiddenIndices(),this._plugins.invalidate(),!1===this.notifyPlugins("beforeUpdate",{mode:t,cancelable:!0}))return;const o=this.buildOrUpdateControllers();this.notifyPlugins("beforeElementsUpdate");let a=0;for(let c=0,h=this.data.datasets.length;c{c.reset()}),this._updateDatasets(t),this.notifyPlugins("afterUpdate",{mode:t}),this._layers.sort(rs("z","_idx"));const{_active:r,_lastEvent:l}=this;l?this._eventHandler(l,!0):r.length&&this._updateHoverStyles(r,r,!0),this.render()}_updateScales(){O(this.scales,t=>{H.removeBox(this,t)}),this.ensureScalesHaveIDs(),this.buildOrUpdateScales()}_checkEventBindings(){const t=this.options,e=new Set(Object.keys(this._listeners)),i=new Set(t.events);(!ri(e,i)||!!this._responsiveListeners!==t.responsive)&&(this.unbindEvents(),this.bindEvents())}_updateHiddenIndices(){const{_hiddenIndices:t}=this,e=this._getUniformDataChanges()||[];for(const{method:i,start:s,count:o}of e)ka(t,s,"_removeElements"===i?-o:o)}_getUniformDataChanges(){const t=this._dataChanges;if(!t||!t.length)return;this._dataChanges=[];const e=this.data.datasets.length,i=o=>new Set(t.filter(a=>a[0]===o).map((a,r)=>r+","+a.splice(1).join(","))),s=i(0);for(let o=1;oo.split(",")).map(o=>({method:o[1],start:+o[2],count:+o[3]}))}_updateLayout(t){if(!1===this.notifyPlugins("beforeLayout",{cancelable:!0}))return;H.update(this,this.width,this.height,t);const e=this.chartArea,i=e.width<=0||e.height<=0;this._layers=[],O(this.boxes,s=>{i&&"chartArea"===s.position||(s.configure&&s.configure(),this._layers.push(...s._layers()))},this),this._layers.forEach((s,o)=>{s._idx=o}),this.notifyPlugins("afterLayout")}_updateDatasets(t){if(!1!==this.notifyPlugins("beforeDatasetsUpdate",{mode:t,cancelable:!0})){for(let e=0,i=this.data.datasets.length;e=0;--e)this._drawDataset(t[e]);this.notifyPlugins("afterDatasetsDraw")}_drawDataset(t){const e=this.ctx,i=t._clip,s=!i.disabled,o=Sa(t)||this.chartArea,a={meta:t,index:t.index,cancelable:!0};!1!==this.notifyPlugins("beforeDatasetDraw",a)&&(s&&Zt(e,{left:!1===i.left?0:o.left-i.left,right:!1===i.right?this.width:o.right+i.right,top:!1===i.top?0:o.top-i.top,bottom:!1===i.bottom?this.height:o.bottom+i.bottom}),t.controller.draw(),s&&Qt(e),a.cancelable=!1,this.notifyPlugins("afterDatasetDraw",a))}isPointInArea(t){return pt(t,this.chartArea,this._minPadding)}getElementsAtEventForMode(t,e,i,s){const o=Fi.modes[e];return"function"==typeof o?o(this,t,i,s):[]}getDatasetMeta(t){const e=this.data.datasets[t],i=this._metasets;let s=i.filter(o=>o&&o._dataset===e).pop();return s||(s={type:null,data:[],dataset:null,controller:null,hidden:null,xAxisID:null,yAxisID:null,order:e&&e.order||0,index:t,_dataset:e,_parsed:[],_sorted:!1},i.push(s)),s}getContext(){return this.$context||(this.$context=ft(null,{chart:this,type:"chart"}))}getVisibleDatasetCount(){return this.getSortedVisibleDatasetMetas().length}isDatasetVisible(t){const e=this.data.datasets[t];if(!e)return!1;const i=this.getDatasetMeta(t);return"boolean"==typeof i.hidden?!i.hidden:!e.hidden}setDatasetVisibility(t,e){this.getDatasetMeta(t).hidden=!e}toggleDataVisibility(t){this._hiddenIndices[t]=!this._hiddenIndices[t]}getDataVisibility(t){return!this._hiddenIndices[t]}_updateVisibility(t,e,i){const s=i?"show":"hide",o=this.getDatasetMeta(t),a=o.controller._resolveAnimations(void 0,s);Et(e)?(o.data[e].hidden=!i,this.update()):(this.setDatasetVisibility(t,i),a.update(o,{visible:i}),this.update(r=>r.datasetIndex===t?s:void 0))}hide(t,e){this._updateVisibility(t,e,!1)}show(t,e){this._updateVisibility(t,e,!0)}_destroyDatasetMeta(t){const e=this._metasets[t];e&&e.controller&&e.controller._destroy(),delete this._metasets[t]}_stop(){let t,e;for(this.stop(),it.remove(this),t=0,e=this.data.datasets.length;t{e.addEventListener(this,o,a),t[o]=a},s=(o,a,r)=>{o.offsetX=a,o.offsetY=r,this._eventHandler(o)};O(this.options.events,o=>i(o,s))}bindResponsiveEvents(){this._responsiveListeners||(this._responsiveListeners={});const t=this._responsiveListeners,e=this.platform,i=(l,c)=>{e.addEventListener(this,l,c),t[l]=c},s=(l,c)=>{t[l]&&(e.removeEventListener(this,l,c),delete t[l])},o=(l,c)=>{this.canvas&&this.resize(l,c)};let a;const r=()=>{s("attach",r),this.attached=!0,this.resize(),i("resize",o),i("detach",a)};a=()=>{this.attached=!1,s("resize",o),this._stop(),this._resize(0,0),i("attach",r)},e.isAttached(this.canvas)?r():a()}unbindEvents(){O(this._listeners,(t,e)=>{this.platform.removeEventListener(this,e,t)}),this._listeners={},O(this._responsiveListeners,(t,e)=>{this.platform.removeEventListener(this,e,t)}),this._responsiveListeners=void 0}updateHoverStyle(t,e,i){const s=i?"set":"remove";let o,a,r,l;for("dataset"===e&&(o=this.getDatasetMeta(t[0].datasetIndex),o.controller["_"+s+"DatasetHoverStyle"]()),r=0,l=t.length;r{const r=this.getDatasetMeta(o);if(!r)throw new Error("No dataset found at index "+o);return{datasetIndex:o,element:r.data[a],index:a}});!ie(i,e)&&(this._active=i,this._lastEvent=null,this._updateHoverStyles(i,e))}notifyPlugins(t,e,i){return this._plugins.notify(this,t,e,i)}isPluginEnabled(t){return 1===this._plugins._cache.filter(e=>e.plugin.id===t).length}_updateHoverStyles(t,e,i){const s=this.options.hover,o=(l,c)=>l.filter(h=>!c.some(d=>h.datasetIndex===d.datasetIndex&&h.index===d.index)),a=o(e,t),r=i?t:o(t,e);a.length&&this.updateHoverStyle(a,s.mode,!1),r.length&&s.mode&&this.updateHoverStyle(r,s.mode,!0)}_eventHandler(t,e){const i={event:t,replay:e,cancelable:!0,inChartArea:this.isPointInArea(t)},s=a=>(a.options.events||this.options.events).includes(t.native.type);if(!1===this.notifyPlugins("beforeEvent",i,s))return;const o=this._handleEvent(t,e,i.inChartArea);return i.cancelable=!1,this.notifyPlugins("afterEvent",i,s),(o||i.changed)&&this.render(),this}_handleEvent(t,e,i){const{_active:s=[],options:o}=this,r=this._getActiveElements(t,s,i,e),l=On(t),c=Ma(t,this._lastEvent,i,l);i&&(this._lastEvent=null,E(o.onHover,[t,r,this],this),l&&E(o.onClick,[t,r,this],this));const h=!ie(r,s);return(h||e)&&(this._active=r,this._updateHoverStyles(r,s,e)),this._lastEvent=c,h}_getActiveElements(t,e,i,s){if("mouseout"===t.type)return[];if(!i)return e;const o=this.options.hover;return this.getElementsAtEventForMode(t,o.mode,o,s)}}function us(){return O(ds.instances,n=>n._plugins.invalidate())}function wa(n,t,e){const{startAngle:i,pixelMargin:s,x:o,y:a,outerRadius:r,innerRadius:l}=t;let c=s/r;n.beginPath(),n.arc(o,a,r,i-c,e+c),l>s?(c=s/l,n.arc(o,a,l,e+c,i-c,!0)):n.arc(o,a,s,e+Z,i-Z),n.closePath(),n.clip()}function Da(n){return Tn(n,["outerStart","outerEnd","innerStart","innerEnd"])}function Pa(n,t,e,i){const s=Da(n.options.borderRadius),o=(e-t)/2,a=Math.min(o,i*t/2),r=l=>{const c=(e-Math.min(o,l))*i/2;return Y(l,0,Math.min(o,c))};return{outerStart:r(s.outerStart),outerEnd:r(s.outerEnd),innerStart:Y(s.innerStart,0,a),innerEnd:Y(s.innerEnd,0,a)}}function Pt(n,t,e,i){return{x:e+n*Math.cos(t),y:i+n*Math.sin(t)}}function ue(n,t,e,i,s,o){const{x:a,y:r,startAngle:l,pixelMargin:c,innerRadius:h}=t,d=Math.max(t.outerRadius+i+e-c,0),u=h>0?h+i+e+c:0;let f=0;const g=s-l;if(i){const I=((h>0?h-i:0)+(d>0?d-i:0))/2;f=(g-(0!==I?g*I/(I+i):g))/2}const b=(g-Math.max(.001,g*d-e/ot)/d)/2,m=l+b+f,x=s-b-f,{outerStart:v,outerEnd:y,innerStart:_,innerEnd:k}=Pa(t,u,d,x-m),M=d-v,S=d-y,w=m+v/M,D=x-y/S,P=u+_,A=u+k,N=m+_/P,q=x-k/A;if(n.beginPath(),o){const T=(w+D)/2;if(n.arc(a,r,d,w,T),n.arc(a,r,d,T,D),y>0){const W=Pt(S,D,a,r);n.arc(W.x,W.y,y,D,x+Z)}const R=Pt(A,x,a,r);if(n.lineTo(R.x,R.y),k>0){const W=Pt(A,q,a,r);n.arc(W.x,W.y,k,x+Z,q+Math.PI)}const I=(x-k/u+(m+_/u))/2;if(n.arc(a,r,u,x-k/u,I,!0),n.arc(a,r,u,I,m+_/u,!0),_>0){const W=Pt(P,N,a,r);n.arc(W.x,W.y,_,N+Math.PI,m-Z)}const Q=Pt(M,m,a,r);if(n.lineTo(Q.x,Q.y),v>0){const W=Pt(M,w,a,r);n.arc(W.x,W.y,v,m-Z,w)}}else{n.moveTo(a,r);const T=Math.cos(w)*d+a,R=Math.sin(w)*d+r;n.lineTo(T,R);const I=Math.cos(D)*d+a,Q=Math.sin(D)*d+r;n.lineTo(I,Q)}n.closePath()}function Ca(n,t,e,i,s){const{fullCircles:o,startAngle:a,circumference:r}=t;let l=t.endAngle;if(o){ue(n,t,e,i,l,s);for(let c=0;c"borderDash"!==t};circumference;endAngle;fullCircles;innerRadius;outerRadius;pixelMargin;startAngle;constructor(t){super(),this.options=void 0,this.circumference=void 0,this.startAngle=void 0,this.endAngle=void 0,this.innerRadius=void 0,this.outerRadius=void 0,this.pixelMargin=0,this.fullCircles=0,t&&Object.assign(this,t)}inRange(t,e,i){const s=this.getProps(["x","y"],i),{angle:o,distance:a}=Je(s,{x:t,y:e}),{startAngle:r,endAngle:l,innerRadius:c,outerRadius:h,circumference:d}=this.getProps(["startAngle","endAngle","innerRadius","outerRadius","circumference"],i),u=(this.options.spacing+this.options.borderWidth)/2,g=C(d,l-r)>=U||Jt(o,r,l),p=ht(a,c+u,h+u);return g&&p}getCenterPoint(t){const{x:e,y:i,startAngle:s,endAngle:o,innerRadius:a,outerRadius:r}=this.getProps(["x","y","startAngle","endAngle","innerRadius","outerRadius"],t),{offset:l,spacing:c}=this.options,h=(s+o)/2,d=(a+r+c+l)/2;return{x:e+Math.cos(h)*d,y:i+Math.sin(h)*d}}tooltipPosition(t){return this.getCenterPoint(t)}draw(t){const{options:e,circumference:i}=this,s=(e.offset||0)/4,o=(e.spacing||0)/2,a=e.circular;if(this.pixelMargin="inner"===e.borderAlign?.33:0,this.fullCircles=i>U?Math.floor(i/U):0,0===i||this.innerRadius<0||this.outerRadius<0)return;t.save();const r=(this.startAngle+this.endAngle)/2;t.translate(Math.cos(r)*s,Math.sin(r)*s);const c=s*(1-Math.sin(Math.min(ot,i||0)));t.fillStyle=e.backgroundColor,t.strokeStyle=e.borderColor,Ca(t,this,c,o,a),Aa(t,this,c,o,a),t.restore()}}function gs(n,t,e=t){n.lineCap=C(e.borderCapStyle,t.borderCapStyle),n.setLineDash(C(e.borderDash,t.borderDash)),n.lineDashOffset=C(e.borderDashOffset,t.borderDashOffset),n.lineJoin=C(e.borderJoinStyle,t.borderJoinStyle),n.lineWidth=C(e.borderWidth,t.borderWidth),n.strokeStyle=C(e.borderColor,t.borderColor)}function La(n,t,e){n.lineTo(e.x,e.y)}function Oa(n){return n.stepped?Bn:n.tension||"monotone"===n.cubicInterpolationMode?Vn:La}function ps(n,t,e={}){const i=n.length,{start:s=0,end:o=i-1}=e,{start:a,end:r}=t,l=Math.max(s,a),c=Math.min(o,r);return{count:i,start:l,loop:t.loop,ilen:cr&&o>r)?i+c-l:c-l}}function Ta(n,t,e,i){const{points:s,options:o}=t,{count:a,start:r,loop:l,ilen:c}=ps(s,e,i),h=Oa(o);let f,g,p,{move:d=!0,reverse:u}=i||{};for(f=0;f<=c;++f)g=s[(r+(u?c-f:f))%a],!g.skip&&(d?(n.moveTo(g.x,g.y),d=!1):h(n,p,g,u,o.stepped),p=g);return l&&(g=s[(r+(u?c:0))%a],h(n,p,g,u,o.stepped)),!!l}function Ea(n,t,e,i){const s=t.points,{count:o,start:a,ilen:r}=ps(s,e,i),{move:l=!0,reverse:c}=i||{};let u,f,g,p,b,m,h=0,d=0;const x=y=>(a+(c?r-y:y))%o,v=()=>{p!==b&&(n.lineTo(h,b),n.lineTo(h,p),n.lineTo(h,m))};for(l&&(f=s[x(0)],n.moveTo(f.x,f.y)),u=0;u<=r;++u){if(f=s[x(u)],f.skip)continue;const y=f.x,_=f.y,k=0|y;k===g?(_b&&(b=_),h=(d*h+y)/++d):(v(),n.lineTo(y,_),g=k,d=0,p=b=_),m=_}v()}function Re(n){const t=n.options;return n._decimated||n._loop||t.tension||"monotone"===t.cubicInterpolationMode||t.stepped||t.borderDash&&t.borderDash.length?Ta:Ea}function Ra(n){return n.stepped?zn:n.tension||"monotone"===n.cubicInterpolationMode?Fn:In}function za(n,t,e,i){let s=t._path;s||(s=t._path=new Path2D,t.path(s,e,i)&&s.closePath()),gs(n,t.options),n.stroke(s)}function Fa(n,t,e,i){const{segments:s,options:o}=t,a=Re(t);for(const r of s)gs(n,o,r.style),n.beginPath(),a(n,t,r,{start:e,end:e+i-1})&&n.closePath(),n.stroke()}const Ia="function"==typeof Path2D;function Ba(n,t,e,i){Ia&&!t.options.segment?za(n,t,e,i):Fa(n,t,e,i)}class Yt extends st{static id="line";static defaults={borderCapStyle:"butt",borderDash:[],borderDashOffset:0,borderJoinStyle:"miter",borderWidth:3,capBezierPoints:!0,cubicInterpolationMode:"default",fill:!1,spanGaps:!1,stepped:!1,tension:0};static defaultRoutes={backgroundColor:"backgroundColor",borderColor:"borderColor"};static descriptors={_scriptable:!0,_indexable:t=>"borderDash"!==t&&"fill"!==t};constructor(t){super(),this.animated=!0,this.options=void 0,this._chart=void 0,this._loop=void 0,this._fullLoop=void 0,this._path=void 0,this._points=void 0,this._segments=void 0,this._decimated=!1,this._pointsUpdated=!1,this._datasetIndex=void 0,t&&Object.assign(this,t)}updateControlPoints(t,e){const i=this.options;!i.tension&&"monotone"!==i.cubicInterpolationMode||i.stepped||this._pointsUpdated||(En(this._points,i,t,i.spanGaps?this._loop:this._fullLoop,e),this._pointsUpdated=!0)}set points(t){this._points=t,delete this._segments,delete this._path,this._pointsUpdated=!1}get points(){return this._points}get segments(){return this._segments||(this._segments=Rn(this,this.options.segment))}first(){const t=this.segments;return t.length&&this.points[t[0].start]}last(){const t=this.segments,i=t.length;return i&&this.points[t[i-1].end]}interpolate(t,e){const i=this.options,s=t[e],o=this.points,a=li(this,{property:e,start:s,end:s});if(!a.length)return;const r=[],l=Ra(i);let c,h;for(c=0,h=a.length;cn.replace("rgb(","rgba(").replace(")",", 0.5)"));function ks(n){return Ie[n%Ie.length]}function Ms(n){return vs[n%vs.length]}function $a(n,t){return n.borderColor=ks(t),n.backgroundColor=Ms(t),++t}function Ua(n,t){return n.backgroundColor=n.data.map(()=>ks(t++)),t}function Ya(n,t){return n.backgroundColor=n.data.map(()=>Ms(t++)),t}function Xa(n){let t=0;return(e,i)=>{const s=n.getDatasetMeta(i).controller;s instanceof ne?t=Ua(e,t):s instanceof Pe?t=Ya(e,t):s&&(t=$a(e,t))}}function Ss(n){let t;for(t in n)if(n[t].borderColor||n[t].backgroundColor)return!0;return!1}function Ka(n){return n&&(n.borderColor||n.backgroundColor)}var ws={id:"colors",defaults:{enabled:!0,forceOverride:!1},beforeLayout(n,t,e){if(!e.enabled)return;const{data:{datasets:i},options:s}=n.config,{elements:o}=s;if(!e.forceOverride&&(Ss(i)||Ka(s)||o&&Ss(o)))return;const a=Xa(n);i.forEach(a)}};function Ga(n,t,e,i,s){const o=s.samples||i;if(o>=e)return n.slice(t,t+e);const a=[],r=(e-2)/(o-2);let l=0;const c=t+e-1;let d,u,f,g,p,h=t;for(a[l++]=n[h],d=0;df&&(f=g,u=n[x],p=x);a[l++]=u,h=p}return a[l++]=n[c],a}function qa(n,t,e,i){let a,r,l,c,h,d,u,f,g,p,s=0,o=0;const b=[],x=n[t].x,y=n[t+e-1].x-x;for(a=t;ap&&(p=c,u=a),s=(o*s+r.x)/++o;else{const k=a-1;if(!L(d)&&!L(u)){const M=Math.min(d,u),S=Math.max(d,u);M!==f&&M!==k&&b.push({...n[M],x:s}),S!==f&&S!==k&&b.push({...n[S],x:s})}a>0&&k!==f&&b.push(n[k]),b.push(r),h=_,o=0,g=p=c,d=u=f=a}}return b}function Ds(n){if(n._decimated){const t=n._data;delete n._decimated,delete n._data,Object.defineProperty(n,"data",{configurable:!0,enumerable:!0,writable:!0,value:t})}}function Ps(n){n.data.datasets.forEach(t=>{Ds(t)})}function Ja(n,t){const e=t.length;let s,i=0;const{iScale:o}=n,{min:a,max:r,minDefined:l,maxDefined:c}=o.getUserBounds();return l&&(i=Y(Rt(t,o.axis,a).lo,0,e-1)),s=c?Y(Rt(t,o.axis,r).hi+1,i,e)-i:e-i,{start:i,count:s}}var Cs={id:"decimation",defaults:{algorithm:"min-max",enabled:!1},beforeElementsUpdate:(n,t,e)=>{if(!e.enabled)return void Ps(n);const i=n.width;n.data.datasets.forEach((s,o)=>{const{_data:a,indexAxis:r}=s,l=n.getDatasetMeta(o),c=a||s.data;if("y"===Tt([r,n.options.indexAxis])||!l.controller.supportsDecimation)return;const h=n.scales[l.xAxisID];if("linear"!==h.type&&"time"!==h.type||n.options.parsing)return;let g,{start:d,count:u}=Ja(l,c);if(u<=(e.threshold||4*i))Ds(s);else{switch(L(a)&&(s._data=c,delete s.data,Object.defineProperty(s,"data",{configurable:!0,enumerable:!0,get:function(){return this._decimated},set:function(p){this._data=p}})),e.algorithm){case"lttb":g=Ga(c,d,u,i,e);break;case"min-max":g=qa(c,d,u,i);break;default:throw new Error(`Unsupported decimation algorithm '${e.algorithm}'`)}s._decimated=g}})},destroy(n){Ps(n)}};function Za(n,t,e){const i=n.segments,s=n.points,o=t.points,a=[];for(const r of i){let{start:l,end:c}=r;c=Ve(l,c,s);const h=Be(e,s[l],s[c],r.loop);if(!t.segments){a.push({source:r,target:h,start:s[l],end:s[c]});continue}const d=li(t,h);for(const u of d){const f=Be(e,o[u.start],o[u.end],u.loop),g=Hn(r,s,f);for(const p of g)a.push({source:p,target:u,start:{[e]:As(h,f,"start",Math.max)},end:{[e]:As(h,f,"end",Math.min)}})}}return a}function Be(n,t,e,i){if(i)return;let s=t[n],o=e[n];return"angle"===n&&(s=Ft(s),o=Ft(o)),{property:n,start:s,end:o}}function Qa(n,t){const{x:e=null,y:i=null}=n||{},s=t.points,o=[];return t.segments.forEach(({start:a,end:r})=>{r=Ve(a,r,s);const l=s[a],c=s[r];null!==i?(o.push({x:l.x,y:i}),o.push({x:c.x,y:i})):null!==e&&(o.push({x:e,y:l.y}),o.push({x:e,y:c.y}))}),o}function Ve(n,t,e){for(;t>n;t--){const i=e[t];if(!isNaN(i.x)&&!isNaN(i.y))break}return t}function As(n,t,e,i){return n&&t?i(n[e],t[e]):n?n[e]:t?t[e]:0}function Ls(n,t){let e=[],i=!1;return X(n)?(i=!0,e=n):e=Qa(n,t),e.length?new Yt({points:e,options:{tension:0},_loop:i,_fullLoop:i}):null}function Os(n){return n&&!1!==n.fill}function tr(n,t,e){let s=n[t].fill;const o=[t];let a;if(!e)return s;for(;!1!==s&&-1===o.indexOf(s);){if(!B(s))return s;if(a=n[s],!a)return!1;if(a.visible)return s;o.push(s),s=a.fill}return!1}function er(n,t,e){const i=or(n);if(z(i))return!isNaN(i.value)&&i;let s=parseFloat(i);return B(s)&&Math.floor(s)===s?ir(i[0],t,s,e):["origin","start","end","stack","shape"].indexOf(i)>=0&&i}function ir(n,t,e,i){return("-"===n||"+"===n)&&(e=t+e),!(e===t||e<0||e>=i)&&e}function sr(n,t){let e=null;return"start"===n?e=t.bottom:"end"===n?e=t.top:z(n)?e=t.getPixelForValue(n.value):t.getBasePixel&&(e=t.getBasePixel()),e}function nr(n,t,e){let i;return i="start"===n?e:"end"===n?t.options.reverse?t.min:t.max:z(n)?n.value:t.getBaseValue(),i}function or(n){const t=n.options,e=t.fill;let i=C(e&&e.target,e);return void 0===i&&(i=!!t.backgroundColor),!1!==i&&null!==i&&(!0===i?"origin":i)}function ar(n){const{scale:t,index:e,line:i}=n,s=[],o=i.segments,a=i.points,r=rr(t,e);r.push(Ls({x:null,y:t.bottom},i));for(let l=0;l=0;--a){const r=s[a].$filler;r&&(r.line.updateControlPoints(o,r.axis),i&&r.fill&&Ne(n.ctx,r,o))}},beforeDatasetsDraw(n,t,e){if("beforeDatasetsDraw"!==e.drawTime)return;const i=n.getSortedVisibleDatasetMetas();for(let s=i.length-1;s>=0;--s){const o=i[s].$filler;Os(o)&&Ne(n.ctx,o,n.chartArea)}},beforeDatasetDraw(n,t,e){const i=t.meta.$filler;!Os(i)||"beforeDatasetDraw"!==e.drawTime||Ne(n.ctx,i,n.chartArea)},defaults:{propagate:!0,drawTime:"beforeDatasetDraw"}};const Is=(n,t)=>{let{boxHeight:e=t,boxWidth:i=t}=n;return n.usePointStyle&&(e=Math.min(e,t),i=n.pointStyleWidth||Math.min(i,t)),{boxWidth:i,boxHeight:e,itemHeight:Math.max(t,e)}},br=(n,t)=>null!==n&&null!==t&&n.datasetIndex===t.datasetIndex&&n.index===t.index;class Bs extends st{constructor(t){super(),this._added=!1,this.legendHitBoxes=[],this._hoveredItem=null,this.doughnutMode=!1,this.chart=t.chart,this.options=t.options,this.ctx=t.ctx,this.legendItems=void 0,this.columnSizes=void 0,this.lineWidths=void 0,this.maxHeight=void 0,this.maxWidth=void 0,this.top=void 0,this.bottom=void 0,this.left=void 0,this.right=void 0,this.height=void 0,this.width=void 0,this._margins=void 0,this.position=void 0,this.weight=void 0,this.fullSize=void 0}update(t,e,i){this.maxWidth=t,this.maxHeight=e,this._margins=i,this.setDimensions(),this.buildLabels(),this.fit()}setDimensions(){this.isHorizontal()?(this.width=this.maxWidth,this.left=this._margins.left,this.right=this.width):(this.height=this.maxHeight,this.top=this._margins.top,this.bottom=this.height)}buildLabels(){const t=this.options.labels||{};let e=E(t.generateLabels,[this.chart],this)||[];t.filter&&(e=e.filter(i=>t.filter(i,this.chart.data))),t.sort&&(e=e.sort((i,s)=>t.sort(i,s,this.chart.data))),this.options.reverse&&e.reverse(),this.legendItems=e}fit(){const{options:t,ctx:e}=this;if(!t.display)return void(this.width=this.height=0);const i=t.labels,s=V(i.font),o=s.size,a=this._computeTitleHeight(),{boxWidth:r,itemHeight:l}=Is(i,o);let c,h;e.font=s.string,this.isHorizontal()?(c=this.maxWidth,h=this._fitRows(a,o,r,l)+10):(h=this.maxHeight,c=this._fitCols(a,s,r,l)+10),this.width=Math.min(c,t.maxWidth||this.maxWidth),this.height=Math.min(h,t.maxHeight||this.maxHeight)}_fitRows(t,e,i,s){const{ctx:o,maxWidth:a,options:{labels:{padding:r}}}=this,l=this.legendHitBoxes=[],c=this.lineWidths=[0],h=s+r;let d=t;o.textAlign="left",o.textBaseline="middle";let u=-1,f=-h;return this.legendItems.forEach((g,p)=>{const b=i+e/2+o.measureText(g.text).width;(0===p||c[c.length-1]+b+2*r>a)&&(d+=h,c[c.length-(p>0?0:1)]=0,f+=h,u++),l[p]={left:0,top:f,row:u,width:b,height:s},c[c.length-1]+=b+r}),d}_fitCols(t,e,i,s){const{ctx:o,maxHeight:a,options:{labels:{padding:r}}}=this,l=this.legendHitBoxes=[],c=this.columnSizes=[],h=a-t;let d=r,u=0,f=0,g=0,p=0;return this.legendItems.forEach((b,m)=>{const{itemWidth:x,itemHeight:v}=xr(i,e,o,b,s);m>0&&f+v+2*r>h&&(d+=u+r,c.push({width:u,height:f}),g+=u+r,p++,u=f=0),l[m]={left:g,top:f,col:p,width:x,height:v},u=Math.max(u,x),f+=v+r}),d+=u,c.push({width:u,height:f}),d}adjustHitBoxes(){if(!this.options.display)return;const t=this._computeTitleHeight(),{legendHitBoxes:e,options:{align:i,labels:{padding:s},rtl:o}}=this,a=Dt(o,this.left,this.width);if(this.isHorizontal()){let r=0,l=$(i,this.left+s,this.right-this.lineWidths[r]);for(const c of e)r!==c.row&&(r=c.row,l=$(i,this.left+s,this.right-this.lineWidths[r])),c.top+=this.top+t+s,c.left=a.leftForLtr(a.x(l),c.width),l+=c.width+s}else{let r=0,l=$(i,this.top+t+s,this.bottom-this.columnSizes[r].height);for(const c of e)c.col!==r&&(r=c.col,l=$(i,this.top+t+s,this.bottom-this.columnSizes[r].height)),c.top=l,c.left+=this.left+s,c.left=a.leftForLtr(a.x(c.left),c.width),l+=c.height+s}}isHorizontal(){return"top"===this.options.position||"bottom"===this.options.position}draw(){if(this.options.display){const t=this.ctx;Zt(t,this),this._draw(),Qt(t)}}_draw(){const{options:t,columnSizes:e,lineWidths:i,ctx:s}=this,{align:o,labels:a}=t,r=F.color,l=Dt(t.rtl,this.left,this.width),c=V(a.font),{padding:h}=a,d=c.size,u=d/2;let f;this.drawTitle(),s.textAlign=l.textAlign("left"),s.textBaseline="middle",s.lineWidth=.5,s.font=c.string;const{boxWidth:g,boxHeight:p,itemHeight:b}=Is(a,d),v=this.isHorizontal(),y=this._computeTitleHeight();f=v?{x:$(o,this.left+h,this.right-i[0]),y:this.top+h+y,line:0}:{x:this.left+h,y:$(o,this.top+y+h,this.bottom-e[0].height),line:0},ci(this.ctx,t.textDirection);const _=b+h;this.legendItems.forEach((k,M)=>{s.strokeStyle=k.fontColor,s.fillStyle=k.fontColor;const S=s.measureText(k.text).width,w=l.textAlign(k.textAlign||(k.textAlign=a.textAlign)),D=g+u+S;let P=f.x,A=f.y;l.setWidth(this.width),v?M>0&&P+D+h>this.right&&(A=f.y+=_,f.line++,P=f.x=$(o,this.left+h,this.right-i[f.line])):M>0&&A+_>this.bottom&&(P=f.x=P+e[f.line].width+h,f.line++,A=f.y=$(o,this.top+y+h,this.bottom-e[f.line].height)),function(k,M,S){if(isNaN(g)||g<=0||isNaN(p)||p<0)return;s.save();const w=C(S.lineWidth,1);if(s.fillStyle=C(S.fillStyle,r),s.lineCap=C(S.lineCap,"butt"),s.lineDashOffset=C(S.lineDashOffset,0),s.lineJoin=C(S.lineJoin,"miter"),s.lineWidth=w,s.strokeStyle=C(S.strokeStyle,r),s.setLineDash(C(S.lineDash,[])),a.usePointStyle){const D={radius:p*Math.SQRT2/2,pointStyle:S.pointStyle,rotation:S.rotation,borderWidth:w},P=l.xPlus(k,g/2);jn(s,D,P,M+u,a.pointStyleWidth&&g)}else{const D=M+Math.max((d-p)/2,0),P=l.leftForLtr(k,g),A=xt(S.borderRadius);s.beginPath(),Object.values(A).some(N=>0!==N)?zt(s,{x:P,y:D,w:g,h:p,radius:A}):s.rect(P,D,g,p),s.fill(),0!==w&&s.stroke()}s.restore()}(l.x(P),A,k),P=Wn(w,P+g+u,v?P+D:this.right,t.rtl),function(k,M,S){bt(s,S.text,k,M+b/2,c,{strikethrough:S.hidden,textAlign:l.textAlign(S.textAlign)})}(l.x(P),A,k),v?f.x+=D+h:f.y+="string"!=typeof k.text?Vs(k,c.lineHeight):_}),hi(this.ctx,t.textDirection)}drawTitle(){const t=this.options,e=t.title,i=V(e.font),s=j(e.padding);if(!e.display)return;const o=Dt(t.rtl,this.left,this.width),a=this.ctx,r=e.position,c=s.top+i.size/2;let h,d=this.left,u=this.width;if(this.isHorizontal())u=Math.max(...this.lineWidths),h=this.top+c,d=$(t.align,d,this.right-u);else{const g=this.columnSizes.reduce((p,b)=>Math.max(p,b.height),0);h=c+$(t.align,this.top,this.bottom-g-t.labels.padding-this._computeTitleHeight())}const f=$(r,d,d+u);a.textAlign=o.textAlign(ye(r)),a.textBaseline="middle",a.strokeStyle=e.color,a.fillStyle=e.color,a.font=i.string,bt(a,e.text,f,h,i)}_computeTitleHeight(){const t=this.options.title,e=V(t.font),i=j(t.padding);return t.display?e.lineHeight+i.height:0}_getLegendItemAt(t,e){let i,s,o;if(ht(t,this.left,this.right)&&ht(e,this.top,this.bottom))for(o=this.legendHitBoxes,i=0;io.length>a.length?o:a)),t+e.size/2+i.measureText(s).width}function yr(n,t,e){let i=n;return"string"!=typeof t.text&&(i=Vs(t,e)),i}function Vs(n,t){return t*(n.text?n.text.length+.5:0)}function vr(n,t){return!(("mousemove"!==n&&"mouseout"!==n||!t.onHover&&!t.onLeave)&&(!t.onClick||"click"!==n&&"mouseup"!==n))}var Ns={id:"legend",_element:Bs,start(n,t,e){const i=n.legend=new Bs({ctx:n.ctx,options:e,chart:n});H.configure(n,i,e),H.addBox(n,i)},stop(n){H.removeBox(n,n.legend),delete n.legend},beforeUpdate(n,t,e){const i=n.legend;H.configure(n,i,e),i.options=e},afterUpdate(n){const t=n.legend;t.buildLabels(),t.adjustHitBoxes()},afterEvent(n,t){t.replay||n.legend.handleEvent(t.event)},defaults:{display:!0,position:"top",align:"center",fullSize:!0,reverse:!1,weight:1e3,onClick(n,t,e){const i=t.datasetIndex,s=e.chart;s.isDatasetVisible(i)?(s.hide(i),t.hidden=!0):(s.show(i),t.hidden=!1)},onHover:null,onLeave:null,labels:{color:n=>n.chart.options.color,boxWidth:40,padding:10,generateLabels(n){const t=n.data.datasets,{labels:{usePointStyle:e,pointStyle:i,textAlign:s,color:o,useBorderRadius:a,borderRadius:r}}=n.legend.options;return n._getSortedDatasetMetas().map(l=>{const c=l.controller.getStyle(e?0:void 0),h=j(c.borderWidth);return{text:t[l.index].label,fillStyle:c.backgroundColor,fontColor:o,hidden:!l.visible,lineCap:c.borderCapStyle,lineDash:c.borderDash,lineDashOffset:c.borderDashOffset,lineJoin:c.borderJoinStyle,lineWidth:(h.width+h.height)/4,strokeStyle:c.borderColor,pointStyle:i||c.pointStyle,rotation:c.rotation,textAlign:s||c.textAlign,borderRadius:a&&(r||c.borderRadius),datasetIndex:l.index}},this)}},title:{color:n=>n.chart.options.color,display:!1,position:"center",text:""}},descriptors:{_scriptable:n=>!n.startsWith("on"),labels:{_scriptable:n=>!["generateLabels","filter","sort"].includes(n)}}};class He extends st{constructor(t){super(),this.chart=t.chart,this.options=t.options,this.ctx=t.ctx,this._padding=void 0,this.top=void 0,this.bottom=void 0,this.left=void 0,this.right=void 0,this.width=void 0,this.height=void 0,this.position=void 0,this.weight=void 0,this.fullSize=void 0}update(t,e){const i=this.options;if(this.left=0,this.top=0,!i.display)return void(this.width=this.height=this.right=this.bottom=0);this.width=this.right=t,this.height=this.bottom=e;const s=X(i.text)?i.text.length:1;this._padding=j(i.padding);const o=s*V(i.font).lineHeight+this._padding.height;this.isHorizontal()?this.height=o:this.width=o}isHorizontal(){const t=this.options.position;return"top"===t||"bottom"===t}_drawArgs(t){const{top:e,left:i,bottom:s,right:o,options:a}=this,r=a.align;let c,h,d,l=0;return this.isHorizontal()?(h=$(r,i,o),d=e+t,c=o-i):("left"===a.position?(h=i+t,d=$(r,s,e),l=-.5*ot):(h=o-t,d=$(r,e,s),l=.5*ot),c=s-e),{titleX:h,titleY:d,maxWidth:c,rotation:l}}draw(){const t=this.ctx,e=this.options;if(!e.display)return;const i=V(e.font),o=i.lineHeight/2+this._padding.top,{titleX:a,titleY:r,maxWidth:l,rotation:c}=this._drawArgs(o);bt(t,e.text,0,0,i,{color:e.color,maxWidth:l,rotation:c,textAlign:ye(e.align),textBaseline:"middle",translation:[a,r]})}}function kr(n,t){const e=new He({ctx:n.ctx,options:t,chart:n});H.configure(n,e,t),H.addBox(n,e),n.titleBlock=e}var Hs={id:"title",_element:He,start(n,t,e){kr(n,e)},stop(n){H.removeBox(n,n.titleBlock),delete n.titleBlock},beforeUpdate(n,t,e){const i=n.titleBlock;H.configure(n,i,e),i.options=e},defaults:{align:"center",display:!1,font:{weight:"bold"},fullSize:!0,padding:10,position:"top",text:"",weight:2e3},defaultRoutes:{color:"color"},descriptors:{_scriptable:!0,_indexable:!1}};const fe=new WeakMap;var Ws={id:"subtitle",start(n,t,e){const i=new He({ctx:n.ctx,options:e,chart:n});H.configure(n,i,e),H.addBox(n,i),fe.set(n,i)},stop(n){H.removeBox(n,fe.get(n)),fe.delete(n)},beforeUpdate(n,t,e){const i=fe.get(n);H.configure(n,i,e),i.options=e},defaults:{align:"center",display:!1,font:{weight:"normal"},fullSize:!0,padding:0,position:"top",text:"",weight:1500},defaultRoutes:{color:"color"},descriptors:{_scriptable:!0,_indexable:!1}};const Xt={average(n){if(!n.length)return!1;let t,e,i=0,s=0,o=0;for(t=0,e=n.length;t-1?n.split("\n"):n}function Mr(n,t){const{element:e,datasetIndex:i,index:s}=t,o=n.getDatasetMeta(i).controller,{label:a,value:r}=o.getLabelAndValue(s);return{chart:n,label:a,parsed:o.getParsed(s),raw:n.data.datasets[i].data[s],formattedValue:r,dataset:o.getDataset(),dataIndex:s,datasetIndex:i,element:e}}function js(n,t){const e=n.chart.ctx,{body:i,footer:s,title:o}=n,{boxWidth:a,boxHeight:r}=t,l=V(t.bodyFont),c=V(t.titleFont),h=V(t.footerFont),d=o.length,u=s.length,f=i.length,g=j(t.padding);let p=g.height,b=0,m=i.reduce((y,_)=>y+_.before.length+_.lines.length+_.after.length,0);m+=n.beforeBody.length+n.afterBody.length,d&&(p+=d*c.lineHeight+(d-1)*t.titleSpacing+t.titleMarginBottom),m&&(p+=f*(t.displayColors?Math.max(r,l.lineHeight):l.lineHeight)+(m-f)*l.lineHeight+(m-1)*t.bodySpacing),u&&(p+=t.footerMarginTop+u*h.lineHeight+(u-1)*t.footerSpacing);let x=0;const v=function(y){b=Math.max(b,e.measureText(y).width+x)};return e.save(),e.font=c.string,O(n.title,v),e.font=l.string,O(n.beforeBody.concat(n.afterBody),v),x=t.displayColors?a+2+t.boxPadding:0,O(i,y=>{O(y.before,v),O(y.lines,v),O(y.after,v)}),x=0,e.font=h.string,O(n.footer,v),e.restore(),b+=g.width,{width:b,height:p}}function Sr(n,t){const{y:e,height:i}=t;return en.height-i/2?"bottom":"center"}function wr(n,t,e,i){const{x:s,width:o}=i,a=e.caretSize+e.caretPadding;if("left"===n&&s+o+a>t.width||"right"===n&&s-o-a<0)return!0}function Dr(n,t,e,i){const{x:s,width:o}=e,{width:a,chartArea:{left:r,right:l}}=n;let c="center";return"center"===i?c=s<=(r+l)/2?"left":"right":s<=o/2?c="left":s>=a-o/2&&(c="right"),wr(c,n,t,e)&&(c="center"),c}function $s(n,t,e){const i=e.yAlign||t.yAlign||Sr(n,e);return{xAlign:e.xAlign||t.xAlign||Dr(n,t,e,i),yAlign:i}}function Pr(n,t){let{x:e,width:i}=n;return"right"===t?e-=i:"center"===t&&(e-=i/2),e}function Cr(n,t,e){let{y:i,height:s}=n;return"top"===t?i+=e:i-="bottom"===t?s+e:s/2,i}function Us(n,t,e,i){const{caretSize:s,caretPadding:o,cornerRadius:a}=n,{xAlign:r,yAlign:l}=e,c=s+o,{topLeft:h,topRight:d,bottomLeft:u,bottomRight:f}=xt(a);let g=Pr(t,r);const p=Cr(t,l,c);return"center"===l?"left"===r?g+=c:"right"===r&&(g-=c):"left"===r?g-=Math.max(h,u)+s:"right"===r&&(g+=Math.max(d,f)+s),{x:Y(g,0,i.width-t.width),y:Y(p,0,i.height-t.height)}}function ge(n,t,e){const i=j(e.padding);return"center"===t?n.x+n.width/2:"right"===t?n.x+n.width-i.right:n.x+i.left}function Ys(n){return nt([],lt(n))}function Ar(n,t,e){return ft(n,{tooltip:t,tooltipItems:e,type:"tooltip"})}function Xs(n,t){const e=t&&t.dataset&&t.dataset.tooltip&&t.dataset.tooltip.callbacks;return e?n.override(e):n}const Ks={beforeTitle:at,title(n){if(n.length>0){const t=n[0],e=t.chart.data.labels,i=e?e.length:0;if(this&&this.options&&"dataset"===this.options.mode)return t.dataset.label||"";if(t.label)return t.label;if(i>0&&t.dataIndex"u"?Ks[t].call(e,i):s}class Gs extends st{static positioners=Xt;constructor(t){super(),this.opacity=0,this._active=[],this._eventPosition=void 0,this._size=void 0,this._cachedAnimations=void 0,this._tooltipItems=[],this.$animations=void 0,this.$context=void 0,this.chart=t.chart,this.options=t.options,this.dataPoints=void 0,this.title=void 0,this.beforeBody=void 0,this.body=void 0,this.afterBody=void 0,this.footer=void 0,this.xAlign=void 0,this.yAlign=void 0,this.x=void 0,this.y=void 0,this.height=void 0,this.width=void 0,this.caretX=void 0,this.caretY=void 0,this.labelColors=void 0,this.labelPointStyles=void 0,this.labelTextColors=void 0}initialize(t){this.options=t,this._cachedAnimations=void 0,this.$context=void 0}_resolveAnimations(){const t=this._cachedAnimations;if(t)return t;const e=this.chart,i=this.options.setContext(this.getContext()),s=i.enabled&&e.options.animation&&i.animations,o=new Me(this.chart,s);return s._cacheable&&(this._cachedAnimations=Object.freeze(o)),o}getContext(){return this.$context||(this.$context=Ar(this.chart.getContext(),this,this._tooltipItems))}getTitle(t,e){const{callbacks:i}=e,s=K(i,"beforeTitle",this,t),o=K(i,"title",this,t),a=K(i,"afterTitle",this,t);let r=[];return r=nt(r,lt(s)),r=nt(r,lt(o)),r=nt(r,lt(a)),r}getBeforeBody(t,e){return Ys(K(e.callbacks,"beforeBody",this,t))}getBody(t,e){const{callbacks:i}=e,s=[];return O(t,o=>{const a={before:[],lines:[],after:[]},r=Xs(i,o);nt(a.before,lt(K(r,"beforeLabel",this,o))),nt(a.lines,K(r,"label",this,o)),nt(a.after,lt(K(r,"afterLabel",this,o))),s.push(a)}),s}getAfterBody(t,e){return Ys(K(e.callbacks,"afterBody",this,t))}getFooter(t,e){const{callbacks:i}=e,s=K(i,"beforeFooter",this,t),o=K(i,"footer",this,t),a=K(i,"afterFooter",this,t);let r=[];return r=nt(r,lt(s)),r=nt(r,lt(o)),r=nt(r,lt(a)),r}_createItems(t){const e=this._active,i=this.chart.data,s=[],o=[],a=[];let l,c,r=[];for(l=0,c=e.length;lt.filter(h,d,u,i))),t.itemSort&&(r=r.sort((h,d)=>t.itemSort(h,d,i))),O(r,h=>{const d=Xs(t.callbacks,h);s.push(K(d,"labelColor",this,h)),o.push(K(d,"labelPointStyle",this,h)),a.push(K(d,"labelTextColor",this,h))}),this.labelColors=s,this.labelPointStyles=o,this.labelTextColors=a,this.dataPoints=r,r}update(t,e){const i=this.options.setContext(this.getContext()),s=this._active;let o,a=[];if(s.length){const r=Xt[i.position].call(this,s,this._eventPosition);a=this._createItems(i),this.title=this.getTitle(a,i),this.beforeBody=this.getBeforeBody(a,i),this.body=this.getBody(a,i),this.afterBody=this.getAfterBody(a,i),this.footer=this.getFooter(a,i);const l=this._size=js(this,i),c=Object.assign({},r,l),h=$s(this.chart,i,c),d=Us(i,c,h,this.chart);this.xAlign=h.xAlign,this.yAlign=h.yAlign,o={opacity:1,x:d.x,y:d.y,width:l.width,height:l.height,caretX:r.x,caretY:r.y}}else 0!==this.opacity&&(o={opacity:0});this._tooltipItems=a,this.$context=void 0,o&&this._resolveAnimations().update(this,o),t&&i.external&&i.external.call(this,{chart:this.chart,tooltip:this,replay:e})}drawCaret(t,e,i,s){const o=this.getCaretPosition(t,i,s);e.lineTo(o.x1,o.y1),e.lineTo(o.x2,o.y2),e.lineTo(o.x3,o.y3)}getCaretPosition(t,e,i){const{xAlign:s,yAlign:o}=this,{caretSize:a,cornerRadius:r}=i,{topLeft:l,topRight:c,bottomLeft:h,bottomRight:d}=xt(r),{x:u,y:f}=t,{width:g,height:p}=e;let b,m,x,v,y,_;return"center"===o?(y=f+p/2,"left"===s?(b=u,m=b-a,v=y+a,_=y-a):(b=u+g,m=b+a,v=y-a,_=y+a),x=b):(m="left"===s?u+Math.max(l,h)+a:"right"===s?u+g-Math.max(c,d)-a:this.caretX,"top"===o?(v=f,y=v-a,b=m-a,x=m+a):(v=f+p,y=v+a,b=m+a,x=m-a),_=v),{x1:b,x2:m,x3:x,y1:v,y2:y,y3:_}}drawTitle(t,e,i){const s=this.title,o=s.length;let a,r,l;if(o){const c=Dt(i.rtl,this.x,this.width);for(t.x=ge(this,i.titleAlign,i),e.textAlign=c.textAlign(i.titleAlign),e.textBaseline="middle",a=V(i.titleFont),r=i.titleSpacing,e.fillStyle=i.titleColor,e.font=a.string,l=0;l0!==x)?(t.beginPath(),t.fillStyle=o.multiKeyBackground,zt(t,{x:p,y:g,w:c,h:l,radius:m}),t.fill(),t.stroke(),t.fillStyle=a.backgroundColor,t.beginPath(),zt(t,{x:b,y:g+1,w:c-2,h:l-2,radius:m}),t.fill()):(t.fillStyle=o.multiKeyBackground,t.fillRect(p,g,c,l),t.strokeRect(p,g,c,l),t.fillStyle=a.backgroundColor,t.fillRect(b,g+1,c-2,l-2))}t.fillStyle=this.labelTextColors[i]}drawBody(t,e,i){const{body:s}=this,{bodySpacing:o,bodyAlign:a,displayColors:r,boxHeight:l,boxWidth:c,boxPadding:h}=i,d=V(i.bodyFont);let u=d.lineHeight,f=0;const g=Dt(i.rtl,this.x,this.width),p=function(S){e.fillText(S,g.x(t.x+f),t.y+u/2),t.y+=u+o},b=g.textAlign(a);let m,x,v,y,_,k,M;for(e.textAlign=a,e.textBaseline="middle",e.font=d.string,t.x=ge(this,b,i),e.fillStyle=i.bodyColor,O(this.beforeBody,p),f=r&&"right"!==b?"center"===a?c/2+h:c+2+h:0,y=0,k=s.length;y0&&e.stroke()}_updateAnimationTarget(t){const e=this.chart,i=this.$animations,s=i&&i.x,o=i&&i.y;if(s||o){const a=Xt[t.position].call(this,this._active,this._eventPosition);if(!a)return;const r=this._size=js(this,t),l=Object.assign({},a,this._size),c=$s(e,t,l),h=Us(t,l,c,e);(s._to!==h.x||o._to!==h.y)&&(this.xAlign=c.xAlign,this.yAlign=c.yAlign,this.width=r.width,this.height=r.height,this.caretX=a.x,this.caretY=a.y,this._resolveAnimations().update(this,h))}}_willRender(){return!!this.opacity}draw(t){const e=this.options.setContext(this.getContext());let i=this.opacity;if(!i)return;this._updateAnimationTarget(e);const s={width:this.width,height:this.height},o={x:this.x,y:this.y};i=Math.abs(i)<.001?0:i;const a=j(e.padding);e.enabled&&(this.title.length||this.beforeBody.length||this.body.length||this.afterBody.length||this.footer.length)&&(t.save(),t.globalAlpha=i,this.drawBackground(o,t,s,e),ci(t,e.textDirection),o.y+=a.top,this.drawTitle(o,t,e),this.drawBody(o,t,e),this.drawFooter(o,t,e),hi(t,e.textDirection),t.restore())}getActiveElements(){return this._active||[]}setActiveElements(t,e){const i=this._active,s=t.map(({datasetIndex:r,index:l})=>{const c=this.chart.getDatasetMeta(r);if(!c)throw new Error("Cannot find a dataset at index "+r);return{datasetIndex:r,element:c.data[l],index:l}}),o=!ie(i,s),a=this._positionChanged(s,e);(o||a)&&(this._active=s,this._eventPosition=e,this._ignoreReplayEvents=!0,this.update(!0))}handleEvent(t,e,i=!0){if(e&&this._ignoreReplayEvents)return!1;this._ignoreReplayEvents=!1;const s=this.options,o=this._active||[],a=this._getActiveElements(t,o,e,i),r=this._positionChanged(a,t),l=e||!ie(a,o)||r;return l&&(this._active=a,(s.enabled||s.external)&&(this._eventPosition={x:t.x,y:t.y},this.update(!0,e))),l}_getActiveElements(t,e,i,s){const o=this.options;if("mouseout"===t.type)return[];if(!s)return e;const a=this.chart.getElementsAtEventForMode(t,o.mode,o,i);return o.reverse&&a.reverse(),a}_positionChanged(t,e){const{caretX:i,caretY:s,options:o}=this,a=Xt[o.position].call(this,t,e);return!1!==a&&(i!==a.x||s!==a.y)}}var qs={id:"tooltip",_element:Gs,positioners:Xt,afterInit(n,t,e){e&&(n.tooltip=new Gs({chart:n,options:e}))},beforeUpdate(n,t,e){n.tooltip&&n.tooltip.initialize(e)},reset(n,t,e){n.tooltip&&n.tooltip.initialize(e)},afterDraw(n){const t=n.tooltip;if(t&&t._willRender()){const e={tooltip:t};if(!1===n.notifyPlugins("beforeTooltipDraw",{...e,cancelable:!0}))return;t.draw(n.ctx),n.notifyPlugins("afterTooltipDraw",e)}},afterEvent(n,t){n.tooltip&&n.tooltip.handleEvent(t.event,t.replay,t.inChartArea)&&(t.changed=!0)},defaults:{enabled:!0,external:null,position:"average",backgroundColor:"rgba(0,0,0,0.8)",titleColor:"#fff",titleFont:{weight:"bold"},titleSpacing:2,titleMarginBottom:6,titleAlign:"left",bodyColor:"#fff",bodySpacing:2,bodyFont:{},bodyAlign:"left",footerColor:"#fff",footerSpacing:2,footerMarginTop:6,footerFont:{weight:"bold"},footerAlign:"left",padding:6,caretPadding:2,caretSize:5,cornerRadius:6,boxHeight:(n,t)=>t.bodyFont.size,boxWidth:(n,t)=>t.bodyFont.size,multiKeyBackground:"#fff",displayColors:!0,boxPadding:0,borderColor:"rgba(0,0,0,0)",borderWidth:0,animation:{duration:400,easing:"easeOutQuart"},animations:{numbers:{type:"number",properties:["x","y","width","height","caretX","caretY"]},opacity:{easing:"linear",duration:200}},callbacks:Ks},defaultRoutes:{bodyFont:"font",footerFont:"font",titleFont:"font"},descriptors:{_scriptable:n=>"filter"!==n&&"itemSort"!==n&&"external"!==n,_indexable:!1,callbacks:{_scriptable:!1,_indexable:!1},animation:{_fallback:!1},animations:{_fallback:"animation"}},additionalOptionScopes:["interaction"]},Js=Object.freeze({__proto__:null,Colors:ws,Decimation:Cs,Filler:Fs,Legend:Ns,SubTitle:Ws,Title:Hs,Tooltip:qs});const Lr=(n,t,e,i)=>("string"==typeof t?(e=n.push(t)-1,i.unshift({index:e,label:t})):isNaN(t)&&(e=null),e);function Or(n,t,e,i){const s=n.indexOf(t);return-1===s?Lr(n,t,e,i):s!==n.lastIndexOf(t)?e:s}const Tr=(n,t)=>null===n?null:Y(Math.round(n),0,t);function Zs(n){const t=this.getLabels();return n>=0&&ne.length-1?null:this.getPixelForValue(e[t].value)}getValueForPixel(t){return Math.round(this._startValue+this.getDecimalForPixel(t)*this._valueRange)}getBasePixel(){return this.bottom}}function Er(n,t){const e=[],{bounds:s,step:o,min:a,max:r,precision:l,count:c,maxTicks:h,maxDigits:d,includeBounds:u}=n,f=o||1,g=h-1,{min:p,max:b}=t,m=!L(a),x=!L(r),v=!L(c),y=(b-p)/(d+1);let k,M,S,w,_=ui((b-p)/g/f)*f;if(_<1e-14&&!m&&!x)return[{value:p},{value:b}];w=Math.ceil(b/_)-Math.floor(p/_),w>g&&(_=ui(w*_/g/f)*f),L(l)||(k=Math.pow(10,l),_=Math.ceil(_*k)/k),"ticks"===s?(M=Math.floor(p/_)*_,S=Math.ceil(b/_)*_):(M=p,S=b),m&&x&&o&&Un((r-a)/o,_/1e3)?(w=Math.round(Math.min((r-a)/_,h)),_=(r-a)/w,M=a,S=r):v?(M=m?a:M,S=x?r:S,w=c-1,_=(S-M)/w):(w=(S-M)/_,w=ke(w,Math.round(w),_/1e3)?Math.round(w):Math.ceil(w));const D=Math.max(fi(_),fi(M));k=Math.pow(10,L(l)?D:l),M=Math.round(M*k)/k,S=Math.round(S*k)/k;let P=0;for(m&&(u&&M!==a?(e.push({value:a}),Mr)break;e.push({value:A})}return x&&u&&S!==r?e.length&&ke(e[e.length-1].value,r,tn(r,y,n))?e[e.length-1].value=r:e.push({value:r}):(!x||S===r)&&e.push({value:S}),e}function tn(n,t,{horizontal:e,minRotation:i}){const s=tt(i),o=(e?Math.sin(s):Math.cos(s))||.001;return Math.min(t/o,.75*t*(""+n).length)}class pe extends ut{constructor(t){super(t),this.start=void 0,this.end=void 0,this._startValue=void 0,this._endValue=void 0,this._valueRange=0}parse(t,e){return L(t)||("number"==typeof t||t instanceof Number)&&!isFinite(+t)?null:+t}handleTickRangeOptions(){const{beginAtZero:t}=this.options,{minDefined:e,maxDefined:i}=this.getUserBounds();let{min:s,max:o}=this;const a=l=>s=e?s:l,r=l=>o=i?o:l;if(t){const l=ct(s),c=ct(o);l<0&&c<0?r(0):l>0&&c>0&&a(0)}if(s===o){let l=0===o?1:Math.abs(.05*o);r(o+l),t||a(s-l)}this.min=s,this.max=o}getTickLimit(){const t=this.options.ticks;let s,{maxTicksLimit:e,stepSize:i}=t;return i?(s=Math.ceil(this.max/i)-Math.floor(this.min/i)+1,s>1e3&&(console.warn(`scales.${this.id}.ticks.stepSize: ${i} would result generating up to ${s} ticks. Limiting to 1000.`),s=1e3)):(s=this.computeTickLimit(),e=e||11),e&&(s=Math.min(e,s)),s}computeTickLimit(){return Number.POSITIVE_INFINITY}buildTicks(){const t=this.options,e=t.ticks;let i=this.getTickLimit();i=Math.max(2,i);const a=Er({maxTicks:i,bounds:t.bounds,min:t.min,max:t.max,precision:e.precision,step:e.stepSize,count:e.count,maxDigits:this._maxDigits(),horizontal:this.isHorizontal(),minRotation:e.minRotation||0,includeBounds:!1!==e.includeBounds},this._range||this);return"ticks"===t.bounds&&di(a,this,"value"),t.reverse?(a.reverse(),this.start=this.max,this.end=this.min):(this.start=this.min,this.end=this.max),a}configure(){const t=this.ticks;let e=this.min,i=this.max;if(super.configure(),this.options.offset&&t.length){const s=(i-e)/Math.max(t.length-1,1)/2;e-=s,i+=s}this._startValue=e,this._endValue=i,this._valueRange=i-e}getLabelForValue(t){return qt(t,this.chart.options.locale,this.options.ticks.format)}}class en extends pe{static id="linear";static defaults={ticks:{callback:se.formatters.numeric}};determineDataLimits(){const{min:t,max:e}=this.getMinMax(!0);this.min=B(t)?t:0,this.max=B(e)?e:1,this.handleTickRangeOptions()}computeTickLimit(){const t=this.isHorizontal(),e=t?this.width:this.height,i=tt(this.options.ticks.minRotation),s=(t?Math.sin(i):Math.cos(i))||.001,o=this._resolveTickFontOptions(0);return Math.ceil(e/Math.min(40,o.lineHeight/s))}getPixelForValue(t){return null===t?NaN:this.getPixelForDecimal((t-this._startValue)/this._valueRange)}getValueForPixel(t){return this._startValue+this.getDecimalForPixel(t)*this._valueRange}}const Kt=n=>Math.floor(It(n)),yt=(n,t)=>Math.pow(10,Kt(n)+t);function sn(n){return n/Math.pow(10,Kt(n))==1}function nn(n,t,e){const i=Math.pow(10,e),s=Math.floor(n/i);return Math.ceil(t/i)-s}function Rr(n,t){let i=Kt(t-n);for(;nn(n,t,i)>10;)i++;for(;nn(n,t,i)<10;)i--;return Math.min(i,Kt(n))}function zr(n,{min:t,max:e}){t=J(n.min,t);const i=[],s=Kt(t);let o=Rr(t,e),a=o<0?Math.pow(10,Math.abs(o)):1;const r=Math.pow(10,o),l=s>o?Math.pow(10,s):0,c=Math.round((t-l)*a)/a,h=Math.floor((t-l)/r/10)*r*10;let d=Math.floor((c-h)/Math.pow(10,o)),u=J(n.min,Math.round((l+h+d*Math.pow(10,o))*a)/a);for(;u=10?d=d<15?15:20:d++,d>=20&&(o++,d=2,a=o>=0?1:a),u=Math.round((l+h+d*Math.pow(10,o))*a)/a;const f=J(n.max,u);return i.push({value:f,major:sn(f),significand:d}),i}class on extends ut{static id="logarithmic";static defaults={ticks:{callback:se.formatters.logarithmic,major:{enabled:!0}}};constructor(t){super(t),this.start=void 0,this.end=void 0,this._startValue=void 0,this._valueRange=0}parse(t,e){const i=pe.prototype.parse.apply(this,[t,e]);if(0!==i)return B(i)&&i>0?i:null;this._zero=!0}determineDataLimits(){const{min:t,max:e}=this.getMinMax(!0);this.min=B(t)?Math.max(0,t):null,this.max=B(e)?Math.max(0,e):null,this.options.beginAtZero&&(this._zero=!0),this._zero&&this.min!==this._suggestedMin&&!B(this._userMin)&&(this.min=t===yt(this.min,0)?yt(this.min,-1):yt(this.min,0)),this.handleTickRangeOptions()}handleTickRangeOptions(){const{minDefined:t,maxDefined:e}=this.getUserBounds();let i=this.min,s=this.max;const o=r=>i=t?i:r,a=r=>s=e?s:r;i===s&&(i<=0?(o(1),a(10)):(o(yt(i,-1)),a(yt(s,1)))),i<=0&&o(yt(s,-1)),s<=0&&a(yt(i,1)),this.min=i,this.max=s}buildTicks(){const t=this.options,i=zr({min:this._userMin,max:this._userMax},this);return"ticks"===t.bounds&&di(i,this,"value"),t.reverse?(i.reverse(),this.start=this.max,this.end=this.min):(this.start=this.min,this.end=this.max),i}getLabelForValue(t){return void 0===t?"0":qt(t,this.chart.options.locale,this.options.ticks.format)}configure(){const t=this.min;super.configure(),this._startValue=It(t),this._valueRange=It(this.max)-It(t)}getPixelForValue(t){return(void 0===t||0===t)&&(t=this.min),null===t||isNaN(t)?NaN:this.getPixelForDecimal(t===this.min?0:(It(t)-this._startValue)/this._valueRange)}getValueForPixel(t){const e=this.getDecimalForPixel(t);return Math.pow(10,this._startValue+e*this._valueRange)}}function We(n){const t=n.ticks;if(t.display&&n.display){const e=j(t.backdropPadding);return C(t.font&&t.font.size,F.font.size)+e.height}return 0}function Fr(n,t,e){return e=X(e)?e:[e],{w:Yn(n,t.string,e),h:e.length*t.lineHeight}}function an(n,t,e,i,s){return n===i||n===s?{start:t-e/2,end:t+e/2}:ns?{start:t-e,end:t}:{start:t,end:t+e}}function Ir(n){const t={l:n.left+n._padding.left,r:n.right-n._padding.right,t:n.top+n._padding.top,b:n.bottom-n._padding.bottom},e=Object.assign({},t),i=[],s=[],o=n._pointLabels.length,a=n.options.pointLabels,r=a.centerPointLabels?ot/o:0;for(let l=0;lt.r&&(r=(i.end-t.r)/o,n.r=Math.max(n.r,t.r+r)),s.startt.b&&(l=(s.end-t.b)/a,n.b=Math.max(n.b,t.b+l))}function Vr(n,t,e){const i=n.drawingArea,{extra:s,additionalAngle:o,padding:a,size:r}=e,l=n.getPointPosition(t,i+s+a,o),c=Math.round(_e(Ft(l.angle+Z))),h=$r(l.y,r.h,c),d=Wr(c),u=jr(l.x,r.w,d);return{visible:!0,x:l.x,y:h,textAlign:d,left:u,top:h,right:u+r.w,bottom:h+r.h}}function Nr(n,t){if(!t)return!0;const{left:e,top:i,right:s,bottom:o}=n;return!(pt({x:e,y:i},t)||pt({x:e,y:o},t)||pt({x:s,y:i},t)||pt({x:s,y:o},t))}function Hr(n,t,e){const i=[],s=n._pointLabels.length,o=n.options,{centerPointLabels:a,display:r}=o.pointLabels,l={extra:We(o)/2,additionalAngle:a?ot/s:0};let c;for(let h=0;h270||e<90)&&(n-=t),n}function Ur(n,t,e){const{left:i,top:s,right:o,bottom:a}=e,{backdropColor:r}=t;if(!L(r)){const l=xt(t.borderRadius),c=j(t.backdropPadding);n.fillStyle=r;const h=i-c.left,d=s-c.top,u=o-i+c.width,f=a-s+c.height;Object.values(l).some(g=>0!==g)?(n.beginPath(),zt(n,{x:h,y:d,w:u,h:f,radius:l}),n.fill()):n.fillRect(h,d,u,f)}}function Yr(n,t){const{ctx:e,options:{pointLabels:i}}=n;for(let s=t-1;s>=0;s--){const o=n._pointLabelItems[s];if(!o.visible)continue;const a=i.setContext(n.getPointLabelContext(s));Ur(e,a,o);const r=V(a.font),{x:l,y:c,textAlign:h}=o;bt(e,n._pointLabels[s],l,c+r.lineHeight/2,r,{color:a.color,textAlign:h,textBaseline:"middle"})}}function rn(n,t,e,i){const{ctx:s}=n;if(e)s.arc(n.xCenter,n.yCenter,t,0,U);else{let o=n.getPointPosition(0,t);s.moveTo(o.x,o.y);for(let a=1;at,padding:5,centerPointLabels:!1}};static defaultRoutes={"angleLines.color":"borderColor","pointLabels.color":"color","ticks.color":"color"};static descriptors={angleLines:{_fallback:"grid"}};constructor(t){super(t),this.xCenter=void 0,this.yCenter=void 0,this.drawingArea=void 0,this._pointLabels=[],this._pointLabelItems=[]}setDimensions(){const t=this._padding=j(We(this.options)/2),e=this.width=this.maxWidth-t.width,i=this.height=this.maxHeight-t.height;this.xCenter=Math.floor(this.left+e/2+t.left),this.yCenter=Math.floor(this.top+i/2+t.top),this.drawingArea=Math.floor(Math.min(e,i)/2)}determineDataLimits(){const{min:t,max:e}=this.getMinMax(!1);this.min=B(t)&&!isNaN(t)?t:0,this.max=B(e)&&!isNaN(e)?e:0,this.handleTickRangeOptions()}computeTickLimit(){return Math.ceil(this.drawingArea/We(this.options))}generateTickLabels(t){pe.prototype.generateTickLabels.call(this,t),this._pointLabels=this.getLabels().map((e,i)=>{const s=E(this.options.pointLabels.callback,[e,i],this);return s||0===s?s:""}).filter((e,i)=>this.chart.getDataVisibility(i))}fit(){const t=this.options;t.display&&t.pointLabels.display?Ir(this):this.setCenterPoint(0,0,0,0)}setCenterPoint(t,e,i,s){this.xCenter+=Math.floor((t-e)/2),this.yCenter+=Math.floor((i-s)/2),this.drawingArea-=Math.min(this.drawingArea/2,Math.max(t,e,i,s))}getIndexAngle(t){return Ft(t*(U/(this._pointLabels.length||1))+tt(this.options.startAngle||0))}getDistanceFromCenterForValue(t){if(L(t))return NaN;const e=this.drawingArea/(this.max-this.min);return this.options.reverse?(this.max-t)*e:(t-this.min)*e}getValueForDistanceFromCenter(t){if(L(t))return NaN;const e=t/(this.drawingArea/(this.max-this.min));return this.options.reverse?this.max-e:this.min+e}getPointLabelContext(t){const e=this._pointLabels||[];if(t>=0&&t{if(0!==d){l=this.getDistanceFromCenterForValue(h.value);const u=this.getContext(d),f=s.setContext(u),g=o.setContext(u);Xr(this,f,l,a,g)}}),i.display){for(t.save(),r=a-1;r>=0;r--){const h=i.setContext(this.getPointLabelContext(r)),{color:d,lineWidth:u}=h;!u||!d||(t.lineWidth=u,t.strokeStyle=d,t.setLineDash(h.borderDash),t.lineDashOffset=h.borderDashOffset,l=this.getDistanceFromCenterForValue(e.ticks.reverse?this.min:this.max),c=this.getPointPosition(r,l),t.beginPath(),t.moveTo(this.xCenter,this.yCenter),t.lineTo(c.x,c.y),t.stroke())}t.restore()}}drawBorder(){}drawLabels(){const t=this.ctx,e=this.options,i=e.ticks;if(!i.display)return;const s=this.getIndexAngle(0);let o,a;t.save(),t.translate(this.xCenter,this.yCenter),t.rotate(s),t.textAlign="center",t.textBaseline="middle",this.ticks.forEach((r,l)=>{if(0===l&&!e.reverse)return;const c=i.setContext(this.getContext(l)),h=V(c.font);if(o=this.getDistanceFromCenterForValue(this.ticks[l].value),c.showLabelBackdrop){t.font=h.string,a=t.measureText(r.label).width,t.fillStyle=c.backdropColor;const d=j(c.backdropPadding);t.fillRect(-a/2-d.left,-o-h.size/2-d.top,a+d.width,h.size+d.height)}bt(t,r.label,0,-o,h,{color:c.color})}),t.restore()}drawTitle(){}}const me={millisecond:{common:!0,size:1,steps:1e3},second:{common:!0,size:1e3,steps:60},minute:{common:!0,size:6e4,steps:60},hour:{common:!0,size:36e5,steps:24},day:{common:!0,size:864e5,steps:30},week:{common:!1,size:6048e5,steps:4},month:{common:!0,size:2628e6,steps:12},quarter:{common:!1,size:7884e6,steps:4},year:{common:!0,size:3154e7}},G=Object.keys(me);function Gr(n,t){return n-t}function cn(n,t){if(L(t))return null;const e=n._adapter,{parser:i,round:s,isoWeekday:o}=n._parseOpts;let a=t;return"function"==typeof i&&(a=i(a)),B(a)||(a="string"==typeof i?e.parse(a,i):e.parse(a)),null===a?null:(s&&(a="week"!==s||!St(o)&&!0!==o?e.startOf(a,s):e.startOf(a,"isoWeek",o)),+a)}function hn(n,t,e,i){const s=G.length;for(let o=G.indexOf(n);o=G.indexOf(e);o--){const a=G[o];if(me[a].common&&n._adapter.diff(s,i,a)>=t-1)return a}return G[e?G.indexOf(e):0]}function Jr(n){for(let t=G.indexOf(n)+1,e=G.length;t=t?e[i]:e[s]]=!0}}else n[t]=!0}function Zr(n,t,e,i){const s=n._adapter,o=+s.startOf(t[0].value,i),a=t[t.length-1].value;let r,l;for(r=o;r<=a;r=+s.add(r,1,i))l=e[r],l>=0&&(t[l].major=!0);return t}function un(n,t,e){const i=[],s={},o=t.length;let a,r;for(a=0;a+t.value))}initOffsets(t=[]){let s,o,e=0,i=0;this.options.offset&&t.length&&(s=this.getDecimalForValue(t[0]),e=1===t.length?1-s:(this.getDecimalForValue(t[1])-s)/2,o=this.getDecimalForValue(t[t.length-1]),i=1===t.length?o:(o-this.getDecimalForValue(t[t.length-2]))/2);const a=t.length<3?.5:.25;e=Y(e,0,a),i=Y(i,0,a),this._offsets={start:e,end:i,factor:1/(e+1+i)}}_generate(){const t=this._adapter,e=this.min,i=this.max,s=this.options,o=s.time,a=o.unit||hn(o.minUnit,e,i,this._getLabelCapacity(e)),r=C(s.ticks.stepSize,1),l="week"===a&&o.isoWeekday,c=St(l)||!0===l,h={};let u,f,d=e;if(c&&(d=+t.startOf(d,"isoWeek",l)),d=+t.startOf(d,c?"day":a),t.diff(i,e,a)>1e5*r)throw new Error(e+" and "+i+" are too far apart with stepSize of "+r+" "+a);const g="data"===s.ticks.source&&this.getDataTimestamps();for(u=d,f=0;up-b).map(p=>+p)}getLabelForValue(t){const i=this.options.time;return this._adapter.format(t,i.tooltipFormat?i.tooltipFormat:i.displayFormats.datetime)}format(t,e){return this._adapter.format(t,e||this.options.time.displayFormats[this._unit])}_tickFormatFunction(t,e,i,s){const o=this.options,a=o.ticks.callback;if(a)return E(a,[t,e,i],this);const r=o.time.displayFormats,l=this._unit,c=this._majorUnit,d=c&&r[c],u=i[e];return this._adapter.format(t,s||(c&&d&&u&&u.major?d:l&&r[l]))}generateTickLabels(t){let e,i,s;for(e=0,i=t.length;e0?r:1}getDataTimestamps(){let e,i,t=this._cache.data||[];if(t.length)return t;const s=this.getMatchingVisibleMetas();if(this._normalized&&s.length)return this._cache.data=s[0].controller.getAllParsedValues(this);for(e=0,i=s.length;e=n[i].pos&&t<=n[s].pos&&({lo:i,hi:s}=Rt(n,"pos",t)),({pos:o,time:r}=n[i]),({pos:a,time:l}=n[s])):(t>=n[i].time&&t<=n[s].time&&({lo:i,hi:s}=Rt(n,"time",t)),({time:o,pos:r}=n[i]),({time:a,pos:l}=n[s]));const c=a-o;return c?r+(l-r)*(t-o)/c:r}class fn extends be{static id="timeseries";static defaults=be.defaults;constructor(t){super(t),this._table=[],this._minPos=void 0,this._tableRange=void 0}initOffsets(){const t=this._getTimestampsForTable(),e=this._table=this.buildLookupTable(t);this._minPos=xe(e,this.min),this._tableRange=xe(e,this.max)-this._minPos,super.initOffsets(t)}buildLookupTable(t){const{min:e,max:i}=this,s=[],o=[];let a,r,l,c,h;for(a=0,r=t.length;a=e&&c<=i&&s.push(c);if(s.length<2)return[{time:e,pos:0},{time:i,pos:1}];for(a=0,r=s.length;a.p-component{flex:1 1 auto;width:1%}.p-float-label{display:block;position:relative}.p-float-label label{position:absolute;pointer-events:none;top:50%;margin-top:-.5rem;transition-property:all;transition-timing-function:ease;line-height:1}.p-float-label textarea~label{top:1rem}.p-float-label input:focus~label,.p-float-label input.p-filled~label,.p-float-label textarea:focus~label,.p-float-label textarea.p-filled~label,.p-float-label .p-inputwrapper-focus~label,.p-float-label .p-inputwrapper-filled~label{top:-.75rem;font-size:12px}.p-float-label .input:-webkit-autofill~label{top:-20px;font-size:12px}.p-float-label .p-placeholder,.p-float-label input::placeholder,.p-float-label .p-inputtext::placeholder{opacity:0;transition-property:all;transition-timing-function:ease}.p-float-label .p-focus .p-placeholder,.p-float-label input:focus::placeholder,.p-float-label .p-inputtext:focus::placeholder{opacity:1;transition-property:all;transition-timing-function:ease}.p-input-icon-left,.p-input-icon-right{position:relative;display:inline-block}.p-input-icon-left>i,.p-input-icon-left>.p-icon-wrapper,.p-input-icon-right>i,.p-input-icon-right>.p-icon-wrapper{position:absolute;top:50%;margin-top:-.5rem}.p-fluid .p-input-icon-left,.p-fluid .p-input-icon-right{display:block;width:100%}.p-inputtextarea-resizable{overflow:hidden;resize:none}.p-fluid .p-inputtextarea{width:100%}.p-password{position:relative;display:inline-flex}.p-password-panel{position:absolute;top:0;left:0}.p-password .p-password-panel{min-width:100%}.p-password-meter{height:10px}.p-password-strength{height:100%;width:0;transition:width 1s ease-in-out}.p-fluid .p-password{display:flex}.p-password-input::-ms-reveal,.p-password-input::-ms-clear{display:none}.p-password-clear-icon{position:absolute;top:50%;margin-top:-.5rem;cursor:pointer}.p-password-clearable{position:relative}.p-radiobutton{display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:bottom;position:relative}.p-radiobutton-box{display:flex;justify-content:center;align-items:center}.p-radiobutton-icon{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0) scale(.1);border-radius:50%;visibility:hidden}.p-radiobutton-box.p-highlight .p-radiobutton-icon{transform:translateZ(0) scale(1);visibility:visible}p-radiobutton{display:inline-flex;vertical-align:bottom;align-items:center}.p-radiobutton-label{line-height:1}.p-ripple{overflow:hidden;position:relative}.p-ink{display:block;position:absolute;background:rgba(255,255,255,.5);border-radius:100%;transform:scale(0)}.p-ink-active{animation:ripple .4s linear}.p-ripple-disabled .p-ink{display:none!important}@keyframes ripple{to{opacity:0;transform:scale(2.5)}}.p-tooltip{position:absolute;display:none;padding:.25em .5rem;max-width:12.5rem}.p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-left{padding:0 .25rem}.p-tooltip.p-tooltip-top,.p-tooltip.p-tooltip-bottom{padding:.25em 0}.p-tooltip .p-tooltip-text{white-space:pre-line;word-break:break-word}.p-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.p-tooltip-right .p-tooltip-arrow{top:50%;left:0;margin-top:-.25rem;border-width:.25em .25em .25em 0}.p-tooltip-left .p-tooltip-arrow{top:50%;right:0;margin-top:-.25rem;border-width:.25em 0 .25em .25rem}.p-tooltip.p-tooltip-top{padding:.25em 0}.p-tooltip-top .p-tooltip-arrow{bottom:0;left:50%;margin-left:-.25rem;border-width:.25em .25em 0}.p-tooltip-bottom .p-tooltip-arrow{top:0;left:50%;margin-left:-.25rem;border-width:0 .25em .25rem}@font-face{font-family:primeicons;font-display:block;src:url(primeicons.ffecb2549ad1765a.eot);src:url(primeicons.ffecb2549ad1765a.eot?#iefix) format("embedded-opentype"),url(primeicons.ba3f916dfb64be8c.woff2) format("woff2"),url(primeicons.f8b9e8a4e401b603.woff) format("woff"),url(primeicons.0112589c5695a9ed.ttf) format("truetype"),url(primeicons.943ab24c43224d29.svg?#primeicons) format("svg");font-weight:400;font-style:normal}.pi{font-family:primeicons;speak:none;font-style:normal;font-weight:400;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;-webkit-backface-visibility:hidden;backface-visibility:hidden}.pi-fw{width:1.28571429em;text-align:center}.pi-spin{animation:fa-spin 2s infinite linear}@keyframes fa-spin{0%{transform:rotate(0)}to{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"}.grid{display:flex;flex-wrap:wrap;margin-right:-.5rem;margin-left:-.5rem;margin-top:-.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,.active\:text-0:active{color:var(--surface-0)!important}.focus\:text-50:focus{color:var(--surface-50)!important}.hover\:text-50:hover,.active\:text-50:active{color:var(--surface-50)!important}.focus\:text-100:focus{color:var(--surface-100)!important}.hover\:text-100:hover,.active\:text-100:active{color:var(--surface-100)!important}.focus\:text-200:focus{color:var(--surface-200)!important}.hover\:text-200:hover,.active\:text-200:active{color:var(--surface-200)!important}.focus\:text-300:focus{color:var(--surface-300)!important}.hover\:text-300:hover,.active\:text-300:active{color:var(--surface-300)!important}.focus\:text-400:focus{color:var(--surface-400)!important}.hover\:text-400:hover,.active\:text-400:active{color:var(--surface-400)!important}.focus\:text-500:focus{color:var(--surface-500)!important}.hover\:text-500:hover,.active\:text-500:active{color:var(--surface-500)!important}.focus\:text-600:focus{color:var(--surface-600)!important}.hover\:text-600:hover,.active\:text-600:active{color:var(--surface-600)!important}.focus\:text-700:focus{color:var(--surface-700)!important}.hover\:text-700:hover,.active\:text-700:active{color:var(--surface-700)!important}.focus\:text-800:focus{color:var(--surface-800)!important}.hover\:text-800:hover,.active\:text-800:active{color:var(--surface-800)!important}.focus\:text-900:focus{color:var(--surface-900)!important}.hover\:text-900:hover,.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,.active\:surface-0:active{background-color:var(--surface-0)!important}.focus\:surface-50:focus{background-color:var(--surface-50)!important}.hover\:surface-50:hover,.active\:surface-50:active{background-color:var(--surface-50)!important}.focus\:surface-100:focus{background-color:var(--surface-100)!important}.hover\:surface-100:hover,.active\:surface-100:active{background-color:var(--surface-100)!important}.focus\:surface-200:focus{background-color:var(--surface-200)!important}.hover\:surface-200:hover,.active\:surface-200:active{background-color:var(--surface-200)!important}.focus\:surface-300:focus{background-color:var(--surface-300)!important}.hover\:surface-300:hover,.active\:surface-300:active{background-color:var(--surface-300)!important}.focus\:surface-400:focus{background-color:var(--surface-400)!important}.hover\:surface-400:hover,.active\:surface-400:active{background-color:var(--surface-400)!important}.focus\:surface-500:focus{background-color:var(--surface-500)!important}.hover\:surface-500:hover,.active\:surface-500:active{background-color:var(--surface-500)!important}.focus\:surface-600:focus{background-color:var(--surface-600)!important}.hover\:surface-600:hover,.active\:surface-600:active{background-color:var(--surface-600)!important}.focus\:surface-700:focus{background-color:var(--surface-700)!important}.hover\:surface-700:hover,.active\:surface-700:active{background-color:var(--surface-700)!important}.focus\:surface-800:focus{background-color:var(--surface-800)!important}.hover\:surface-800:hover,.active\:surface-800:active{background-color:var(--surface-800)!important}.focus\:surface-900:focus{background-color:var(--surface-900)!important}.hover\:surface-900:hover,.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,.active\:border-0:active{border-color:var(--surface-0)!important}.focus\:border-50:focus{border-color:var(--surface-50)!important}.hover\:border-50:hover,.active\:border-50:active{border-color:var(--surface-50)!important}.focus\:border-100:focus{border-color:var(--surface-100)!important}.hover\:border-100:hover,.active\:border-100:active{border-color:var(--surface-100)!important}.focus\:border-200:focus{border-color:var(--surface-200)!important}.hover\:border-200:hover,.active\:border-200:active{border-color:var(--surface-200)!important}.focus\:border-300:focus{border-color:var(--surface-300)!important}.hover\:border-300:hover,.active\:border-300:active{border-color:var(--surface-300)!important}.focus\:border-400:focus{border-color:var(--surface-400)!important}.hover\:border-400:hover,.active\:border-400:active{border-color:var(--surface-400)!important}.focus\:border-500:focus{border-color:var(--surface-500)!important}.hover\:border-500:hover,.active\:border-500:active{border-color:var(--surface-500)!important}.focus\:border-600:focus{border-color:var(--surface-600)!important}.hover\:border-600:hover,.active\:border-600:active{border-color:var(--surface-600)!important}.focus\:border-700:focus{border-color:var(--surface-700)!important}.hover\:border-700:hover,.active\:border-700:active{border-color:var(--surface-700)!important}.focus\:border-800:focus{border-color:var(--surface-800)!important}.hover\:border-800:hover,.active\:border-800:active{border-color:var(--surface-800)!important}.focus\:border-900:focus{border-color:var(--surface-900)!important}.hover\:border-900:hover,.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:#ffffff1a!important}.bg-white-alpha-20{background-color:#fff3!important}.bg-white-alpha-30{background-color:#ffffff4d!important}.bg-white-alpha-40{background-color:#fff6!important}.bg-white-alpha-50{background-color:#ffffff80!important}.bg-white-alpha-60{background-color:#fff9!important}.bg-white-alpha-70{background-color:#ffffffb3!important}.bg-white-alpha-80{background-color:#fffc!important}.bg-white-alpha-90{background-color:#ffffffe6!important}.hover\:bg-white-alpha-10:hover{background-color:#ffffff1a!important}.hover\:bg-white-alpha-20:hover{background-color:#fff3!important}.hover\:bg-white-alpha-30:hover{background-color:#ffffff4d!important}.hover\:bg-white-alpha-40:hover{background-color:#fff6!important}.hover\:bg-white-alpha-50:hover{background-color:#ffffff80!important}.hover\:bg-white-alpha-60:hover{background-color:#fff9!important}.hover\:bg-white-alpha-70:hover{background-color:#ffffffb3!important}.hover\:bg-white-alpha-80:hover{background-color:#fffc!important}.hover\:bg-white-alpha-90:hover{background-color:#ffffffe6!important}.focus\:bg-white-alpha-10:focus{background-color:#ffffff1a!important}.focus\:bg-white-alpha-20:focus{background-color:#fff3!important}.focus\:bg-white-alpha-30:focus{background-color:#ffffff4d!important}.focus\:bg-white-alpha-40:focus{background-color:#fff6!important}.focus\:bg-white-alpha-50:focus{background-color:#ffffff80!important}.focus\:bg-white-alpha-60:focus{background-color:#fff9!important}.focus\:bg-white-alpha-70:focus{background-color:#ffffffb3!important}.focus\:bg-white-alpha-80:focus{background-color:#fffc!important}.focus\:bg-white-alpha-90:focus{background-color:#ffffffe6!important}.active\:bg-white-alpha-10:active{background-color:#ffffff1a!important}.active\:bg-white-alpha-20:active{background-color:#fff3!important}.active\:bg-white-alpha-30:active{background-color:#ffffff4d!important}.active\:bg-white-alpha-40:active{background-color:#fff6!important}.active\:bg-white-alpha-50:active{background-color:#ffffff80!important}.active\:bg-white-alpha-60:active{background-color:#fff9!important}.active\:bg-white-alpha-70:active{background-color:#ffffffb3!important}.active\:bg-white-alpha-80:active{background-color:#fffc!important}.active\:bg-white-alpha-90:active{background-color:#ffffffe6!important}.bg-black-alpha-10{background-color:#0000001a!important}.bg-black-alpha-20{background-color:#0003!important}.bg-black-alpha-30{background-color:#0000004d!important}.bg-black-alpha-40{background-color:#0006!important}.bg-black-alpha-50{background-color:#00000080!important}.bg-black-alpha-60{background-color:#0009!important}.bg-black-alpha-70{background-color:#000000b3!important}.bg-black-alpha-80{background-color:#000c!important}.bg-black-alpha-90{background-color:#000000e6!important}.hover\:bg-black-alpha-10:hover{background-color:#0000001a!important}.hover\:bg-black-alpha-20:hover{background-color:#0003!important}.hover\:bg-black-alpha-30:hover{background-color:#0000004d!important}.hover\:bg-black-alpha-40:hover{background-color:#0006!important}.hover\:bg-black-alpha-50:hover{background-color:#00000080!important}.hover\:bg-black-alpha-60:hover{background-color:#0009!important}.hover\:bg-black-alpha-70:hover{background-color:#000000b3!important}.hover\:bg-black-alpha-80:hover{background-color:#000c!important}.hover\:bg-black-alpha-90:hover{background-color:#000000e6!important}.focus\:bg-black-alpha-10:focus{background-color:#0000001a!important}.focus\:bg-black-alpha-20:focus{background-color:#0003!important}.focus\:bg-black-alpha-30:focus{background-color:#0000004d!important}.focus\:bg-black-alpha-40:focus{background-color:#0006!important}.focus\:bg-black-alpha-50:focus{background-color:#00000080!important}.focus\:bg-black-alpha-60:focus{background-color:#0009!important}.focus\:bg-black-alpha-70:focus{background-color:#000000b3!important}.focus\:bg-black-alpha-80:focus{background-color:#000c!important}.focus\:bg-black-alpha-90:focus{background-color:#000000e6!important}.active\:bg-black-alpha-10:active{background-color:#0000001a!important}.active\:bg-black-alpha-20:active{background-color:#0003!important}.active\:bg-black-alpha-30:active{background-color:#0000004d!important}.active\:bg-black-alpha-40:active{background-color:#0006!important}.active\:bg-black-alpha-50:active{background-color:#00000080!important}.active\:bg-black-alpha-60:active{background-color:#0009!important}.active\:bg-black-alpha-70:active{background-color:#000000b3!important}.active\:bg-black-alpha-80:active{background-color:#000c!important}.active\:bg-black-alpha-90:active{background-color:#000000e6!important}.border-white-alpha-10{border-color:#ffffff1a!important}.border-white-alpha-20{border-color:#fff3!important}.border-white-alpha-30{border-color:#ffffff4d!important}.border-white-alpha-40{border-color:#fff6!important}.border-white-alpha-50{border-color:#ffffff80!important}.border-white-alpha-60{border-color:#fff9!important}.border-white-alpha-70{border-color:#ffffffb3!important}.border-white-alpha-80{border-color:#fffc!important}.border-white-alpha-90{border-color:#ffffffe6!important}.hover\:border-white-alpha-10:hover{border-color:#ffffff1a!important}.hover\:border-white-alpha-20:hover{border-color:#fff3!important}.hover\:border-white-alpha-30:hover{border-color:#ffffff4d!important}.hover\:border-white-alpha-40:hover{border-color:#fff6!important}.hover\:border-white-alpha-50:hover{border-color:#ffffff80!important}.hover\:border-white-alpha-60:hover{border-color:#fff9!important}.hover\:border-white-alpha-70:hover{border-color:#ffffffb3!important}.hover\:border-white-alpha-80:hover{border-color:#fffc!important}.hover\:border-white-alpha-90:hover{border-color:#ffffffe6!important}.focus\:border-white-alpha-10:focus{border-color:#ffffff1a!important}.focus\:border-white-alpha-20:focus{border-color:#fff3!important}.focus\:border-white-alpha-30:focus{border-color:#ffffff4d!important}.focus\:border-white-alpha-40:focus{border-color:#fff6!important}.focus\:border-white-alpha-50:focus{border-color:#ffffff80!important}.focus\:border-white-alpha-60:focus{border-color:#fff9!important}.focus\:border-white-alpha-70:focus{border-color:#ffffffb3!important}.focus\:border-white-alpha-80:focus{border-color:#fffc!important}.focus\:border-white-alpha-90:focus{border-color:#ffffffe6!important}.active\:border-white-alpha-10:active{border-color:#ffffff1a!important}.active\:border-white-alpha-20:active{border-color:#fff3!important}.active\:border-white-alpha-30:active{border-color:#ffffff4d!important}.active\:border-white-alpha-40:active{border-color:#fff6!important}.active\:border-white-alpha-50:active{border-color:#ffffff80!important}.active\:border-white-alpha-60:active{border-color:#fff9!important}.active\:border-white-alpha-70:active{border-color:#ffffffb3!important}.active\:border-white-alpha-80:active{border-color:#fffc!important}.active\:border-white-alpha-90:active{border-color:#ffffffe6!important}.border-black-alpha-10{border-color:#0000001a!important}.border-black-alpha-20{border-color:#0003!important}.border-black-alpha-30{border-color:#0000004d!important}.border-black-alpha-40{border-color:#0006!important}.border-black-alpha-50{border-color:#00000080!important}.border-black-alpha-60{border-color:#0009!important}.border-black-alpha-70{border-color:#000000b3!important}.border-black-alpha-80{border-color:#000c!important}.border-black-alpha-90{border-color:#000000e6!important}.hover\:border-black-alpha-10:hover{border-color:#0000001a!important}.hover\:border-black-alpha-20:hover{border-color:#0003!important}.hover\:border-black-alpha-30:hover{border-color:#0000004d!important}.hover\:border-black-alpha-40:hover{border-color:#0006!important}.hover\:border-black-alpha-50:hover{border-color:#00000080!important}.hover\:border-black-alpha-60:hover{border-color:#0009!important}.hover\:border-black-alpha-70:hover{border-color:#000000b3!important}.hover\:border-black-alpha-80:hover{border-color:#000c!important}.hover\:border-black-alpha-90:hover{border-color:#000000e6!important}.focus\:border-black-alpha-10:focus{border-color:#0000001a!important}.focus\:border-black-alpha-20:focus{border-color:#0003!important}.focus\:border-black-alpha-30:focus{border-color:#0000004d!important}.focus\:border-black-alpha-40:focus{border-color:#0006!important}.focus\:border-black-alpha-50:focus{border-color:#00000080!important}.focus\:border-black-alpha-60:focus{border-color:#0009!important}.focus\:border-black-alpha-70:focus{border-color:#000000b3!important}.focus\:border-black-alpha-80:focus{border-color:#000c!important}.focus\:border-black-alpha-90:focus{border-color:#000000e6!important}.active\:border-black-alpha-10:active{border-color:#0000001a!important}.active\:border-black-alpha-20:active{border-color:#0003!important}.active\:border-black-alpha-30:active{border-color:#0000004d!important}.active\:border-black-alpha-40:active{border-color:#0006!important}.active\:border-black-alpha-50:active{border-color:#00000080!important}.active\:border-black-alpha-60:active{border-color:#0009!important}.active\:border-black-alpha-70:active{border-color:#000000b3!important}.active\:border-black-alpha-80:active{border-color:#000c!important}.active\:border-black-alpha-90:active{border-color:#000000e6!important}.text-white-alpha-10{color:#ffffff1a!important}.text-white-alpha-20{color:#fff3!important}.text-white-alpha-30{color:#ffffff4d!important}.text-white-alpha-40{color:#fff6!important}.text-white-alpha-50{color:#ffffff80!important}.text-white-alpha-60{color:#fff9!important}.text-white-alpha-70{color:#ffffffb3!important}.text-white-alpha-80{color:#fffc!important}.text-white-alpha-90{color:#ffffffe6!important}.hover\:text-white-alpha-10:hover{color:#ffffff1a!important}.hover\:text-white-alpha-20:hover{color:#fff3!important}.hover\:text-white-alpha-30:hover{color:#ffffff4d!important}.hover\:text-white-alpha-40:hover{color:#fff6!important}.hover\:text-white-alpha-50:hover{color:#ffffff80!important}.hover\:text-white-alpha-60:hover{color:#fff9!important}.hover\:text-white-alpha-70:hover{color:#ffffffb3!important}.hover\:text-white-alpha-80:hover{color:#fffc!important}.hover\:text-white-alpha-90:hover{color:#ffffffe6!important}.focus\:text-white-alpha-10:focus{color:#ffffff1a!important}.focus\:text-white-alpha-20:focus{color:#fff3!important}.focus\:text-white-alpha-30:focus{color:#ffffff4d!important}.focus\:text-white-alpha-40:focus{color:#fff6!important}.focus\:text-white-alpha-50:focus{color:#ffffff80!important}.focus\:text-white-alpha-60:focus{color:#fff9!important}.focus\:text-white-alpha-70:focus{color:#ffffffb3!important}.focus\:text-white-alpha-80:focus{color:#fffc!important}.focus\:text-white-alpha-90:focus{color:#ffffffe6!important}.active\:text-white-alpha-10:active{color:#ffffff1a!important}.active\:text-white-alpha-20:active{color:#fff3!important}.active\:text-white-alpha-30:active{color:#ffffff4d!important}.active\:text-white-alpha-40:active{color:#fff6!important}.active\:text-white-alpha-50:active{color:#ffffff80!important}.active\:text-white-alpha-60:active{color:#fff9!important}.active\:text-white-alpha-70:active{color:#ffffffb3!important}.active\:text-white-alpha-80:active{color:#fffc!important}.active\:text-white-alpha-90:active{color:#ffffffe6!important}.text-black-alpha-10{color:#0000001a!important}.text-black-alpha-20{color:#0003!important}.text-black-alpha-30{color:#0000004d!important}.text-black-alpha-40{color:#0006!important}.text-black-alpha-50{color:#00000080!important}.text-black-alpha-60{color:#0009!important}.text-black-alpha-70{color:#000000b3!important}.text-black-alpha-80{color:#000c!important}.text-black-alpha-90{color:#000000e6!important}.hover\:text-black-alpha-10:hover{color:#0000001a!important}.hover\:text-black-alpha-20:hover{color:#0003!important}.hover\:text-black-alpha-30:hover{color:#0000004d!important}.hover\:text-black-alpha-40:hover{color:#0006!important}.hover\:text-black-alpha-50:hover{color:#00000080!important}.hover\:text-black-alpha-60:hover{color:#0009!important}.hover\:text-black-alpha-70:hover{color:#000000b3!important}.hover\:text-black-alpha-80:hover{color:#000c!important}.hover\:text-black-alpha-90:hover{color:#000000e6!important}.focus\:text-black-alpha-10:focus{color:#0000001a!important}.focus\:text-black-alpha-20:focus{color:#0003!important}.focus\:text-black-alpha-30:focus{color:#0000004d!important}.focus\:text-black-alpha-40:focus{color:#0006!important}.focus\:text-black-alpha-50:focus{color:#00000080!important}.focus\:text-black-alpha-60:focus{color:#0009!important}.focus\:text-black-alpha-70:focus{color:#000000b3!important}.focus\:text-black-alpha-80:focus{color:#000c!important}.focus\:text-black-alpha-90:focus{color:#000000e6!important}.active\:text-black-alpha-10:active{color:#0000001a!important}.active\:text-black-alpha-20:active{color:#0003!important}.active\:text-black-alpha-30:active{color:#0000004d!important}.active\:text-black-alpha-40:active{color:#0006!important}.active\:text-black-alpha-50:active{color:#00000080!important}.active\:text-black-alpha-60:active{color:#0009!important}.active\:text-black-alpha-70:active{color:#000000b3!important}.active\:text-black-alpha-80:active{color:#000c!important}.active\:text-black-alpha-90:active{color:#000000e6!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:#fff!important}.border-primary{border-color:var(--primary-color)!important}.text-white{color:#fff!important}.border-white{border-color:#fff!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,.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,.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,.active\:bg-primary-reverse:active{color:var(--primary-color)!important;background-color:var(--primary-color-text)!important}.focus\:bg-white:focus{background-color:#fff!important}.hover\:bg-white:hover,.active\:bg-white:active{background-color:#fff!important}.focus\:border-primary:focus{border-color:var(--primary-color)!important}.hover\:border-primary:hover,.active\:border-primary:active{border-color:var(--primary-color)!important}.focus\:text-white:focus{color:#fff!important}.hover\:text-white:hover,.active\:text-white:active{color:#fff!important}.focus\:border-white:focus{border-color:#fff!important}.hover\:border-white:hover,.active\:border-white:active{border-color:#fff!important}.focus\:text-color:focus{color:var(--text-color)!important}.hover\:text-color:hover,.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,.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,.active\:surface-ground:active{background-color:var(--surface-ground)!important}.focus\:surface-section:focus{background-color:var(--surface-section)!important}.hover\:surface-section:hover,.active\:surface-section:active{background-color:var(--surface-section)!important}.focus\:surface-card:focus{background-color:var(--surface-card)!important}.hover\:surface-card:hover,.active\:surface-card:active{background-color:var(--surface-card)!important}.focus\:surface-overlay:focus{background-color:var(--surface-overlay)!important}.hover\:surface-overlay:hover,.active\:surface-overlay:active{background-color:var(--surface-overlay)!important}.focus\:surface-hover:focus{background-color:var(--surface-hover)!important}.hover\:surface-hover:hover,.active\:surface-hover:active{background-color:var(--surface-hover)!important}.focus\:surface-border:focus{border-color:var(--surface-border)!important}.hover\:surface-border:hover,.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:#fff!important}.sm\:border-primary{border-color:var(--primary-color)!important}.sm\:text-white{color:#fff!important}.sm\:border-white{border-color:#fff!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,.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,.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,.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:#fff!important}.sm\:hover\:bg-white:hover,.sm\:active\:bg-white:active{background-color:#fff!important}.sm\:focus\:border-primary:focus{border-color:var(--primary-color)!important}.sm\:hover\:border-primary:hover,.sm\:active\:border-primary:active{border-color:var(--primary-color)!important}.sm\:focus\:text-white:focus{color:#fff!important}.sm\:hover\:text-white:hover,.sm\:active\:text-white:active{color:#fff!important}.sm\:focus\:border-white:focus{border-color:#fff!important}.sm\:hover\:border-white:hover,.sm\:active\:border-white:active{border-color:#fff!important}.sm\:focus\:text-color:focus{color:var(--text-color)!important}.sm\:hover\:text-color:hover,.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,.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,.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,.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,.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,.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,.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,.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:#fff!important}.md\:border-primary{border-color:var(--primary-color)!important}.md\:text-white{color:#fff!important}.md\:border-white{border-color:#fff!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,.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,.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,.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:#fff!important}.md\:hover\:bg-white:hover,.md\:active\:bg-white:active{background-color:#fff!important}.md\:focus\:border-primary:focus{border-color:var(--primary-color)!important}.md\:hover\:border-primary:hover,.md\:active\:border-primary:active{border-color:var(--primary-color)!important}.md\:focus\:text-white:focus{color:#fff!important}.md\:hover\:text-white:hover,.md\:active\:text-white:active{color:#fff!important}.md\:focus\:border-white:focus{border-color:#fff!important}.md\:hover\:border-white:hover,.md\:active\:border-white:active{border-color:#fff!important}.md\:focus\:text-color:focus{color:var(--text-color)!important}.md\:hover\:text-color:hover,.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,.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,.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,.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,.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,.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,.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,.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:#fff!important}.lg\:border-primary{border-color:var(--primary-color)!important}.lg\:text-white{color:#fff!important}.lg\:border-white{border-color:#fff!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,.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,.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,.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:#fff!important}.lg\:hover\:bg-white:hover,.lg\:active\:bg-white:active{background-color:#fff!important}.lg\:focus\:border-primary:focus{border-color:var(--primary-color)!important}.lg\:hover\:border-primary:hover,.lg\:active\:border-primary:active{border-color:var(--primary-color)!important}.lg\:focus\:text-white:focus{color:#fff!important}.lg\:hover\:text-white:hover,.lg\:active\:text-white:active{color:#fff!important}.lg\:focus\:border-white:focus{border-color:#fff!important}.lg\:hover\:border-white:hover,.lg\:active\:border-white:active{border-color:#fff!important}.lg\:focus\:text-color:focus{color:var(--text-color)!important}.lg\:hover\:text-color:hover,.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,.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,.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,.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,.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,.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,.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,.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:#fff!important}.xl\:border-primary{border-color:var(--primary-color)!important}.xl\:text-white{color:#fff!important}.xl\:border-white{border-color:#fff!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,.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,.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,.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:#fff!important}.xl\:hover\:bg-white:hover,.xl\:active\:bg-white:active{background-color:#fff!important}.xl\:focus\:border-primary:focus{border-color:var(--primary-color)!important}.xl\:hover\:border-primary:hover,.xl\:active\:border-primary:active{border-color:var(--primary-color)!important}.xl\:focus\:text-white:focus{color:#fff!important}.xl\:hover\:text-white:hover,.xl\:active\:text-white:active{color:#fff!important}.xl\:focus\:border-white:focus{border-color:#fff!important}.xl\:hover\:border-white:hover,.xl\:active\:border-white:active{border-color:#fff!important}.xl\:focus\:text-color:focus{color:var(--text-color)!important}.xl\:hover\:text-color:hover,.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,.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,.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,.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,.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,.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,.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,.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,.active\:underline:active{text-decoration:underline!important}.focus\:line-through:focus{text-decoration:line-through!important}.hover\:line-through:hover,.active\:line-through:active{text-decoration:line-through!important}.focus\:no-underline:focus{text-decoration:none!important}.hover\:no-underline:hover,.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:.75rem!important}.text-sm{font-size:.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:.75rem!important}.sm\:text-sm{font-size:.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:.75rem!important}.md\:text-sm{font-size:.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:.75rem!important}.lg\:text-sm{font-size:.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:.75rem!important}.xl\:text-sm{font-size:.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:-.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-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:-.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-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:-.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-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:-.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-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:-.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-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:-.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-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:-.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-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:-.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-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:-.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-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:-.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-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:-.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-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:-.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-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:-.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-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:-.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-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:-.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-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:-.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-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:-.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-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:-.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-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:-.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-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:-.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-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:-.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-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:-.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-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:-.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-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:-.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-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:-.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-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:-.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-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:-.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-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:-.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-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:-.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-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:-.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-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:-.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-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:-.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-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:-.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-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:-.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-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:-.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-auto{margin-top:auto!important;margin-bottom:auto!important}}.shadow-none{box-shadow:none!important}.shadow-1{box-shadow:0 3px 5px #00000005,0 0 2px #0000000d,0 1px 4px #00000014!important}.shadow-2{box-shadow:0 4px 10px #00000008,0 0 2px #0000000f,0 2px 6px #0000001f!important}.shadow-3{box-shadow:0 1px 8px #00000014,0 3px 4px #0000001a,0 1px 4px -1px #0000001a!important}.shadow-4{box-shadow:0 1px 10px #0000001f,0 4px 5px #00000024,0 2px 4px -1px #0003!important}.shadow-5{box-shadow:0 1px 7px #0000001a,0 4px 5px -2px #0000001f,0 10px 15px -5px #0003!important}.shadow-6{box-shadow:0 3px 5px #0000000f,0 7px 9px #0000001f,0 20px 25px -8px #0000002e!important}.shadow-7{box-shadow:0 7px 30px #00000014,0 22px 30px 2px #00000026,0 8px 10px #00000026!important}.shadow-8{box-shadow:0 9px 46px 8px #0000001f,0 24px 38px 3px #00000024,0 11px 15px #0003!important}.focus\:shadow-none:focus{box-shadow:none!important}.hover\:shadow-none:hover,.active\:shadow-none:active{box-shadow:none!important}.focus\:shadow-1:focus{box-shadow:0 3px 5px #00000005,0 0 2px #0000000d,0 1px 4px #00000014!important}.hover\:shadow-1:hover,.active\:shadow-1:active{box-shadow:0 3px 5px #00000005,0 0 2px #0000000d,0 1px 4px #00000014!important}.focus\:shadow-2:focus{box-shadow:0 4px 10px #00000008,0 0 2px #0000000f,0 2px 6px #0000001f!important}.hover\:shadow-2:hover,.active\:shadow-2:active{box-shadow:0 4px 10px #00000008,0 0 2px #0000000f,0 2px 6px #0000001f!important}.focus\:shadow-3:focus{box-shadow:0 1px 8px #00000014,0 3px 4px #0000001a,0 1px 4px -1px #0000001a!important}.hover\:shadow-3:hover,.active\:shadow-3:active{box-shadow:0 1px 8px #00000014,0 3px 4px #0000001a,0 1px 4px -1px #0000001a!important}.focus\:shadow-4:focus{box-shadow:0 1px 10px #0000001f,0 4px 5px #00000024,0 2px 4px -1px #0003!important}.hover\:shadow-4:hover,.active\:shadow-4:active{box-shadow:0 1px 10px #0000001f,0 4px 5px #00000024,0 2px 4px -1px #0003!important}.focus\:shadow-5:focus{box-shadow:0 1px 7px #0000001a,0 4px 5px -2px #0000001f,0 10px 15px -5px #0003!important}.hover\:shadow-5:hover,.active\:shadow-5:active{box-shadow:0 1px 7px #0000001a,0 4px 5px -2px #0000001f,0 10px 15px -5px #0003!important}.focus\:shadow-6:focus{box-shadow:0 3px 5px #0000000f,0 7px 9px #0000001f,0 20px 25px -8px #0000002e!important}.hover\:shadow-6:hover,.active\:shadow-6:active{box-shadow:0 3px 5px #0000000f,0 7px 9px #0000001f,0 20px 25px -8px #0000002e!important}.focus\:shadow-7:focus{box-shadow:0 7px 30px #00000014,0 22px 30px 2px #00000026,0 8px 10px #00000026!important}.hover\:shadow-7:hover,.active\:shadow-7:active{box-shadow:0 7px 30px #00000014,0 22px 30px 2px #00000026,0 8px 10px #00000026!important}.focus\:shadow-8:focus{box-shadow:0 9px 46px 8px #0000001f,0 24px 38px 3px #00000024,0 11px 15px #0003!important}.hover\:shadow-8:hover,.active\:shadow-8:active{box-shadow:0 9px 46px 8px #0000001f,0 24px 38px 3px #00000024,0 11px 15px #0003!important}@media screen and (min-width: 576px){.sm\:shadow-none{box-shadow:none!important}.sm\:shadow-1{box-shadow:0 3px 5px #00000005,0 0 2px #0000000d,0 1px 4px #00000014!important}.sm\:shadow-2{box-shadow:0 4px 10px #00000008,0 0 2px #0000000f,0 2px 6px #0000001f!important}.sm\:shadow-3{box-shadow:0 1px 8px #00000014,0 3px 4px #0000001a,0 1px 4px -1px #0000001a!important}.sm\:shadow-4{box-shadow:0 1px 10px #0000001f,0 4px 5px #00000024,0 2px 4px -1px #0003!important}.sm\:shadow-5{box-shadow:0 1px 7px #0000001a,0 4px 5px -2px #0000001f,0 10px 15px -5px #0003!important}.sm\:shadow-6{box-shadow:0 3px 5px #0000000f,0 7px 9px #0000001f,0 20px 25px -8px #0000002e!important}.sm\:shadow-7{box-shadow:0 7px 30px #00000014,0 22px 30px 2px #00000026,0 8px 10px #00000026!important}.sm\:shadow-8{box-shadow:0 9px 46px 8px #0000001f,0 24px 38px 3px #00000024,0 11px 15px #0003!important}.sm\:focus\:shadow-none:focus{box-shadow:none!important}.sm\:hover\:shadow-none:hover,.sm\:active\:shadow-none:active{box-shadow:none!important}.sm\:focus\:shadow-1:focus{box-shadow:0 3px 5px #00000005,0 0 2px #0000000d,0 1px 4px #00000014!important}.sm\:hover\:shadow-1:hover,.sm\:active\:shadow-1:active{box-shadow:0 3px 5px #00000005,0 0 2px #0000000d,0 1px 4px #00000014!important}.sm\:focus\:shadow-2:focus{box-shadow:0 4px 10px #00000008,0 0 2px #0000000f,0 2px 6px #0000001f!important}.sm\:hover\:shadow-2:hover,.sm\:active\:shadow-2:active{box-shadow:0 4px 10px #00000008,0 0 2px #0000000f,0 2px 6px #0000001f!important}.sm\:focus\:shadow-3:focus{box-shadow:0 1px 8px #00000014,0 3px 4px #0000001a,0 1px 4px -1px #0000001a!important}.sm\:hover\:shadow-3:hover,.sm\:active\:shadow-3:active{box-shadow:0 1px 8px #00000014,0 3px 4px #0000001a,0 1px 4px -1px #0000001a!important}.sm\:focus\:shadow-4:focus{box-shadow:0 1px 10px #0000001f,0 4px 5px #00000024,0 2px 4px -1px #0003!important}.sm\:hover\:shadow-4:hover,.sm\:active\:shadow-4:active{box-shadow:0 1px 10px #0000001f,0 4px 5px #00000024,0 2px 4px -1px #0003!important}.sm\:focus\:shadow-5:focus{box-shadow:0 1px 7px #0000001a,0 4px 5px -2px #0000001f,0 10px 15px -5px #0003!important}.sm\:hover\:shadow-5:hover,.sm\:active\:shadow-5:active{box-shadow:0 1px 7px #0000001a,0 4px 5px -2px #0000001f,0 10px 15px -5px #0003!important}.sm\:focus\:shadow-6:focus{box-shadow:0 3px 5px #0000000f,0 7px 9px #0000001f,0 20px 25px -8px #0000002e!important}.sm\:hover\:shadow-6:hover,.sm\:active\:shadow-6:active{box-shadow:0 3px 5px #0000000f,0 7px 9px #0000001f,0 20px 25px -8px #0000002e!important}.sm\:focus\:shadow-7:focus{box-shadow:0 7px 30px #00000014,0 22px 30px 2px #00000026,0 8px 10px #00000026!important}.sm\:hover\:shadow-7:hover,.sm\:active\:shadow-7:active{box-shadow:0 7px 30px #00000014,0 22px 30px 2px #00000026,0 8px 10px #00000026!important}.sm\:focus\:shadow-8:focus{box-shadow:0 9px 46px 8px #0000001f,0 24px 38px 3px #00000024,0 11px 15px #0003!important}.sm\:hover\:shadow-8:hover,.sm\:active\:shadow-8:active{box-shadow:0 9px 46px 8px #0000001f,0 24px 38px 3px #00000024,0 11px 15px #0003!important}}@media screen and (min-width: 768px){.md\:shadow-none{box-shadow:none!important}.md\:shadow-1{box-shadow:0 3px 5px #00000005,0 0 2px #0000000d,0 1px 4px #00000014!important}.md\:shadow-2{box-shadow:0 4px 10px #00000008,0 0 2px #0000000f,0 2px 6px #0000001f!important}.md\:shadow-3{box-shadow:0 1px 8px #00000014,0 3px 4px #0000001a,0 1px 4px -1px #0000001a!important}.md\:shadow-4{box-shadow:0 1px 10px #0000001f,0 4px 5px #00000024,0 2px 4px -1px #0003!important}.md\:shadow-5{box-shadow:0 1px 7px #0000001a,0 4px 5px -2px #0000001f,0 10px 15px -5px #0003!important}.md\:shadow-6{box-shadow:0 3px 5px #0000000f,0 7px 9px #0000001f,0 20px 25px -8px #0000002e!important}.md\:shadow-7{box-shadow:0 7px 30px #00000014,0 22px 30px 2px #00000026,0 8px 10px #00000026!important}.md\:shadow-8{box-shadow:0 9px 46px 8px #0000001f,0 24px 38px 3px #00000024,0 11px 15px #0003!important}.md\:focus\:shadow-none:focus{box-shadow:none!important}.md\:hover\:shadow-none:hover,.md\:active\:shadow-none:active{box-shadow:none!important}.md\:focus\:shadow-1:focus{box-shadow:0 3px 5px #00000005,0 0 2px #0000000d,0 1px 4px #00000014!important}.md\:hover\:shadow-1:hover,.md\:active\:shadow-1:active{box-shadow:0 3px 5px #00000005,0 0 2px #0000000d,0 1px 4px #00000014!important}.md\:focus\:shadow-2:focus{box-shadow:0 4px 10px #00000008,0 0 2px #0000000f,0 2px 6px #0000001f!important}.md\:hover\:shadow-2:hover,.md\:active\:shadow-2:active{box-shadow:0 4px 10px #00000008,0 0 2px #0000000f,0 2px 6px #0000001f!important}.md\:focus\:shadow-3:focus{box-shadow:0 1px 8px #00000014,0 3px 4px #0000001a,0 1px 4px -1px #0000001a!important}.md\:hover\:shadow-3:hover,.md\:active\:shadow-3:active{box-shadow:0 1px 8px #00000014,0 3px 4px #0000001a,0 1px 4px -1px #0000001a!important}.md\:focus\:shadow-4:focus{box-shadow:0 1px 10px #0000001f,0 4px 5px #00000024,0 2px 4px -1px #0003!important}.md\:hover\:shadow-4:hover,.md\:active\:shadow-4:active{box-shadow:0 1px 10px #0000001f,0 4px 5px #00000024,0 2px 4px -1px #0003!important}.md\:focus\:shadow-5:focus{box-shadow:0 1px 7px #0000001a,0 4px 5px -2px #0000001f,0 10px 15px -5px #0003!important}.md\:hover\:shadow-5:hover,.md\:active\:shadow-5:active{box-shadow:0 1px 7px #0000001a,0 4px 5px -2px #0000001f,0 10px 15px -5px #0003!important}.md\:focus\:shadow-6:focus{box-shadow:0 3px 5px #0000000f,0 7px 9px #0000001f,0 20px 25px -8px #0000002e!important}.md\:hover\:shadow-6:hover,.md\:active\:shadow-6:active{box-shadow:0 3px 5px #0000000f,0 7px 9px #0000001f,0 20px 25px -8px #0000002e!important}.md\:focus\:shadow-7:focus{box-shadow:0 7px 30px #00000014,0 22px 30px 2px #00000026,0 8px 10px #00000026!important}.md\:hover\:shadow-7:hover,.md\:active\:shadow-7:active{box-shadow:0 7px 30px #00000014,0 22px 30px 2px #00000026,0 8px 10px #00000026!important}.md\:focus\:shadow-8:focus{box-shadow:0 9px 46px 8px #0000001f,0 24px 38px 3px #00000024,0 11px 15px #0003!important}.md\:hover\:shadow-8:hover,.md\:active\:shadow-8:active{box-shadow:0 9px 46px 8px #0000001f,0 24px 38px 3px #00000024,0 11px 15px #0003!important}}@media screen and (min-width: 992px){.lg\:shadow-none{box-shadow:none!important}.lg\:shadow-1{box-shadow:0 3px 5px #00000005,0 0 2px #0000000d,0 1px 4px #00000014!important}.lg\:shadow-2{box-shadow:0 4px 10px #00000008,0 0 2px #0000000f,0 2px 6px #0000001f!important}.lg\:shadow-3{box-shadow:0 1px 8px #00000014,0 3px 4px #0000001a,0 1px 4px -1px #0000001a!important}.lg\:shadow-4{box-shadow:0 1px 10px #0000001f,0 4px 5px #00000024,0 2px 4px -1px #0003!important}.lg\:shadow-5{box-shadow:0 1px 7px #0000001a,0 4px 5px -2px #0000001f,0 10px 15px -5px #0003!important}.lg\:shadow-6{box-shadow:0 3px 5px #0000000f,0 7px 9px #0000001f,0 20px 25px -8px #0000002e!important}.lg\:shadow-7{box-shadow:0 7px 30px #00000014,0 22px 30px 2px #00000026,0 8px 10px #00000026!important}.lg\:shadow-8{box-shadow:0 9px 46px 8px #0000001f,0 24px 38px 3px #00000024,0 11px 15px #0003!important}.lg\:focus\:shadow-none:focus{box-shadow:none!important}.lg\:hover\:shadow-none:hover,.lg\:active\:shadow-none:active{box-shadow:none!important}.lg\:focus\:shadow-1:focus{box-shadow:0 3px 5px #00000005,0 0 2px #0000000d,0 1px 4px #00000014!important}.lg\:hover\:shadow-1:hover,.lg\:active\:shadow-1:active{box-shadow:0 3px 5px #00000005,0 0 2px #0000000d,0 1px 4px #00000014!important}.lg\:focus\:shadow-2:focus{box-shadow:0 4px 10px #00000008,0 0 2px #0000000f,0 2px 6px #0000001f!important}.lg\:hover\:shadow-2:hover,.lg\:active\:shadow-2:active{box-shadow:0 4px 10px #00000008,0 0 2px #0000000f,0 2px 6px #0000001f!important}.lg\:focus\:shadow-3:focus{box-shadow:0 1px 8px #00000014,0 3px 4px #0000001a,0 1px 4px -1px #0000001a!important}.lg\:hover\:shadow-3:hover,.lg\:active\:shadow-3:active{box-shadow:0 1px 8px #00000014,0 3px 4px #0000001a,0 1px 4px -1px #0000001a!important}.lg\:focus\:shadow-4:focus{box-shadow:0 1px 10px #0000001f,0 4px 5px #00000024,0 2px 4px -1px #0003!important}.lg\:hover\:shadow-4:hover,.lg\:active\:shadow-4:active{box-shadow:0 1px 10px #0000001f,0 4px 5px #00000024,0 2px 4px -1px #0003!important}.lg\:focus\:shadow-5:focus{box-shadow:0 1px 7px #0000001a,0 4px 5px -2px #0000001f,0 10px 15px -5px #0003!important}.lg\:hover\:shadow-5:hover,.lg\:active\:shadow-5:active{box-shadow:0 1px 7px #0000001a,0 4px 5px -2px #0000001f,0 10px 15px -5px #0003!important}.lg\:focus\:shadow-6:focus{box-shadow:0 3px 5px #0000000f,0 7px 9px #0000001f,0 20px 25px -8px #0000002e!important}.lg\:hover\:shadow-6:hover,.lg\:active\:shadow-6:active{box-shadow:0 3px 5px #0000000f,0 7px 9px #0000001f,0 20px 25px -8px #0000002e!important}.lg\:focus\:shadow-7:focus{box-shadow:0 7px 30px #00000014,0 22px 30px 2px #00000026,0 8px 10px #00000026!important}.lg\:hover\:shadow-7:hover,.lg\:active\:shadow-7:active{box-shadow:0 7px 30px #00000014,0 22px 30px 2px #00000026,0 8px 10px #00000026!important}.lg\:focus\:shadow-8:focus{box-shadow:0 9px 46px 8px #0000001f,0 24px 38px 3px #00000024,0 11px 15px #0003!important}.lg\:hover\:shadow-8:hover,.lg\:active\:shadow-8:active{box-shadow:0 9px 46px 8px #0000001f,0 24px 38px 3px #00000024,0 11px 15px #0003!important}}@media screen and (min-width: 1200px){.xl\:shadow-none{box-shadow:none!important}.xl\:shadow-1{box-shadow:0 3px 5px #00000005,0 0 2px #0000000d,0 1px 4px #00000014!important}.xl\:shadow-2{box-shadow:0 4px 10px #00000008,0 0 2px #0000000f,0 2px 6px #0000001f!important}.xl\:shadow-3{box-shadow:0 1px 8px #00000014,0 3px 4px #0000001a,0 1px 4px -1px #0000001a!important}.xl\:shadow-4{box-shadow:0 1px 10px #0000001f,0 4px 5px #00000024,0 2px 4px -1px #0003!important}.xl\:shadow-5{box-shadow:0 1px 7px #0000001a,0 4px 5px -2px #0000001f,0 10px 15px -5px #0003!important}.xl\:shadow-6{box-shadow:0 3px 5px #0000000f,0 7px 9px #0000001f,0 20px 25px -8px #0000002e!important}.xl\:shadow-7{box-shadow:0 7px 30px #00000014,0 22px 30px 2px #00000026,0 8px 10px #00000026!important}.xl\:shadow-8{box-shadow:0 9px 46px 8px #0000001f,0 24px 38px 3px #00000024,0 11px 15px #0003!important}.xl\:focus\:shadow-none:focus{box-shadow:none!important}.xl\:hover\:shadow-none:hover,.xl\:active\:shadow-none:active{box-shadow:none!important}.xl\:focus\:shadow-1:focus{box-shadow:0 3px 5px #00000005,0 0 2px #0000000d,0 1px 4px #00000014!important}.xl\:hover\:shadow-1:hover,.xl\:active\:shadow-1:active{box-shadow:0 3px 5px #00000005,0 0 2px #0000000d,0 1px 4px #00000014!important}.xl\:focus\:shadow-2:focus{box-shadow:0 4px 10px #00000008,0 0 2px #0000000f,0 2px 6px #0000001f!important}.xl\:hover\:shadow-2:hover,.xl\:active\:shadow-2:active{box-shadow:0 4px 10px #00000008,0 0 2px #0000000f,0 2px 6px #0000001f!important}.xl\:focus\:shadow-3:focus{box-shadow:0 1px 8px #00000014,0 3px 4px #0000001a,0 1px 4px -1px #0000001a!important}.xl\:hover\:shadow-3:hover,.xl\:active\:shadow-3:active{box-shadow:0 1px 8px #00000014,0 3px 4px #0000001a,0 1px 4px -1px #0000001a!important}.xl\:focus\:shadow-4:focus{box-shadow:0 1px 10px #0000001f,0 4px 5px #00000024,0 2px 4px -1px #0003!important}.xl\:hover\:shadow-4:hover,.xl\:active\:shadow-4:active{box-shadow:0 1px 10px #0000001f,0 4px 5px #00000024,0 2px 4px -1px #0003!important}.xl\:focus\:shadow-5:focus{box-shadow:0 1px 7px #0000001a,0 4px 5px -2px #0000001f,0 10px 15px -5px #0003!important}.xl\:hover\:shadow-5:hover,.xl\:active\:shadow-5:active{box-shadow:0 1px 7px #0000001a,0 4px 5px -2px #0000001f,0 10px 15px -5px #0003!important}.xl\:focus\:shadow-6:focus{box-shadow:0 3px 5px #0000000f,0 7px 9px #0000001f,0 20px 25px -8px #0000002e!important}.xl\:hover\:shadow-6:hover,.xl\:active\:shadow-6:active{box-shadow:0 3px 5px #0000000f,0 7px 9px #0000001f,0 20px 25px -8px #0000002e!important}.xl\:focus\:shadow-7:focus{box-shadow:0 7px 30px #00000014,0 22px 30px 2px #00000026,0 8px 10px #00000026!important}.xl\:hover\:shadow-7:hover,.xl\:active\:shadow-7:active{box-shadow:0 7px 30px #00000014,0 22px 30px 2px #00000026,0 8px 10px #00000026!important}.xl\:focus\:shadow-8:focus{box-shadow:0 9px 46px 8px #0000001f,0 24px 38px 3px #00000024,0 11px 15px #0003!important}.xl\:hover\:shadow-8:hover,.xl\:active\:shadow-8:active{box-shadow:0 9px 46px 8px #0000001f,0 24px 38px 3px #00000024,0 11px 15px #0003!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:.125rem!important}.border-round-sm{border-radius:.25rem!important}.border-round-md{border-radius:.375rem!important}.border-round-lg{border-radius:.5rem!important}.border-round-xl{border-radius:.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:.125rem!important}.sm\:border-round-sm{border-radius:.25rem!important}.sm\:border-round-md{border-radius:.375rem!important}.sm\:border-round-lg{border-radius:.5rem!important}.sm\:border-round-xl{border-radius:.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:.125rem!important}.md\:border-round-sm{border-radius:.25rem!important}.md\:border-round-md{border-radius:.375rem!important}.md\:border-round-lg{border-radius:.5rem!important}.md\:border-round-xl{border-radius:.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:.125rem!important}.lg\:border-round-sm{border-radius:.25rem!important}.lg\:border-round-md{border-radius:.375rem!important}.lg\:border-round-lg{border-radius:.5rem!important}.lg\:border-round-xl{border-radius:.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:.125rem!important}.xl\:border-round-sm{border-radius:.25rem!important}.xl\:border-round-md{border-radius:.375rem!important}.xl\:border-round-lg{border-radius:.5rem!important}.xl\:border-round-xl{border-radius:.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:.125rem!important;border-bottom-left-radius:.125rem!important}.border-round-top-xs{border-top-left-radius:.125rem!important;border-top-right-radius:.125rem!important}.border-round-right-xs{border-top-right-radius:.125rem!important;border-bottom-right-radius:.125rem!important}.border-round-bottom-xs{border-bottom-left-radius:.125rem!important;border-bottom-right-radius:.125rem!important}.border-round-left-sm{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.border-round-top-sm{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.border-round-right-sm{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.border-round-bottom-sm{border-bottom-left-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.border-round-left-md{border-top-left-radius:.375rem!important;border-bottom-left-radius:.375rem!important}.border-round-top-md{border-top-left-radius:.375rem!important;border-top-right-radius:.375rem!important}.border-round-right-md{border-top-right-radius:.375rem!important;border-bottom-right-radius:.375rem!important}.border-round-bottom-md{border-bottom-left-radius:.375rem!important;border-bottom-right-radius:.375rem!important}.border-round-left-lg{border-top-left-radius:.5rem!important;border-bottom-left-radius:.5rem!important}.border-round-top-lg{border-top-left-radius:.5rem!important;border-top-right-radius:.5rem!important}.border-round-right-lg{border-top-right-radius:.5rem!important;border-bottom-right-radius:.5rem!important}.border-round-bottom-lg{border-bottom-left-radius:.5rem!important;border-bottom-right-radius:.5rem!important}.border-round-left-xl{border-top-left-radius:.75rem!important;border-bottom-left-radius:.75rem!important}.border-round-top-xl{border-top-left-radius:.75rem!important;border-top-right-radius:.75rem!important}.border-round-right-xl{border-top-right-radius:.75rem!important;border-bottom-right-radius:.75rem!important}.border-round-bottom-xl{border-bottom-left-radius:.75rem!important;border-bottom-right-radius:.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:.125rem!important;border-bottom-left-radius:.125rem!important}.sm\:border-round-top-xs{border-top-left-radius:.125rem!important;border-top-right-radius:.125rem!important}.sm\:border-round-right-xs{border-top-right-radius:.125rem!important;border-bottom-right-radius:.125rem!important}.sm\:border-round-bottom-xs{border-bottom-left-radius:.125rem!important;border-bottom-right-radius:.125rem!important}.sm\:border-round-left-sm{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.sm\:border-round-top-sm{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.sm\:border-round-right-sm{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.sm\:border-round-bottom-sm{border-bottom-left-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.sm\:border-round-left-md{border-top-left-radius:.375rem!important;border-bottom-left-radius:.375rem!important}.sm\:border-round-top-md{border-top-left-radius:.375rem!important;border-top-right-radius:.375rem!important}.sm\:border-round-right-md{border-top-right-radius:.375rem!important;border-bottom-right-radius:.375rem!important}.sm\:border-round-bottom-md{border-bottom-left-radius:.375rem!important;border-bottom-right-radius:.375rem!important}.sm\:border-round-left-lg{border-top-left-radius:.5rem!important;border-bottom-left-radius:.5rem!important}.sm\:border-round-top-lg{border-top-left-radius:.5rem!important;border-top-right-radius:.5rem!important}.sm\:border-round-right-lg{border-top-right-radius:.5rem!important;border-bottom-right-radius:.5rem!important}.sm\:border-round-bottom-lg{border-bottom-left-radius:.5rem!important;border-bottom-right-radius:.5rem!important}.sm\:border-round-left-xl{border-top-left-radius:.75rem!important;border-bottom-left-radius:.75rem!important}.sm\:border-round-top-xl{border-top-left-radius:.75rem!important;border-top-right-radius:.75rem!important}.sm\:border-round-right-xl{border-top-right-radius:.75rem!important;border-bottom-right-radius:.75rem!important}.sm\:border-round-bottom-xl{border-bottom-left-radius:.75rem!important;border-bottom-right-radius:.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:.125rem!important;border-bottom-left-radius:.125rem!important}.md\:border-round-top-xs{border-top-left-radius:.125rem!important;border-top-right-radius:.125rem!important}.md\:border-round-right-xs{border-top-right-radius:.125rem!important;border-bottom-right-radius:.125rem!important}.md\:border-round-bottom-xs{border-bottom-left-radius:.125rem!important;border-bottom-right-radius:.125rem!important}.md\:border-round-left-sm{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.md\:border-round-top-sm{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.md\:border-round-right-sm{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.md\:border-round-bottom-sm{border-bottom-left-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.md\:border-round-left-md{border-top-left-radius:.375rem!important;border-bottom-left-radius:.375rem!important}.md\:border-round-top-md{border-top-left-radius:.375rem!important;border-top-right-radius:.375rem!important}.md\:border-round-right-md{border-top-right-radius:.375rem!important;border-bottom-right-radius:.375rem!important}.md\:border-round-bottom-md{border-bottom-left-radius:.375rem!important;border-bottom-right-radius:.375rem!important}.md\:border-round-left-lg{border-top-left-radius:.5rem!important;border-bottom-left-radius:.5rem!important}.md\:border-round-top-lg{border-top-left-radius:.5rem!important;border-top-right-radius:.5rem!important}.md\:border-round-right-lg{border-top-right-radius:.5rem!important;border-bottom-right-radius:.5rem!important}.md\:border-round-bottom-lg{border-bottom-left-radius:.5rem!important;border-bottom-right-radius:.5rem!important}.md\:border-round-left-xl{border-top-left-radius:.75rem!important;border-bottom-left-radius:.75rem!important}.md\:border-round-top-xl{border-top-left-radius:.75rem!important;border-top-right-radius:.75rem!important}.md\:border-round-right-xl{border-top-right-radius:.75rem!important;border-bottom-right-radius:.75rem!important}.md\:border-round-bottom-xl{border-bottom-left-radius:.75rem!important;border-bottom-right-radius:.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:.125rem!important;border-bottom-left-radius:.125rem!important}.lg\:border-round-top-xs{border-top-left-radius:.125rem!important;border-top-right-radius:.125rem!important}.lg\:border-round-right-xs{border-top-right-radius:.125rem!important;border-bottom-right-radius:.125rem!important}.lg\:border-round-bottom-xs{border-bottom-left-radius:.125rem!important;border-bottom-right-radius:.125rem!important}.lg\:border-round-left-sm{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.lg\:border-round-top-sm{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.lg\:border-round-right-sm{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.lg\:border-round-bottom-sm{border-bottom-left-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.lg\:border-round-left-md{border-top-left-radius:.375rem!important;border-bottom-left-radius:.375rem!important}.lg\:border-round-top-md{border-top-left-radius:.375rem!important;border-top-right-radius:.375rem!important}.lg\:border-round-right-md{border-top-right-radius:.375rem!important;border-bottom-right-radius:.375rem!important}.lg\:border-round-bottom-md{border-bottom-left-radius:.375rem!important;border-bottom-right-radius:.375rem!important}.lg\:border-round-left-lg{border-top-left-radius:.5rem!important;border-bottom-left-radius:.5rem!important}.lg\:border-round-top-lg{border-top-left-radius:.5rem!important;border-top-right-radius:.5rem!important}.lg\:border-round-right-lg{border-top-right-radius:.5rem!important;border-bottom-right-radius:.5rem!important}.lg\:border-round-bottom-lg{border-bottom-left-radius:.5rem!important;border-bottom-right-radius:.5rem!important}.lg\:border-round-left-xl{border-top-left-radius:.75rem!important;border-bottom-left-radius:.75rem!important}.lg\:border-round-top-xl{border-top-left-radius:.75rem!important;border-top-right-radius:.75rem!important}.lg\:border-round-right-xl{border-top-right-radius:.75rem!important;border-bottom-right-radius:.75rem!important}.lg\:border-round-bottom-xl{border-bottom-left-radius:.75rem!important;border-bottom-right-radius:.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:.125rem!important;border-bottom-left-radius:.125rem!important}.xl\:border-round-top-xs{border-top-left-radius:.125rem!important;border-top-right-radius:.125rem!important}.xl\:border-round-right-xs{border-top-right-radius:.125rem!important;border-bottom-right-radius:.125rem!important}.xl\:border-round-bottom-xs{border-bottom-left-radius:.125rem!important;border-bottom-right-radius:.125rem!important}.xl\:border-round-left-sm{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.xl\:border-round-top-sm{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.xl\:border-round-right-sm{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.xl\:border-round-bottom-sm{border-bottom-left-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.xl\:border-round-left-md{border-top-left-radius:.375rem!important;border-bottom-left-radius:.375rem!important}.xl\:border-round-top-md{border-top-left-radius:.375rem!important;border-top-right-radius:.375rem!important}.xl\:border-round-right-md{border-top-right-radius:.375rem!important;border-bottom-right-radius:.375rem!important}.xl\:border-round-bottom-md{border-bottom-left-radius:.375rem!important;border-bottom-right-radius:.375rem!important}.xl\:border-round-left-lg{border-top-left-radius:.5rem!important;border-bottom-left-radius:.5rem!important}.xl\:border-round-top-lg{border-top-left-radius:.5rem!important;border-top-right-radius:.5rem!important}.xl\:border-round-right-lg{border-top-right-radius:.5rem!important;border-bottom-right-radius:.5rem!important}.xl\:border-round-bottom-lg{border-bottom-left-radius:.5rem!important;border-bottom-right-radius:.5rem!important}.xl\:border-round-left-xl{border-top-left-radius:.75rem!important;border-bottom-left-radius:.75rem!important}.xl\:border-round-top-xl{border-top-left-radius:.75rem!important;border-top-right-radius:.75rem!important}.xl\:border-round-right-xl{border-top-right-radius:.75rem!important;border-bottom-right-radius:.75rem!important}.xl\:border-round-bottom-xl{border-bottom-left-radius:.75rem!important;border-bottom-right-radius:.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:-moz-fit-content!important;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:-moz-fit-content!important;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:-moz-fit-content!important;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:-moz-fit-content!important;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:-moz-fit-content!important;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:-moz-fit-content!important;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:-moz-fit-content!important;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:-moz-fit-content!important;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:-moz-fit-content!important;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:-moz-fit-content!important;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:-moz-fit-content!important;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:-moz-fit-content!important;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:-moz-fit-content!important;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:-moz-fit-content!important;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:-moz-fit-content!important;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:-moz-fit-content!important;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:-moz-fit-content!important;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:-moz-fit-content!important;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:-moz-fit-content!important;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:-moz-fit-content!important;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:0!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:0!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:0!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:0!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:0!important}.xl\:top-50{top:50%!important}.xl\:top-100{top:100%!important}}.left-auto{left:auto!important}.left-0{left:0!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:0!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:0!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:0!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:0!important}.xl\:left-50{left:50%!important}.xl\:left-100{left:100%!important}}.right-auto{right:auto!important}.right-0{right:0!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:0!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:0!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:0!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:0!important}.xl\:right-50{right:50%!important}.xl\:right-100{right:100%!important}}.bottom-auto{bottom:auto!important}.bottom-0{bottom:0!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:0!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:0!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:0!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:0!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}}.list-none{list-style:none!important}.list-disc{list-style:disc!important}.list-decimal{list-style:decimal!important}.appearance-none{-webkit-appearance:none!important;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{-webkit-user-select:none!important;user-select:none!important}.select-text{-webkit-user-select:text!important;user-select:text!important}.select-all{-webkit-user-select:all!important;user-select:all!important}.select-auto{-webkit-user-select:auto!important;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}.reset{all:unset}.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:.1s!important}.transition-duration-150{transition-duration:.15s!important}.transition-duration-200{transition-duration:.2s!important}.transition-duration-300{transition-duration:.3s!important}.transition-duration-400{transition-duration:.4s!important}.transition-duration-500{transition-duration:.5s!important}.transition-duration-1000{transition-duration:1s!important}.transition-duration-2000{transition-duration:2s!important}.transition-duration-3000{transition-duration:3s!important}.transition-linear{transition-timing-function:linear!important}.transition-ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)!important}.transition-ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)!important}.transition-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.transition-delay-100{transition-delay:.1s!important}.transition-delay-150{transition-delay:.15s!important}.transition-delay-200{transition-delay:.2s!important}.transition-delay-300{transition-delay:.3s!important}.transition-delay-400{transition-delay:.4s!important}.transition-delay-500{transition-delay:.5s!important}.transition-delay-1000{transition-delay:1s!important}.translate-x-0{transform:translate(0)!important}.translate-x-100{transform:translate(100%)!important}.-translate-x-100{transform:translate(-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:translate(0)!important}.sm\:translate-x-100{transform:translate(100%)!important}.sm\:-translate-x-100{transform:translate(-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:translate(0)!important}.md\:translate-x-100{transform:translate(100%)!important}.md\:-translate-x-100{transform:translate(-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:translate(0)!important}.lg\:translate-x-100{transform:translate(100%)!important}.lg\:-translate-x-100{transform:translate(-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:translate(0)!important}.xl\:translate-x-100{transform:translate(100%)!important}.xl\:-translate-x-100{transform:translate(-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}to{opacity:1}}@keyframes fadeout{0%{opacity:1}to{opacity:0}}@keyframes scalein{0%{opacity:0;transform:scaleY(.8);transition:transform .12s cubic-bezier(0,0,.2,1),opacity .12s cubic-bezier(0,0,.2,1)}to{opacity:1;transform:scaleY(1)}}@keyframes slidedown{0%{max-height:0}to{max-height:auto}}@keyframes slideup{0%{max-height:1000px}to{max-height:0}}@keyframes fadeinleft{0%{opacity:0;transform:translate(-100%);transition:transform .12s cubic-bezier(0,0,.2,1),opacity .12s cubic-bezier(0,0,.2,1)}to{opacity:1;transform:translate(0)}}@keyframes fadeoutleft{0%{opacity:1;transform:translate(0);transition:transform .12s cubic-bezier(0,0,.2,1),opacity .12s cubic-bezier(0,0,.2,1)}to{opacity:0;transform:translate(-100%)}}@keyframes fadeinright{0%{opacity:0;transform:translate(100%);transition:transform .12s cubic-bezier(0,0,.2,1),opacity .12s cubic-bezier(0,0,.2,1)}to{opacity:1;transform:translate(0)}}@keyframes fadeoutright{0%{opacity:1;transform:translate(0);transition:transform .12s cubic-bezier(0,0,.2,1),opacity .12s cubic-bezier(0,0,.2,1)}to{opacity:0;transform:translate(100%)}}@keyframes fadeinup{0%{opacity:0;transform:translateY(-100%);transition:transform .12s cubic-bezier(0,0,.2,1),opacity .12s cubic-bezier(0,0,.2,1)}to{opacity:1;transform:translateY(0)}}@keyframes fadeoutup{0%{opacity:1;transform:translateY(0);transition:transform .12s cubic-bezier(0,0,.2,1),opacity .12s cubic-bezier(0,0,.2,1)}to{opacity:0;transform:translateY(-100%)}}@keyframes fadeindown{0%{opacity:0;transform:translateY(100%);transition:transform .12s cubic-bezier(0,0,.2,1),opacity .12s cubic-bezier(0,0,.2,1)}to{opacity:1;transform:translateY(0)}}@keyframes fadeoutdown{0%{opacity:1;transform:translateY(0);transition:transform .12s cubic-bezier(0,0,.2,1),opacity .12s cubic-bezier(0,0,.2,1)}to{opacity:0;transform:translateY(100%)}}@keyframes animate-width{0%{width:0}to{width:100%}}@keyframes flip{0%{transform:perspective(2000px) rotateX(-100deg)}to{transform:perspective(2000px) rotateX(0)}}@keyframes flipleft{0%{transform:perspective(2000px) rotateY(-100deg);opacity:0}to{transform:perspective(2000px) rotateY(0);opacity:1}}@keyframes flipright{0%{transform:perspective(2000px) rotateY(100deg);opacity:0}to{transform:perspective(2000px) rotateY(0);opacity:1}}@keyframes flipup{0%{transform:perspective(2000px) rotateX(-100deg);opacity:0}to{transform:perspective(2000px) rotateX(0);opacity:1}}@keyframes zoomin{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomindown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}@keyframes zoominleft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}@keyframes zoominright{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}@keyframes zoominup{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}.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 1s linear}.flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation:flip .15s linear}.flipup{-webkit-backface-visibility:visible;backface-visibility:visible;animation:flipup .15s linear}.flipleft{-webkit-backface-visibility:visible;backface-visibility:visible;animation:flipleft .15s linear}.flipright{-webkit-backface-visibility:visible;backface-visibility:visible;animation:flipright .15s linear}.zoomin{animation:zoomin .15s linear}.zoomindown{animation:zoomindown .15s linear}.zoominleft{animation:zoominleft .15s linear}.zoominright{animation:zoominright .15s linear}.zoominup{animation:zoominup .15s linear}.animation-duration-100{animation-duration:.1s!important}.animation-duration-150{animation-duration:.15s!important}.animation-duration-200{animation-duration:.2s!important}.animation-duration-300{animation-duration:.3s!important}.animation-duration-400{animation-duration:.4s!important}.animation-duration-500{animation-duration:.5s!important}.animation-duration-1000{animation-duration:1s!important}.animation-duration-2000{animation-duration:2s!important}.animation-duration-3000{animation-duration:3s!important}.animation-delay-100{animation-delay:.1s!important}.animation-delay-150{animation-delay:.15s!important}.animation-delay-200{animation-delay:.2s!important}.animation-delay-300{animation-delay:.3s!important}.animation-delay-400{animation-delay:.4s!important}.animation-delay-500{animation-delay:.5s!important}.animation-delay-1000{animation-delay:1s!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(.4,0,1,1)!important}.animation-ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)!important}.animation-ease-in-out{animation-timing-function:cubic-bezier(.4,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}.preloader{position:fixed;z-index:999999;background:#edf1f5;width:100%;height:100%}.preloader-content{border:0 solid transparent;border-radius:50%;width:150px;height:150px;position:absolute;top:calc(50vh - 75px);left:calc(50vw - 75px)}.preloader-content:before,.preloader-content:after{content:"";border:1em solid var(--primary-color);border-radius:50%;width:inherit;height:inherit;position:absolute;top:0;left:0;animation:loader 2s linear infinite;opacity:0}.preloader-content:before{animation-delay:.5s}@keyframes loader{0%{transform:scale(0);opacity:0}50%{opacity:1}to{transform:scale(1);opacity:0}}*{box-sizing:border-box}html{font-size:14px}body{font-family:var(--font-family);color:var(--text-color);background-color:var(--surface-ground);margin:0;padding:0;min-height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:var(--primary-color)}.layout-wrapper{min-height:100vh}.layout-topbar{position:fixed;height:5rem;z-index:997;left:0;top:0;width:100%;padding:0 2rem;background-color:var(--surface-card);transition:left .2s;display:flex;align-items:center;box-shadow:0 3px 5px #00000005,0 0 2px #0000000d,0 1px 4px #00000014}.layout-topbar .layout-topbar-logo{display:flex;align-items:center;color:var(--surface-900);font-size:1.5rem;font-weight:500;width:300px;border-radius:12px}.layout-topbar .layout-topbar-logo img{height:3.5rem;margin-right:.5rem}.layout-topbar .layout-topbar-logo:focus{outline:0 none;outline-offset:0;transition:box-shadow .2s;box-shadow:var(--focus-ring)}.layout-topbar .layout-topbar-button{display:inline-flex;justify-content:center;align-items:center;position:relative;color:var(--text-color-secondary);border-radius:50%;width:3rem;height:3rem;cursor:pointer;transition:background-color .2s}.layout-topbar .layout-topbar-button:hover{color:var(--text-color);background-color:var(--surface-hover)}.layout-topbar .layout-topbar-button:focus{outline:0 none;outline-offset:0;transition:box-shadow .2s;box-shadow:var(--focus-ring)}.layout-topbar .layout-topbar-button i{font-size:1.5rem}.layout-topbar .layout-topbar-button span{font-size:1rem;display:none}.layout-topbar .layout-menu-button{margin-left:2rem}.layout-topbar .layout-topbar-menu-button{display:none}.layout-topbar .layout-topbar-menu-button i{font-size:1.25rem}.layout-topbar .layout-topbar-menu{margin:0 0 0 auto;padding:0;list-style:none;display:flex}.layout-topbar .layout-topbar-menu .layout-topbar-button{margin-left:1rem}@media (max-width: 991px){.layout-topbar{justify-content:space-between}.layout-topbar .layout-topbar-logo{width:auto;order:2}.layout-topbar .layout-menu-button{margin-left:0;order:1}.layout-topbar .layout-topbar-menu-button{display:inline-flex;margin-left:0;order:3}.layout-topbar .layout-topbar-menu{margin-left:0;position:absolute;flex-direction:column;background-color:var(--surface-overlay);box-shadow:0 3px 5px #00000005,0 0 2px #0000000d,0 1px 4px #00000014;border-radius:12px;padding:1rem;right:2rem;top:5rem;min-width:15rem;display:none;animation:scalein .15s linear}.layout-topbar .layout-topbar-menu.layout-topbar-menu-mobile-active{display:block}.layout-topbar .layout-topbar-menu .layout-topbar-button{margin-left:0;display:flex;width:100%;height:auto;justify-content:flex-start;border-radius:12px;padding:1rem}.layout-topbar .layout-topbar-menu .layout-topbar-button i{font-size:1rem;margin-right:.5rem}.layout-topbar .layout-topbar-menu .layout-topbar-button span{font-weight:medium;display:block}}.layout-sidebar{position:fixed;width:300px;height:calc(100vh - 9rem);z-index:999;overflow-y:auto;-webkit-user-select:none;user-select:none;top:7rem;left:2rem;transition:transform .2s,left .2s;background-color:var(--surface-overlay);border-radius:12px;padding:.5rem 1.5rem;box-shadow:0 3px 5px #00000005,0 0 2px #0000000d,0 1px 4px #00000014}.layout-menu{margin:0;padding:0;list-style-type:none}.layout-menu .layout-root-menuitem>.layout-menuitem-root-text{font-size:.857rem;text-transform:uppercase;font-weight:700;color:var(--surface-900);margin:.75rem 0}.layout-menu .layout-root-menuitem>a{display:none}.layout-menu a{-webkit-user-select:none;user-select:none}.layout-menu a.active-menuitem>.layout-submenu-toggler{transform:rotate(-180deg)}.layout-menu li.active-menuitem>a .layout-submenu-toggler{transform:rotate(-180deg)}.layout-menu ul{margin:0;padding:0;list-style-type:none}.layout-menu ul a{display:flex;align-items:center;position:relative;outline:0 none;color:var(--text-color);cursor:pointer;padding:.75rem 1rem;border-radius:12px;transition:background-color .2s,box-shadow .2s}.layout-menu ul a .layout-menuitem-icon{margin-right:.5rem}.layout-menu ul a .layout-submenu-toggler{font-size:75%;margin-left:auto;transition:transform .2s}.layout-menu ul a.active-route{font-weight:700;color:var(--primary-color)}.layout-menu ul a:hover{background-color:var(--surface-hover)}.layout-menu ul a:focus{outline:0 none;outline-offset:0;transition:box-shadow .2s;box-shadow:inset var(--focus-ring)}.layout-menu ul ul{overflow:hidden;border-radius:12px}.layout-menu ul ul li a{margin-left:1rem}.layout-menu ul ul li li a{margin-left:2rem}.layout-menu ul ul li li li a{margin-left:2.5rem}.layout-menu ul ul li li li li a{margin-left:3rem}.layout-menu ul ul li li li li li a{margin-left:3.5rem}.layout-menu ul ul li li li li li li a{margin-left:4rem}.layout-config-button{display:block;position:fixed;width:3rem;height:3rem;line-height:3rem;background:var(--primary-color);color:var(--primary-color-text);text-align:center;top:50%;right:0;margin-top:-1.5rem;border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius);border-top-right-radius:0;border-bottom-right-radius:0;transition:background-color var(--transition-duration);overflow:hidden;cursor:pointer;z-index:999;box-shadow:-.25rem 0 1rem #00000026}.layout-config-button i{font-size:2rem;line-height:inherit;transform:rotate(0);transition:transform 1s}.layout-config-button:hover{background:var(--primary-400)}.layout-config-sidebar.p-sidebar .p-sidebar-content{padding-left:2rem;padding-right:2rem}.layout-main-container{display:flex;flex-direction:column;min-height:100vh;justify-content:space-between;padding:7rem 2rem 2rem 4rem;transition:margin-left .2s}.layout-main{flex:1 1 auto}.layout-footer{transition:margin-left .2s;display:flex;align-items:center;justify-content:center;padding-top:1rem;border-top:1px solid var(--surface-border)}@media screen and (min-width: 1960px){.layout-main,.landing-wrapper{width:1504px;margin-left:auto!important;margin-right:auto!important}}@media (min-width: 992px){.layout-wrapper.layout-overlay .layout-main-container{margin-left:0;padding-left:2rem}.layout-wrapper.layout-overlay .layout-sidebar{transform:translate(-100%);left:0;top:0;height:100vh;border-top-left-radius:0;border-bottom-left-radius:0}.layout-wrapper.layout-overlay.layout-overlay-active .layout-sidebar{transform:translate(0)}.layout-wrapper.layout-static .layout-main-container{margin-left:300px}.layout-wrapper.layout-static.layout-static-inactive .layout-sidebar{transform:translate(-100%);left:0}.layout-wrapper.layout-static.layout-static-inactive .layout-main-container{margin-left:0;padding-left:2rem}.layout-wrapper .layout-mask{display:none}}@media (max-width: 991px){.blocked-scroll{overflow:hidden}.layout-wrapper .layout-main-container{margin-left:0;padding-left:2rem}.layout-wrapper .layout-sidebar{transform:translate(-100%);left:0;top:0;height:100vh;border-top-left-radius:0;border-bottom-left-radius:0}.layout-wrapper .layout-mask{display:none;position:fixed;top:0;left:0;z-index:998;width:100%;height:100%;background-color:var(--maskbg)}.layout-wrapper.layout-mobile-active .layout-sidebar{transform:translate(0)}.layout-wrapper.layout-mobile-active .layout-mask{display:block;animation:fadein .2s}}.card{background:var(--surface-card);border:1px solid var(--surface-border);padding:2rem;margin-bottom:2rem;box-shadow:var(--card-shadow);border-radius:12px}.card:last-child{margin-bottom:0}.p-toast.p-toast-top-right,.p-toast.p-toast-top-left,.p-toast.p-toast-top-center{top:100px}h1,h2,h3,h4,h5,h6{margin:1.5rem 0 1rem;font-family:inherit;font-weight:500;line-height:1.2;color:var(--surface-900)}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:.25rem .4rem;border-radius:12px;font-family:monospace}blockquote{margin:1rem 0;padding:0 2rem;border-left:4px solid #90A4AE}hr{border-top:solid var(--surface-border);border-width:1px 0 0 0;margin:1rem 0}p{margin:0 0 1rem;line-height:1.5}p:last-child{margin-bottom:0}.p-datatable .p-datatable-thead>tr>th{background:none}.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody>tr:not(.p-highlight){cursor:pointer} diff --git a/styles.4714edcc973553a6.css.br b/styles.4714edcc973553a6.css.br new file mode 100644 index 0000000..1fae366 Binary files /dev/null and b/styles.4714edcc973553a6.css.br differ diff --git a/styles.4714edcc973553a6.css.gz b/styles.4714edcc973553a6.css.gz new file mode 100644 index 0000000..48aa9dc Binary files /dev/null and b/styles.4714edcc973553a6.css.gz differ